@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap);:root{--color-bg-primary:#faf9f6;--color-bg-secondary:#f5f3ef;--color-bg-card:#fff;--color-bg-accent:#ede8e0;--color-accent:#c9b99a;--color-accent-dark:#b5a485;--color-accent-light:#e8dfd0;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#7a7a7a;--color-border:#e5e0d8;--color-border-dark:#d4cfc5;--font-heading:"Playfair Display",Georgia,"Times New Roman",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 10px 15px #0000000d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf9f6;background-color:var(--color-bg-primary);color:#1a1a1a;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:var(--color-bg-primary);min-height:100vh}.navbar{background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:none;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-title{align-items:baseline;color:var(--color-text-primary);display:flex;font-weight:600;gap:.1rem}.title-spark{font-size:2rem;font-weight:700}.title-ing,.title-spark{font-family:var(--font-heading)}.title-ing{font-size:1.2rem;font-style:italic;font-weight:400}.title-conversations{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-left:.3rem}.nav-links{display:flex;gap:1rem}.nav-button{background:none;border:1px solid var(--color-text-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:500;letter-spacing:.5px;padding:.5rem 1.25rem;text-transform:uppercase;transition:all .3s ease}.nav-button.active,.nav-button:hover{background-color:var(--color-text-primary);color:var(--color-bg-card)}.main-content{margin:0;padding:0;width:100%}.content-container{margin:0 auto;max-width:1280px;padding:0 2rem}@media (max-width:1344px){.content-container{padding:0 2rem}}@media (max-width:768px){.content-container{padding:0 1rem}}.interview-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.interview-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer}.interview-card:hover{box-shadow:var(--shadow-md)}.interview-card.expanded,.interview-card:hover{border-color:var(--color-accent)}.card-header{border-bottom:1px solid var(--color-border);gap:1rem;padding:1.5rem}.card-image-container{flex-shrink:0;position:relative}.card-profile-image{border:3px solid var(--color-accent);border-radius:50%;height:60px;object-fit:cover;width:60px}.card-profile-placeholder{align-items:center;background:var(--color-accent);border-radius:50%;color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.card-info{flex:1 1;min-width:0}.card-name{color:var(--color-text-primary);font-family:var(--font-heading);font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.card-role{color:var(--color-accent-dark);font-size:.9rem;font-weight:500;margin:0 0 .25rem}.card-company{color:var(--color-text-muted);font-size:.85rem;margin:0}.card-expand-icon{color:var(--color-accent-dark);font-size:1.5rem;font-weight:700;transition:transform .3s ease}.interview-card.expanded .card-expand-icon{transform:rotate(180deg)}.card-body{padding:1.5rem}.card-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.card-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0;overflow:hidden}.card-footer{padding:1rem 1.5rem 1.5rem}.card-contributor{background:var(--color-accent-light);border-radius:var(--radius-sm);font-size:var(--text-xs);margin-bottom:var(--space-4);padding:var(--space-2);text-align:center}.contributor-label{color:var(--color-text-muted);margin-right:var(--space-2)}.contributor-name{color:var(--color-text-primary);font-weight:600}.card-action-button{background:#0000;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:500;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.card-action-button:hover{background:var(--color-text-primary);color:var(--color-bg-card);transform:translateY(-1px)}.interview-expanded-view{background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:2rem;overflow:hidden}@media (max-width:768px){.interview-cards-grid{gap:1.5rem;grid-template-columns:1fr;margin:1rem 0}.card-header{flex-wrap:wrap;padding:1rem}.card-profile-image,.card-profile-placeholder{height:50px;width:50px}.card-name{font-size:1.1rem}.card-body,.card-footer{padding:1rem}.main-content{padding:0}}@media (min-width:768px) and (max-width:1024px){.interview-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.interview-cards-grid{grid-template-columns:repeat(3,1fr)}}.form-section{background:var(--color-bg-secondary);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--space-8);padding:var(--space-6)}.section-title{align-items:center;display:flex;font-size:var(--text-lg);gap:var(--space-2);margin:0 0 var(--space-4) 0}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-section label{color:var(--color-text-primary);display:block;font-weight:500;margin-bottom:var(--space-2)}.form-section input,.form-section textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3);transition:border-color .3s ease;width:100%}.form-section input:focus,.form-section textarea:focus{border-color:var(--color-accent-dark);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-section small{color:var(--color-text-muted);display:block;font-size:var(--text-xs);font-style:italic;margin-top:var(--space-1)}.required{font-weight:700}.form-actions{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding:var(--space-8) 0;text-align:center}.submit-btn{background:#0000;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:1px;padding:var(--space-3) var(--space-8);text-transform:uppercase;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-bg-card);transform:translateY(-1px)}.submit-btn:disabled{background:var(--color-border);border-color:var(--color-border);color:var(--color-text-muted)}.upload-info{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;margin-top:var(--space-4)}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-section{padding:1rem}.submit-btn{font-size:1rem;padding:.875rem 1.5rem}}.upload-success-modal{max-width:500px}.success-content{text-align:center}.success-icon{font-size:4rem;margin-bottom:var(--space-4)}.success-content h3{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.success-content p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-8)}.share-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-8) 0;padding:var(--space-6)}.share-section h4{color:var(--color-text-primary);font-size:var(--text-lg);margin-bottom:var(--space-4)}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.share-btn{background:#0000;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all .3s ease}.twitter-btn{border-color:#1da1f2;color:#1da1f2}.linkedin-btn{border-color:#0077b5;color:#0077b5}.copy-btn{border-color:var(--color-text-muted);color:var(--color-text-muted)}.share-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.twitter-btn:hover{background:#1da1f2;color:#fff}.linkedin-btn:hover{background:#0077b5;color:#fff}.copy-btn:hover{background:var(--color-text-muted);color:#fff}.next-steps{background:var(--color-accent-light);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);margin:var(--space-8) 0;padding:var(--space-6);text-align:left}.next-steps p{color:var(--color-text-primary);font-weight:600;margin:0 0 var(--space-2) 0}.next-steps ul{margin:0;padding-left:var(--space-4)}.next-steps li{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-1)}.close-success-btn{background:#0000;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:1px;margin-top:var(--space-4);padding:var(--space-3) var(--space-8);text-transform:uppercase;transition:all .3s ease}.close-success-btn:hover{background:var(--color-text-primary);color:var(--color-bg-card);transform:translateY(-1px)}@media (max-width:768px){.share-buttons{flex-direction:column}.share-btn{padding:.75rem 1rem}}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:90vw;overflow-y:auto}.upload-modal{width:600px}.modal-header{border-bottom:1px solid var(--color-border);padding:var(--space-6) var(--space-8)}.modal-header h2{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-2xl)}.close-button{border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-2xl)}.close-button:hover{background-color:var(--color-bg-secondary)}.modal-body{padding:var(--space-8)}.modal-body p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.auth-section{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8);padding-bottom:var(--space-8);text-align:center}.google-auth-button{display:inline-block;margin-bottom:var(--space-2)}.google-auth-button:hover{background-color:var(--color-text-secondary)}.auth-note{color:var(--color-text-muted);font-size:var(--text-sm)}.progress-spinner{height:40px;margin:0 auto var(--space-6);width:40px}.upload-progress p{margin-bottom:var(--space-2)}.progress-note{font-size:var(--text-sm);font-style:italic}form{gap:1rem}form,form div{display:flex;flex-direction:column}form div{gap:.5rem}label{color:var(--color-text-primary);font-weight:500}input,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3);transition:border-color .3s ease}input:focus,textarea:focus{border-color:var(--color-accent-dark);outline:none}textarea{min-height:100px;resize:vertical}button[type=submit]{background-color:initial;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:1px;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all .3s ease}button[type=submit]:hover{background-color:var(--color-text-primary);color:var(--color-bg-card)}button[type=submit]:disabled{background-color:var(--color-border);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.required{color:#c0392b;font-weight:400}.optional{color:var(--color-text-muted);font-style:italic;font-weight:400}.login-required{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8);text-align:center}.login-icon{font-size:3rem;margin-bottom:var(--space-2)}.login-required h3{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.login-required p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4);max-width:400px}.google-auth-button{align-items:center;background-color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-bg-card);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .3s ease}.google-auth-button:hover:not(:disabled){background-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.google-auth-button:disabled{background-color:var(--color-border);cursor:not-allowed;transform:none}.google-icon{flex-shrink:0}.small-spinner{border:2px solid #ffffff4d}.privacy-note{color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic;max-width:350px;text-align:center}.interview-list{gap:0;margin:0;padding:0;width:100%}.interview-card,.interview-list{display:flex;flex-direction:column}.interview-card{margin-bottom:40px;max-height:calc(100vh - 8rem);transition:transform .2s,box-shadow .2s}.interview-card:hover{transform:translateY(-2px)}.interview-header-full{align-items:flex-start;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:1.5rem;padding:2rem}.tab-container{display:flex;flex-direction:column;flex-grow:1;min-height:0}.tab-buttons{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.tab-button{background-color:initial;border:none;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;position:relative;transition:color .3s ease}.tab-button.active{color:#007bff}.tab-button.active:after{background-color:#007bff;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{flex-grow:1}.timeline-scrollable,.transcript-scrollable{padding:1.5rem}.timeline-point{padding-left:40px}.timeline-point:hover{background:#6a7eea0d}.timeline-point.active .point-title{color:#007bff}.point-header{gap:.75rem}.point-emoji{font-size:1.2rem;top:0}.timeline-point:hover{background:#6a7eea1a;transform:translateY(-4px)}.timeline-point.active{background:#ffd7001a;border-top-color:gold}.point-header{flex-direction:column;gap:.5rem;margin-bottom:.5rem}.point-emoji{font-size:1.5rem}.point-time{background:#6a7eea1a;color:#667eea;font-size:.75rem;padding:.25rem .5rem}.point-content{text-align:center}.point-title{color:#495057;font-size:.9rem;margin:0 0 .25rem}.point-description{font-size:.8rem;line-height:1.4}.journey-empty{color:#666;font-style:italic;padding:2rem;text-align:center}.interview-image{border:3px solid #e9ecef;border-radius:50%;flex-shrink:0;height:120px;object-fit:cover;width:120px}.interview-image.clickable{cursor:pointer;transition:transform .2s,border-color .2s}.interview-image.clickable:hover{border-color:#007bff;transform:scale(1.05)}.interview-title{font-size:1.5rem;margin-bottom:.5rem}.interview-profile{color:var(--color-accent-dark);font-size:1rem;font-weight:500;margin-bottom:.75rem}.audio-player-container{background:#000;display:flex;justify-content:center;padding:0;position:-webkit-sticky;position:sticky;top:68px;z-index:99}.audio-player{max-width:800px}.transcript-section{display:flex;flex-direction:column;gap:1rem}.transcript-section h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.transcript-container{background-color:initial;border:none;border-radius:0;color:#444;font-size:.9rem;height:100%;line-height:1.7;overflow-y:visible;padding:0}.transcript-word{border-radius:3px;cursor:pointer;margin:0 1px;padding:.1rem .2rem;transition:all .3s ease}.transcript-word:hover{background-color:#e8f4fd;color:#2980b9}.transcript-word.current-word{background-color:gold;border-radius:3px;color:#333;padding:1px 2px}.conversation-container{font-size:.9rem;height:100%;overflow-y:visible}.conversation-bubble{margin-bottom:1.5rem;max-width:85%;padding:1rem 1.25rem}.conversation-bubble:hover{box-shadow:0 4px 12px #00000026}.conversation-bubble.active{box-shadow:0 6px 20px #007bff40}.conversation-bubble.left{border-bottom-left-radius:4px}.conversation-bubble.right{border-bottom-right-radius:4px}.speaker-name{font-size:.75rem;margin-bottom:.5rem}.conversation-text{font-size:.95rem;margin-bottom:.5rem}.conversation-text .word:hover{background-color:#3498db1a;border-radius:3px;padding:0 2px}.conversation-text .word.current-word{border-radius:3px;font-weight:500;padding:0 2px}.timestamp{font-size:.7rem;opacity:.5}.current-word{background-color:#3498db;color:#fff;font-weight:500}.current-word:hover{background-color:#2980b9;color:#fff}.empty-state{color:var(--color-text-secondary);padding:var(--space-16) var(--space-8)}.empty-state h3{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.empty-state p{color:var(--color-text-secondary);font-size:var(--text-base)}@media (max-width:1024px){.interview-content{flex-direction:column;gap:1.5rem}.interview-left{align-items:center;flex-direction:column;text-align:center}.interview-image{align-self:center}}@media (max-width:768px){.nav-container{padding:1rem}.title-spark{font-size:1.5rem}.title-ing{font-size:1rem}.title-conversations{font-size:1.2rem}.main-content{padding:0}.interview-card{padding:1.5rem}.interview-left{gap:1rem}.interview-image{height:100px;width:100px}.interview-title{font-size:1.25rem}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.modal-body{padding:1rem}}.edit-interview-btn{background-color:initial;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:1px;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);text-transform:uppercase;transition:all .3s ease}.edit-interview-btn:hover{background-color:var(--color-text-primary);color:var(--color-bg-card);transform:translateY(-1px)}.interviews-container{max-width:100%}.journey-timeline{color:#495057;padding:0;position:relative}.timeline-container{z-index:1}.timeline-line{background:#e9ecef;border-radius:2px;left:20px;width:3px}.timeline-point{border-radius:8px;margin-bottom:1.5rem;padding:16px 16px 16px 60px}.timeline-point:hover{background:#3498db1a}.timeline-point.active{background:#ffd70033;border-left:4px solid gold}.point-header{gap:12px;margin-bottom:8px}.point-emoji{background:#fff;border:2px solid #e9ecef;border-radius:50%;left:8px;padding:4px;position:absolute;top:16px}.point-time{background:#3498db1a;border-radius:12px;color:#3498db;font-size:12px;font-weight:600;padding:4px 8px}.point-content{margin-left:0}.point-title{color:#2c3e50;font-size:16px;line-height:1.3;margin:0 0 8px}.point-description{color:#6c757d;font-size:14px}.conversation-empty,.journey-empty{color:#6c757d;padding:60px 20px}.conversation-container{background-color:initial;border:none;border-radius:0;color:#444;font-size:15px;line-height:1.7;padding:0}.conversation-bubble{word-wrap:break-word;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;max-width:80%;padding:16px 20px;position:relative;transition:all .3s ease}.conversation-bubble:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.conversation-bubble.active{box-shadow:0 6px 20px #3498db40;transform:scale(1.02)}.conversation-bubble.left{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #e1f5fe;border-bottom-left-radius:6px}.conversation-bubble.left.active{background:linear-gradient(135deg,#bbdefb,#e1bee7);border-color:#2196f3}.conversation-bubble.right{background:linear-gradient(135deg,#e8f5e8,#fff3e0);border:2px solid #e8f8e8;border-bottom-right-radius:6px}.conversation-bubble.right.active{background:linear-gradient(135deg,#c8e6c9,#ffcc02);border-color:#4caf50}.speaker-name{color:#666;font-size:11px;letter-spacing:.5px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.conversation-text{color:#333;font-size:15px;margin-bottom:8px}.conversation-text .word{border-radius:3px}.conversation-text .word:hover{background-color:#3498db33}.conversation-text .word.current-word{background-color:gold;color:#333;padding:1px 3px}.timestamp{color:#666;font-size:10px;font-weight:500;opacity:.6;text-align:right}.welcome-section{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);margin:var(--space-8) auto;max-width:1280px;padding:var(--space-8)}.welcome-section h2{color:var(--color-text-primary);font-family:var(--font-heading);margin-bottom:var(--space-4)}.welcome-section p{color:var(--color-text-secondary);font-family:var(--font-body);line-height:1.6;margin-bottom:var(--space-4)}.upload-page-container{background:var(--color-bg-primary);min-height:calc(100vh - 60px);padding:0;position:relative}.upload-page-content{margin:0 auto;max-width:1280px;padding:var(--space-16) var(--space-8);position:relative;z-index:2}.upload-page-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4);text-align:center}.upload-page-subtitle{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6;margin:0 auto var(--space-12) auto;max-width:600px;text-align:center}.upload-page-container form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8);position:relative}.upload-page-container form:before{background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent-dark) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.upload-page-container .form-section{background:none;border:none;margin-bottom:var(--space-8);padding:0}.upload-page-container .section-title{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);display:flex;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-2)}.upload-page-container .form-row{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}@media (max-width:768px){.upload-page-container .form-row{gap:var(--space-4);grid-template-columns:1fr}}.upload-page-container label{color:var(--color-text-primary);display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.upload-page-container .required{color:#c0392b;font-weight:600}.upload-page-container .optional{color:var(--color-text-muted);font-weight:400}.upload-page-container input[type=email],.upload-page-container input[type=text],.upload-page-container input[type=url],.upload-page-container select,.upload-page-container textarea{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);transition:all .3s ease;width:100%}.upload-page-container input[type=email]:focus,.upload-page-container input[type=text]:focus,.upload-page-container input[type=url]:focus,.upload-page-container select:focus,.upload-page-container textarea:focus{background:var(--color-bg-card);border-color:var(--color-accent-dark);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.upload-page-container input[type=file]{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-3);transition:all .3s ease;width:100%}.upload-page-container input[type=file]:hover{background:var(--color-bg-accent);border-color:var(--color-accent)}.upload-page-container small{color:var(--color-text-muted);display:block;font-size:var(--text-xs);line-height:1.5;margin-top:var(--space-2)}.upload-page-container textarea{line-height:1.6;min-height:80px;resize:vertical}.upload-page-container .form-actions{border-top:1px solid var(--color-border);margin-top:var(--space-12);padding-top:var(--space-8);text-align:center}.upload-page-container .submit-btn{background:#0000;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:1.5px;min-width:200px;padding:var(--space-4) var(--space-8);text-transform:uppercase;transition:all .3s ease}.upload-page-container .submit-btn:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-bg-card);transform:translateY(-1px)}.upload-page-container .submit-btn:disabled{background:var(--color-border);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;transform:none}.upload-page-container .upload-info{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;margin-left:auto;margin-right:auto;margin-top:var(--space-4);max-width:500px}.upload-progress-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-progress{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);text-align:center}.upload-progress h3{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-4)}.upload-progress p{color:var(--color-text-secondary);margin:var(--space-2) 0}.upload-progress .progress-note{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic;margin-top:var(--space-4)}.progress-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:50px;margin:0 auto var(--space-4) auto;width:50px}@media (max-width:768px){.upload-page-content{padding:var(--space-8) var(--space-4)}.upload-page-title{font-size:var(--text-3xl)}.upload-page-container form{padding:var(--space-6) var(--space-4)}.upload-page-container .submit-btn{padding:var(--space-3) var(--space-6);width:100%}}.edit-mode-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-6);position:fixed;right:0;top:0;z-index:1000}.edit-mode-container{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:90vh;max-width:1200px;width:90%}.edit-mode-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-6)}.edit-mode-header h2{color:var(--color-text-primary);font-family:var(--font-heading);margin:0}.edit-mode-actions{display:flex;gap:var(--space-3)}.close-btn,.reprocess-btn,.save-btn,.swap-speakers-btn{background:#0000;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.5px;padding:var(--space-2) var(--space-4);text-transform:uppercase;transition:all .3s ease}.save-btn:hover:not(:disabled){background-color:var(--color-text-primary);color:var(--color-bg-card)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.close-btn{border-color:var(--color-text-muted);color:var(--color-text-muted)}.close-btn:hover{background-color:var(--color-text-muted);color:var(--color-bg-card)}.swap-speakers-btn{border-color:var(--color-accent-dark);color:var(--color-accent-dark)}.swap-speakers-btn:hover{background-color:var(--color-accent-dark);color:var(--color-bg-card)}.reprocess-btn{border-color:var(--color-accent);color:var(--color-accent-dark)}.reprocess-btn:hover:not(:disabled){background-color:var(--color-accent);color:var(--color-text-primary)}.reprocess-btn:disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.edit-mode-metadata{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--space-6)}.edit-field{margin-bottom:var(--space-4)}.edit-field label{color:var(--color-text-secondary);display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.link-input,.summary-input,.title-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);width:100%}.summary-input{resize:vertical}.image-edit-container{align-items:center;display:flex;gap:var(--space-6)}.image-preview{border:2px solid var(--color-border);border-radius:var(--radius-full);height:80px;object-fit:cover;width:80px}.image-upload-input{flex:1 1}.speaker-mapping{align-items:center;background-color:var(--color-accent-light);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-8);padding:var(--space-4) var(--space-6)}.speaker-map-item{align-items:center;display:flex;gap:var(--space-3)}.alignment-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.speaker-map-item select{cursor:pointer}.speaker-map-item select,.speaker-name-input{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.speaker-name-input{font-size:var(--text-sm);transition:border-color .3s ease;width:200px}.speaker-name-input:focus{border-color:var(--color-accent-dark);box-shadow:0 0 0 2px var(--color-accent-light);outline:none}.edit-mode-content{background-color:var(--color-bg-primary);flex:1 1;overflow-y:auto;padding:var(--space-6)}.editable-segment{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4);transition:all .3s ease}.editable-segment.left{border-left:3px solid var(--color-accent);margin-right:auto;max-width:80%}.editable-segment.right{border-right:3px solid var(--color-accent-dark);margin-left:auto;max-width:80%}.editable-segment:hover{box-shadow:var(--shadow-md)}.segment-controls{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.add-segment-btn,.delete-btn,.merge-btn,.play-segment-btn,.toggle-speaker-btn{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);transition:all .2s ease}.add-btn:hover,.add-segment-btn:hover,.merge-btn:hover,.play-segment-btn:hover,.toggle-speaker-btn:hover{background-color:var(--color-accent-light);border-color:var(--color-accent)}.delete-btn:hover,.delete-segment-btn:hover{background-color:#fbe9e7;border-color:#c0392b;color:#c0392b}.segment-time{color:var(--color-text-muted);font-family:monospace;font-size:var(--text-xs);margin-left:auto}.segment-text-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;padding:var(--space-3);resize:vertical;width:100%}.segment-text-input:focus{border-color:var(--color-accent-dark);box-shadow:0 0 0 2px var(--color-accent-light);outline:none}.segment-info{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-top:var(--space-3)}.speaker-label{background-color:var(--color-accent-light);border-radius:var(--radius-full);color:var(--color-text-secondary);font-weight:500;padding:var(--space-1) var(--space-2)}.word-count{color:var(--color-text-muted)}.hidden-audio{display:none}.edit-mode-error,.edit-mode-loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-lg);height:100vh;justify-content:center}.edit-mode-journey{margin-bottom:var(--space-6)}.editable-journey-point{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.journey-point-controls{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.journey-point-fields{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.editable-journey-point input,.editable-journey-point textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);width:100%}.section-title{border-bottom:1px solid var(--color-border);font-size:var(--text-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.interview-card{border-radius:var(--radius-md);margin:0 0 1px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.interview-card,.interview-card:nth-child(odd){background:var(--color-bg-card)}.interview-card:nth-child(2n){background:var(--color-bg-secondary)}.interview-card.expanded{box-shadow:var(--shadow-lg);z-index:10}.interview-card.hero{background:#0000;border:none;border-radius:0;margin-bottom:var(--space-8);overflow:visible}.interview-card.hero .interview-row-header{display:none}.hero-layout{cursor:pointer;display:flex;flex-direction:column}.hero-image-section{align-items:center;background:#1a1a1a;display:flex;justify-content:center;min-height:400px;position:relative;width:100%}.hero-image{filter:grayscale(100%);height:auto;max-height:500px;max-width:100%;object-fit:contain;transition:filter .3s ease;width:auto}.hero-layout:hover .hero-image{filter:grayscale(80%)}.hero-image-placeholder{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#666;display:flex;font-family:var(--font-heading);font-size:120px;font-weight:600;height:400px;justify-content:center;width:100%}.hero-content-box{background:#fff;bottom:0;box-shadow:0 -4px 20px #0000001a;left:0;padding:var(--space-4) var(--space-8);position:absolute;right:0;text-align:center}.hero-title{color:#1a1a1a;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0 0 var(--space-2) 0}.hero-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a4a4a;display:-webkit-box;line-height:1.5;margin:0 0 var(--space-3) 0;overflow:hidden}.hero-play-btn,.hero-summary{font-family:var(--font-body);font-size:var(--text-xs)}.hero-play-btn{background:#0000;border:1px solid #1a1a1a;color:#1a1a1a;cursor:pointer;display:inline-block;font-weight:500;letter-spacing:1.5px;padding:var(--space-2) var(--space-4);text-transform:uppercase;transition:all .3s ease}.hero-play-btn:hover{background:#1a1a1a;color:#fff}.hero-contributor{color:#7a7a7a;font-size:10px;font-style:italic;margin-top:var(--space-2)}@media (min-width:768px){.hero-image-section{min-height:450px}.hero-image{max-height:550px}.hero-content-box{padding:var(--space-6) var(--space-12)}.hero-title{font-size:var(--text-xl)}.hero-summary{font-size:var(--text-sm)}.hero-play-btn{padding:var(--space-2) var(--space-6)}}@media (max-width:480px){.hero-image-section{min-height:300px}.hero-content-box{padding:var(--space-3) var(--space-4)}.hero-title{font-size:var(--text-base)}.hero-summary{-webkit-line-clamp:2;font-size:11px}.hero-image-placeholder{font-size:80px;height:300px}}.interview-row-header{align-items:center;border-bottom:1px solid var(--color-border);box-sizing:border-box;cursor:pointer;display:flex;height:180px;padding:var(--space-6) var(--space-8);transition:background-color .2s ease;width:100%}.interview-row-header:hover{background-color:var(--color-bg-accent)}.profile-image-container{flex-shrink:0;margin-right:var(--space-8);position:relative}.profile-image-container:before{background:var(--color-accent);border-radius:var(--radius-lg);content:"";height:100%;left:4px;opacity:.6;position:absolute;top:4px;transition:all .3s ease;width:100%;z-index:0}.interview-row-header:hover .profile-image-container:before{left:6px;opacity:.8;top:6px}.profile-image,.profile-placeholder{border:3px solid var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:140px;min-height:140px;min-width:140px;object-fit:cover;position:relative;width:140px;z-index:1}.profile-image.clickable,.profile-placeholder.clickable{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.profile-image.clickable:hover,.profile-placeholder.clickable:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.profile-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-accent-light) 0,var(--color-accent) 100%);color:var(--color-text-primary);display:flex;font-family:var(--font-heading);font-size:56px;font-weight:600;justify-content:center}.interview-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding-right:var(--space-6)}.interview-title{-webkit-line-clamp:2;color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0}.interview-summary,.interview-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.interview-summary{-webkit-line-clamp:3;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0}.contributor-info{color:var(--color-text-muted);font-size:var(--text-xs);font-style:italic;margin-top:var(--space-2)}.expand-button{flex-shrink:0;padding-left:var(--space-4)}.expand-icon{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-dark);border-radius:var(--radius-full);color:var(--color-text-muted);display:flex;font-size:var(--text-lg);font-weight:500;height:32px;justify-content:center;transition:all .3s ease;width:32px}.expand-icon.expanded,.expand-icon:hover{background:var(--color-accent-light);border-color:var(--color-accent-dark);color:var(--color-accent-dark)}.expand-icon.expanded{transform:rotate(180deg)}.interview-expanded{animation:slideDown .4s ease-out;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-sizing:border-box;padding:var(--space-8);width:100%}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.expanded-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.expanded-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;line-height:1.3;margin:0 0 var(--space-2) 0}.speaker-info{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-base);margin:0}.speaker-info strong{color:var(--color-text-primary);font-weight:600}.audio-section{background:var(--color-text-primary);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4)}.audio-player{height:40px;width:100%}.admin-controls{margin-bottom:var(--space-6)}.edit-btn{background-color:initial;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:1px;padding:var(--space-2) var(--space-4);text-transform:uppercase;transition:all .2s ease}.edit-btn:hover{background-color:var(--color-text-primary);color:var(--color-bg-card)}.tab-section{margin-top:var(--space-6)}.tab-buttons{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-1);margin-bottom:var(--space-6)}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;margin-bottom:-1px;padding:var(--space-3) var(--space-6);position:relative;transition:all .2s ease}.tab-btn:hover{background:var(--color-bg-secondary)}.tab-btn.active,.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background:var(--color-bg-card);border-bottom-color:var(--color-accent-dark)}.tab-content{max-height:600px;min-height:300px;overflow-y:auto;padding-right:var(--space-2)}.conversation-content,.insights-content{padding:var(--space-2) 0}.journey-timeline{padding:var(--space-4)}.timeline-container{padding-left:36px;position:relative}.timeline-line{background:linear-gradient(to bottom,var(--color-accent),var(--color-accent-dark));bottom:0;left:8px;position:absolute;top:0;width:2px}.timeline-point{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:var(--space-8);padding:var(--space-4);position:relative;transition:all .3s ease}.timeline-point:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateX(4px)}.timeline-point.active{background:var(--color-bg-accent);border-color:var(--color-accent-dark)}.timeline-point:before{background:var(--color-bg-card);border:2px solid var(--color-accent);border-radius:var(--radius-full);content:"";height:10px;left:-28px;position:absolute;top:20px;width:10px}.point-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.point-emoji{font-size:24px}.point-time{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500}.point-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-1) 0}.point-description{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;margin:0}.conversation-container{max-height:600px;overflow-y:auto;padding:var(--space-4)}.conversation-bubble{border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-4);max-width:75%;padding:var(--space-3) var(--space-4);transition:all .2s ease}.conversation-bubble.left{background:var(--color-bg-secondary);border-left:2px solid var(--color-accent);margin-right:auto}.conversation-bubble.right{background:var(--color-bg-accent);border-right:2px solid var(--color-accent-dark);margin-left:auto;text-align:right}.conversation-bubble:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.conversation-bubble.active{background:var(--color-accent-light);box-shadow:var(--shadow-md)}.speaker-name{color:var(--color-text-primary);font-family:var(--font-body);font-weight:600}.conversation-text,.speaker-name{font-size:var(--text-sm);margin-bottom:var(--space-1)}.conversation-text{color:var(--color-text-secondary);line-height:1.6}.conversation-text .word{border-radius:2px;cursor:pointer;padding:0 1px;transition:background-color .2s ease}.conversation-text .word:hover{background-color:var(--color-accent-light)}.conversation-text .word.current-word{background-color:var(--color-accent);font-weight:600}.timestamp{font-size:var(--text-xs)}.conversation-empty,.journey-empty,.timestamp{color:var(--color-text-muted);font-style:italic}.conversation-empty,.journey-empty{font-size:var(--text-sm);padding:var(--space-8);text-align:center}@media (max-width:768px){.interview-row-header{height:auto;min-height:140px;padding:var(--space-4) var(--space-4)}.profile-image-container:before{left:3px;top:3px}.profile-image,.profile-placeholder{border-radius:var(--radius-md);border-width:2px;height:100px;min-height:100px;min-width:100px;width:100px}.profile-placeholder{font-size:40px}.profile-image-container{margin-right:var(--space-4)}.interview-title{-webkit-line-clamp:2;font-size:var(--text-lg)}.interview-summary{-webkit-line-clamp:2;font-size:var(--text-sm)}.expanded-title{font-size:var(--text-xl)}.tab-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.conversation-bubble{max-width:90%}}.interviews-container{margin:0;padding:0;width:100%}.interviews-wrapper{margin:0 auto;max-width:1280px;padding:0 var(--space-8)}@media (max-width:1344px){.interviews-wrapper{padding:0 var(--space-8)}}@media (max-width:768px){.interviews-wrapper{padding:0 var(--space-4)}}.login-btn{background-color:initial;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.5px;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all .3s ease}.login-btn:hover{background-color:var(--color-text-primary);color:var(--color-bg-card)}.user-info{align-items:center;display:flex;gap:var(--space-3)}.user-avatar{border:2px solid var(--color-accent);border-radius:var(--radius-full);height:32px;width:32px}.user-name{font-size:var(--text-sm);font-weight:500}.admin-badge,.user-name{color:var(--color-text-primary)}.admin-badge{background-color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);text-transform:uppercase}.logout-btn{background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);padding:var(--space-2) var(--space-3);transition:all .3s ease}.logout-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.login-loading{color:var(--color-text-muted)}.spark-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--space-16) var(--space-8);position:relative;text-align:center}.spark-header-content{margin:0 auto;max-width:800px}.spark-header-content:before{content:"🎙️";display:block;font-size:3rem;margin-bottom:var(--space-6);opacity:.8}.spark-header h1{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 var(--space-4) 0}.spark-header h1:before{color:var(--color-text-muted);content:"WELCOME TO";display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:2px;margin-bottom:var(--space-2)}.spark-header p{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6;margin:0 auto var(--space-8);max-width:500px}.spark-header .listen-btn{background:#0000;border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:1.5px;padding:var(--space-3) var(--space-8);text-decoration:none;text-transform:uppercase;transition:all .3s ease}.spark-header .listen-btn:hover{background:var(--color-text-primary);color:var(--color-bg-card)}.section-label{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:2px;padding:var(--space-8) 0 var(--space-4);text-align:center;text-transform:uppercase}.section-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-8);text-align:center}.section-divider{align-items:center;display:flex;gap:var(--space-4);justify-content:center;margin:var(--space-8) 0}.section-divider:after,.section-divider:before{background:var(--color-border);content:"";flex:1 1;height:1px;max-width:100px}.section-divider span{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:2px;text-transform:uppercase}@media (max-width:768px){.spark-header{padding:var(--space-12) var(--space-4)}.spark-header h1{font-size:var(--text-3xl)}.spark-header p{font-size:var(--text-sm)}.spark-header-content:before{font-size:2.5rem}}.dashboard-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{margin-bottom:40px;text-align:center}.dashboard-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:10px}.dashboard-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.loading-spinner{min-height:300px}.empty-state{color:#7f8c8d;padding:60px 20px;text-align:center}.empty-state h2{color:#2c3e50;font-size:1.8rem;margin-bottom:10px}.empty-state p{font-size:1.1rem;margin-bottom:30px}.upload-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:transform .2s ease}.upload-btn:hover{transform:translateY(-2px)}.interviews-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:30px}.interview-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.interview-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.status-badge{background:#3498db;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.interview-id{color:#95a5a6}.card-content{margin-bottom:25px}.interview-title{font-size:1.3rem;margin-bottom:10px}.interview-summary{font-size:.95rem;line-height:1.5}.interview-meta{margin-bottom:15px}.meta-item{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.meta-label{color:#7f8c8d;font-weight:600}.meta-value{color:#2c3e50;font-weight:500}.status-description{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;color:#5a6c7d;font-size:.9rem;padding:12px}.card-actions{display:flex;flex-wrap:wrap;gap:10px}.card-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:110px;padding:10px 16px;transition:all .2s ease}.view-history-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.view-history-btn:hover{background:#e9ecef}.edit-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.edit-btn:hover{transform:translateY(-1px)}.view-live-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.view-live-btn:hover{transform:translateY(-1px)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.workflow-modal{max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003}.modal-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:25px}.modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;color:#95a5a6;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{color:#2c3e50}.modal-body{padding:25px}.workflow-timeline{padding-left:30px;position:relative}.workflow-timeline:before{background:#e1e8ed;bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:25px;padding-left:25px;position:relative}.timeline-marker{align-items:center;background:#3498db;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;font-size:.9rem;height:30px;justify-content:center;left:-40px;position:absolute;top:5px;width:30px}.timeline-content{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.timeline-header h4{color:#2c3e50;font-size:1.1rem;font-weight:700;margin:0}.timeline-date{color:#7f8c8d;font-size:.85rem;font-weight:500}.timeline-action,.timeline-actor,.timeline-notes{font-size:.9rem;line-height:1.4;margin:5px 0}.timeline-action{color:#2c3e50;font-weight:600}.timeline-notes{color:#5a6c7d;font-style:italic}.timeline-actor{color:#7f8c8d;font-size:.85rem}@media (max-width:768px){.dashboard-container{padding:15px}.dashboard-header h1{font-size:2rem}.interviews-grid{gap:20px;grid-template-columns:1fr}.interview-card{padding:20px}.card-actions{flex-direction:column}.card-actions button{flex:none}.workflow-modal{max-height:90vh;width:95%}.modal-body,.modal-header{padding:20px}}.review-container{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.review-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:30px}.review-header h1{color:#2c3e50}.review-header p{color:#7f8c8d;font-size:1.1rem}.error-state,.loading-spinner,.success-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.small-spinner{border-top-color:#3498db;height:20px;margin-right:10px;width:20px}.error-icon,.success-icon{font-size:4rem;margin-bottom:20px}.error-state h2,.success-state h2{color:#2c3e50;font-size:1.8rem;margin-bottom:15px}.error-state p,.success-state p{color:#5a6c7d;font-size:1.1rem;margin-bottom:10px}.review-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px;margin-bottom:40px}.interview-preview,.review-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.preview-header{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px 12px 0 0;color:#fff;padding:20px}.preview-header h2{font-size:1.5rem;margin:0 0 10px}.preview-header p{margin:0;opacity:.9}.interview-display{padding:30px}.interview-image{margin-bottom:25px;text-align:center}.interview-image img{border-radius:8px;max-height:200px;max-width:100%;object-fit:cover}.interview-title{font-size:1.6rem;line-height:1.3;margin-bottom:15px}.interview-summary{color:#5a6c7d;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.contributor-info{background:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:15px}.contributor-info p{color:#2c3e50;font-weight:500;margin:0}.journey-timeline{margin-bottom:25px}.journey-timeline h4{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:20px}.journey-items{display:flex;flex-direction:column;gap:15px}.journey-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;gap:15px;padding:15px}.journey-emoji{flex-shrink:0;font-size:1.5rem}.journey-content h5{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:5px}.journey-content p{color:#5a6c7d;font-size:.9rem;margin-bottom:5px}.journey-time{color:#7f8c8d;font-size:.8rem;font-weight:500}.transcript-preview h4{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:15px}.transcript-content{background:#f8f9fa;border-left:4px solid #9b59b6;border-radius:8px;padding:20px}.transcript-note{color:#7f8c8d;font-size:.9rem;margin-top:15px}.review-actions{padding:30px}.action-section h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:10px}.action-section>p{color:#5a6c7d;margin-bottom:25px}.action-buttons{flex-direction:column;margin-bottom:25px}.action-btn{background:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 20px;text-align:left;transition:all .2s ease}.action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.approve-btn{border-color:#27ae60;color:#27ae60}.approve-btn.selected{background:#27ae60;color:#fff}.changes-btn{border-color:#e67e22;color:#e67e22}.changes-btn.selected{background:#e67e22;color:#fff}.action-description{border-radius:8px;margin-bottom:25px;padding:20px}.approve-description{background:#d5f4e6;border-left:4px solid #27ae60;color:#27ae60}.changes-description{background:#fef9e7;border-left:4px solid #e67e22;color:#b7950b}.feedback-textarea{border:2px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:.95rem;line-height:1.5;margin-top:15px;padding:15px;resize:vertical;width:100%}.feedback-textarea:focus{border-color:#3498db;outline:none}.feedback-requirement{color:#e74c3c;font-size:.9rem;font-weight:500;margin-top:10px}.submit-section{text-align:center}.submit-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 40px;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.review-footer{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.platform-info{margin-bottom:25px}.platform-info h4{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:10px}.platform-info p{color:#5a6c7d;font-size:1rem}.privacy-note{background:#e8f4fd;border-left:4px solid #3498db;border-radius:8px;padding:15px}.privacy-note p{color:#2c3e50;font-weight:500;margin:0}.final-message{background:#e8f5e8;border-left:4px solid #27ae60;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.final-message p{color:#27ae60;font-size:1.1rem;font-weight:600;margin:0}@media (max-width:768px){.review-container{padding:15px}.review-header{padding:20px}.review-header h1{font-size:2rem}.review-content{gap:20px;grid-template-columns:1fr}.interview-display,.review-actions{padding:20px}.action-buttons{gap:10px}.action-btn{font-size:.95rem;padding:12px 15px}}.admin-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.admin-header{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.admin-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.admin-header p{font-size:1.1rem;margin-bottom:20px;opacity:.9}.admin-tabs{display:flex;gap:10px;margin-top:20px}.admin-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.admin-tab:hover{background:#fff3;transform:translateY(-1px)}.admin-tab.active{background:#fff;border-color:#fff;color:#2c3e50}.tab-badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.small-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.empty-queue{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 40px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-queue h2{color:#2c3e50;font-size:1.8rem;margin-bottom:15px}.empty-queue p{color:#7f8c8d;font-size:1.1rem;margin-bottom:30px}.refresh-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:transform .2s ease}.refresh-btn:hover{transform:translateY(-2px)}.pending-interviews{display:flex;flex-direction:column;gap:25px}.interview-review-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .2s ease}.interview-review-card:hover{transform:translateY(-2px)}.interview-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:20px}.interview-id{background:#3498db;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:6px 12px}.submission-date{color:#7f8c8d;font-size:.9rem;font-weight:500}.interview-details{padding:25px}.interview-title{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:20px}.participant-info{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:20px}.contributor-section,.interviewee-section{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px}.contributor-section h4,.interviewee-section h4{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:10px}.contributor-section p,.interviewee-section p{color:#5a6c7d;font-size:.9rem;margin:5px 0}.profile-info{margin-bottom:20px}.profile-info h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:10px}.profile-content{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:.95rem;line-height:1.5;padding:15px}.technical-info{margin-bottom:20px}.audio-info{background:#e8f4fd;border-left:4px solid #3498db;border-radius:8px;padding:15px}.audio-info span{color:#2c3e50;display:block;font-size:.9rem;font-weight:500;margin-bottom:10px}.audio-preview{height:40px;max-width:400px;width:100%}.review-actions{background:#f8f9fa;border-top:1px solid #e1e8ed;padding:20px 25px}.action-buttons{display:flex;gap:15px;margin-bottom:15px}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.approve-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.approve-btn:hover:not(:disabled){box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.reject-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.reject-btn:hover:not(:disabled){box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.approve-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.action-note{color:#7f8c8d;font-size:.85rem;line-height:1.4}.action-note p{margin:3px 0}.action-note strong{color:#2c3e50}@media (max-width:768px){.admin-container{padding:15px}.admin-header{padding:20px}.admin-header h1{font-size:2rem}.participant-info{gap:15px;grid-template-columns:1fr}.interview-details{padding:20px}.interview-header{padding:15px;text-align:center}.action-buttons,.interview-header{flex-direction:column;gap:10px}.approve-btn,.reject-btn{flex:none}}.website-review-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.review-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;margin-bottom:30px;padding:40px;text-align:center}.review-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.review-header p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.review-actions{display:flex;justify-content:center}.review-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.review-btn:hover:not(:disabled){background:#fff;color:#667eea;transform:translateY(-2px)}.review-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;gap:10px;margin-bottom:20px;padding:20px}.error-icon{font-size:1.2rem}.loading-review{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:40px;text-align:center}.loading-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.loading-step{align-items:center;color:#4a5568;display:flex;font-size:1.1rem;gap:15px;justify-content:center}.step-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.loading-note{color:#718096;font-style:italic}.review-results{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.overall-score{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;gap:40px;padding:40px}.overall-score,.score-circle{align-items:center;display:flex}.score-circle{background:#fff;border:6px solid #27ae60;border-radius:50%;box-shadow:0 4px 16px #0000001a;flex-direction:column;height:120px;justify-content:center;width:120px}.score-emoji{font-size:1.5rem;margin-bottom:5px}.score-number{color:#2d3748;font-size:2rem;font-weight:700}.score-label{color:#718096;font-size:.9rem}.score-details{flex:1 1}.score-details h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:10px}.score-summary{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.score-breakdown{display:flex;gap:30px}.breakdown-item{align-items:center;display:flex;flex-direction:column;gap:5px}.breakdown-label{color:#718096;font-size:.9rem;font-weight:500}.breakdown-score{font-size:1.2rem;font-weight:700}.review-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:30px}.review-section{border-left:4px solid;border-radius:12px;padding:25px}.review-section h3{color:#2d3748;font-size:1.3rem;font-weight:700;margin-bottom:15px}.review-section ul{list-style:none;padding:0}.review-section li{border-bottom:1px solid #0000000d;line-height:1.5;padding:8px 0}.review-section li:last-child{border-bottom:none}.strengths{background:#f0fff4;border-left-color:#22c55e}.issues{background:#fef2f2;border-left-color:#ef4444}.recommendations{background:#fefce8;border-left-color:#f59e0b}.page-reviews{border-top:1px solid #e2e8f0;padding:30px}.page-reviews h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:25px}.pages-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.page-review-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.page-review-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.page-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.page-header h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0}.page-score{font-size:1.1rem;font-weight:700;gap:5px}.page-score,.page-screenshot{align-items:center;display:flex}.page-screenshot{background:#f1f5f9;height:200px;justify-content:center;overflow:hidden}.page-screenshot img{height:100%;object-fit:cover;object-position:top;width:100%}.page-analysis{padding:20px}.page-summary{color:#4a5568;font-size:.95rem;line-height:1.5}.page-issues,.page-recommendations,.page-summary{margin-bottom:15px}.page-issues strong{color:#dc2626}.page-recommendations strong{color:#d97706}.page-issues ul,.page-recommendations ul{list-style:none;margin:8px 0 0;padding:0}.page-issues li,.page-recommendations li{color:#4a5568;font-size:.9rem;line-height:1.4;padding:4px 0}.page-issues li:before{color:#dc2626;content:"• ";font-weight:700}.page-recommendations li:before{color:#d97706;content:"→ ";font-weight:700}.review-footer{align-items:center;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:25px}.review-timestamp{color:#718096;font-size:.9rem;margin:0}.new-review-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s ease}.new-review-btn:hover{transform:translateY(-1px)}@media (max-width:768px){.website-review-container{padding:15px}.review-header{padding:30px 20px}.review-header h1{font-size:2rem}.overall-score{flex-direction:column;gap:30px;text-align:center}.score-breakdown{justify-content:center}.review-sections{padding:20px}.pages-grid,.review-sections{grid-template-columns:1fr}.page-reviews{padding:20px}.review-footer{flex-direction:column;gap:15px;text-align:center}}
/*# sourceMappingURL=main.a621877f.css.map*/