*{margin:0;padding:0;box-sizing:border-box}:root{--copper-bright: #0BE0C4;--copper-dark: #0EB5A8;--copper-light: #A3F0D6;--midnight-dark: #000028;--midnight-bright: #002D54;--midnight-light: #1B598C;--teal-dark: #075164;--teal-bright: #006B7C;--teal-light: #2C94A4;--neutral-dark: #68757E;--neutral-bright: #D1DBE0;--neutral-light: #F4F4F4;--red-bright: #D60031;--red-dark: #AB0627;--yellow-bright: #FFCF0B;--yellow-dark: #F2BB2D;--sky-bright: #44C9E0;--surface: #FFFFFF;--surface-subtle: var(--neutral-light);--surface-inverse: var(--midnight-bright);--surface-inverse-deep: var(--midnight-dark);--surface-accent: var(--copper-bright);--surface-accent-soft: var(--copper-light);--text: var(--midnight-dark);--text-secondary: var(--teal-dark);--text-muted: var(--neutral-dark);--text-on-inverse: #FFFFFF;--text-on-accent: var(--midnight-dark);--accent: var(--copper-bright);--accent-hover: var(--copper-dark);--link: var(--teal-bright);--focus: var(--teal-bright);--border: var(--neutral-bright);--border-strong: var(--teal-bright);--danger: var(--red-dark);--danger-surface: var(--red-bright);--google-blue: #4285F4;--warning: var(--yellow-bright);--warning-ink: var(--midnight-dark);--info: var(--teal-bright);--font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--weight-bold: 700;--weight-semibold: 600;--weight-medium: 500;--weight-regular: 400;--leading-heading: 1.2;--leading-body: 1.6;--tracking-caps: .06em;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--midnight-dark-rgb: 0, 0, 40;--teal-bright-rgb: 0, 107, 124;--copper-bright-rgb: 11, 224, 196;--shadow-sm: 0 2px 4px rgba(var(--midnight-dark-rgb),.05);--shadow-md: 0 4px 12px rgba(var(--midnight-dark-rgb),.08);--shadow-lg: 0 8px 24px rgba(var(--midnight-dark-rgb),.12);--shadow-xl: 0 20px 60px rgba(var(--midnight-dark-rgb),.15)}html{background:var(--neutral-light)}body{font-family:var(--font-body);line-height:var(--leading-body);color:var(--text);background:transparent;min-height:100vh;position:relative}body:before{content:"";position:fixed;left:0;bottom:0;width:min(38vw,420px);aspect-ratio:1 / 1;background:var(--copper-bright);opacity:.1;border-top-right-radius:100%;pointer-events:none;z-index:-1}@media (max-width: 768px){body:before{width:min(52vw,220px)}}@media (prefers-reduced-motion: reduce){body:before{opacity:.06}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);letter-spacing:normal;color:var(--midnight-dark);margin-bottom:1rem}h1{font-size:3.5rem;line-height:var(--leading-heading)}h2{font-size:2.5rem;line-height:1.3}h3{font-size:1.875rem;line-height:1.4;font-weight:var(--weight-semibold)}h4{font-size:1.5rem;line-height:1.5;font-weight:var(--weight-semibold)}h5,h6{font-weight:var(--weight-semibold)}p{margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border)}nav{display:flex;justify-content:space-between;align-items:center}.logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}.logo-mark{display:block;width:clamp(96px,14vw,132px);height:auto}.logo:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:var(--radius-sm)}.nav-links{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:.875rem;display:flex;gap:2.5rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text);font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative}.nav-links a:hover{color:var(--teal-bright)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--teal-bright);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{text-align:center;padding:4rem 0;color:#fff;position:relative;overflow:hidden;background:linear-gradient(rgba(var(--midnight-dark-rgb),.85),rgba(var(--midnight-dark-rgb),.85)),url(https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=1920&q=80) center/cover no-repeat}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(var(--teal-bright-rgb),.1) 0%,transparent 50%)}.hero h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;color:#fff;opacity:0;animation:fadeInUp 1s ease .3s forwards}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:0;animation:fadeInUp 1s ease .6s forwards;font-weight:300;max-width:600px;margin-left:auto;margin-right:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-content{background:#fff;margin:2rem auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;min-height:600px}.step-indicator{background:var(--neutral-light);padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:center;gap:3rem}.step{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-weight:500;font-size:.95rem}.step.active{color:var(--teal-bright)}.step.completed{color:var(--teal-dark)}.step-number{width:32px;height:32px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all .3s ease}.step.active .step-number{background:var(--teal-bright);color:#fff;transform:scale(1.1)}.step.completed .step-number{background:var(--accent);color:#fff}.page{display:none;padding:3rem;animation:fadeIn .5s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#login-page{background:linear-gradient(rgba(var(--midnight-dark-rgb),.9),rgba(var(--midnight-dark-rgb),.9)),url(https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=1920&q=80) center/cover no-repeat;min-height:600px;display:flex;align-items:center;justify-content:center}.scenario-selector h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:var(--midnight-dark)}.scenario-card{display:block;width:100%;padding:0;font:inherit;color:inherit;text-align:left;background:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;border:2px solid transparent;overflow:hidden;box-shadow:var(--shadow-md)}.scenario-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--teal-bright)}.scenario-card.active{border-color:var(--teal-bright);box-shadow:0 0 0 4px rgba(var(--teal-bright-rgb),.1)}.scenario-card img{width:100%;height:250px;object-fit:cover;display:block}.scenario-card-content{padding:1.5rem 2rem 2rem;text-align:center}.scenario-card h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--midnight-dark)}.scenario-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.scenario-inputs{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.input-group{background:var(--neutral-light);padding:2rem;border-radius:var(--radius-md);border:1px solid var(--border);transition:all .3s ease}.input-group:hover{border-color:var(--teal-bright);box-shadow:var(--shadow-sm)}.input-group label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--midnight-dark);font-size:1.05rem}.input-group textarea,.input-group input{width:100%;padding:1rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);resize:vertical;transition:all .3s ease;background:#fff}.input-group textarea:focus,.input-group input:focus-visible,.input-group input:focus{outline:none;border-color:var(--teal-bright);box-shadow:0 0 0 3px rgba(var(--teal-bright-rgb),.1)}.input-group small{display:block;margin-top:.5rem;color:var(--text-muted);font-size:.875rem}#top-lines-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.top-line-input{display:flex;align-items:center;gap:.75rem}.top-line{flex:1;padding:1rem;border:2px solid var(--teal-bright)!important;border-radius:var(--radius-sm);font-size:1rem;background:#fff;transition:all .3s ease}.top-line:focus{outline:none;border-color:var(--teal-dark)!important;box-shadow:0 0 0 3px rgba(var(--teal-bright-rgb),.15)}.top-line-remove{flex:0 0 auto;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:1rem;line-height:1;color:var(--text-muted);background:var(--neutral-light);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.top-line-remove:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.top-line-remove:focus-visible{outline:none;border-color:var(--danger);box-shadow:0 0 0 3px rgba(var(--midnight-dark-rgb),.2)}.feedback-table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1rem 0;font-size:.9375rem}.feedback-table thead{background:var(--neutral-light)}.feedback-table th,.feedback-table td{padding:.625rem .875rem;text-align:left;border-bottom:1px solid var(--border)}.feedback-table th{font-weight:600;color:var(--text);white-space:nowrap}.feedback-table tbody tr:last-child td{border-bottom:none}.past-sessions{margin-bottom:3rem}.past-sessions-list{display:flex;flex-direction:column;gap:.5rem}.session-row{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr auto;align-items:baseline;gap:1.25rem;width:100%;padding:.875rem 1.25rem;text-align:left;font:inherit;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s ease,background .2s ease}.session-row:hover{background:var(--neutral-light);border-color:var(--teal-bright)}.session-row:focus-visible{outline:none;border-color:var(--teal-bright);box-shadow:0 0 0 3px rgba(var(--teal-bright-rgb),.2)}.session-row-scenario{font-weight:600;color:var(--teal-dark)}.session-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row-meta{color:var(--text-muted);font-size:.875rem;white-space:nowrap}.session-row-skeleton{height:3.25rem;background:linear-gradient(90deg,var(--neutral-light) 25%,var(--border) 50%,var(--neutral-light) 75%);background-size:200% 100%;animation:session-skeleton 1.4s ease-in-out infinite;cursor:default}@keyframes session-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.session-row-skeleton{animation:none}}.session-row-error{margin:0 0 .75rem;color:var(--text-muted)}.session-row-retry{padding:.5rem 1rem;font:inherit;color:#fff;background:var(--teal-dark);border:none;border-radius:var(--radius-sm);cursor:pointer}.session-row-retry:hover{background:var(--midnight-dark)}.session-note{margin:.75rem 0;padding:.75rem 1rem;color:var(--text-muted);font-size:.9375rem;background:var(--neutral-light);border:1px solid var(--border);border-radius:var(--radius-sm)}.session-note-text{margin:0 0 .75rem}.session-note-attach{padding:.5rem 1rem;font:inherit;color:#fff;background:var(--teal-dark);border:none;border-radius:var(--radius-sm);cursor:pointer}.session-note-attach:hover:not(:disabled){background:var(--midnight-dark)}.session-note-attach:disabled{background:var(--text-muted);cursor:default}.session-note-files:not(:empty){margin-top:.75rem}.scenario-card:focus-visible,.upload-area:focus-visible{outline:3px solid var(--teal-dark);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1.25rem;color:#fff;background:var(--midnight-dark);border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}.scenarios{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}@media (max-width: 768px){.scenarios{grid-template-columns:1fr}}.uploaded-file{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.625rem .875rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.5rem}.uploaded-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-file-size{flex:0 0 auto;color:var(--text-muted);font-size:.875rem}.app-toast--error{color:#fff;background:var(--danger);border-color:var(--danger)}.site-footer{margin-top:4rem;padding:2.5rem 0;background:var(--surface-inverse);color:var(--neutral-bright);font-size:.9375rem}.site-footer .container{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem}.footer-copyright{margin:0}.footer-links{margin:0;display:flex;align-items:baseline;gap:.75rem}.footer-links a{color:var(--copper-bright);text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links a:focus-visible{outline:3px solid var(--copper-bright);outline-offset:3px;border-radius:var(--radius-sm)}.footer-sep{color:var(--neutral-dark)}@media (max-width: 600px){.site-footer .container{flex-direction:column;align-items:flex-start}}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top:4px solid var(--teal-bright);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.personas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.persona-btn{background:#fff;border:2px solid var(--border);padding:2rem;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:var(--shadow-sm)}.persona-btn:hover{border-color:var(--teal-bright);transform:translateY(-4px);box-shadow:var(--shadow-md)}.persona-btn.active{background:var(--teal-bright);color:#fff;border-color:var(--teal-bright);box-shadow:var(--shadow-lg)}.persona-btn h4{font-size:1.25rem;margin-bottom:.75rem;color:inherit}.persona-btn p{font-size:.95rem;opacity:.85;line-height:1.5}.trait-sliders{margin-top:2rem;padding:2.5rem;background:var(--neutral-light);border-radius:var(--radius-lg);border:1px solid var(--border)}.trait-sliders h4{text-align:center;margin-bottom:2rem;color:var(--midnight-dark);font-size:1.5rem}.sliders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.slider-group{background:#fff;padding:1.75rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;color:var(--midnight-dark)}.slider-value{background:var(--teal-bright);color:#fff;padding:.25rem 1rem;border-radius:var(--radius-pill);font-size:.875rem}.slider{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:1rem}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--teal-bright);cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--teal-dark)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--teal-bright);cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:all .3s ease}.slider-description{font-size:.875rem;color:var(--text-muted);line-height:1.4}.upload-section{background:#fff;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.upload-section h4{margin-bottom:1.25rem;color:var(--midnight-dark);font-size:1.25rem}.upload-area{display:block;width:100%;font:inherit;color:inherit;background:var(--neutral-light);border:2px dashed var(--teal-bright);border-radius:var(--radius-md);padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.upload-area:hover{background:rgba(var(--teal-bright-rgb),.05);border-color:var(--teal-dark);transform:scale(1.02)}.upload-area p{margin:.5rem 0;color:var(--text)}.upload-area p:last-child{font-size:.875rem;color:var(--text-muted)}.upload-progress{margin:.5rem 0;padding:.5rem;border-radius:var(--radius-pill);font-size:.875rem;background:var(--neutral-light);color:var(--info)}.upload-progress[data-status=ok]{background:var(--neutral-light);color:var(--text-secondary)}.upload-progress[data-status=empty],.upload-progress[data-status=failed]{background:var(--warning);color:var(--warning-ink)}.navigation-buttons{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.btn{display:inline-block;text-decoration:none;padding:1rem 2.5rem;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:var(--weight-regular);text-transform:uppercase;letter-spacing:var(--tracking-caps);cursor:pointer;transition:background .2s ease,color .2s ease;font-family:var(--font-body)}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--teal-bright);color:var(--text-on-inverse)}.btn-secondary:hover:not(:disabled){background:var(--teal-dark)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.training-interface{padding:2rem;min-height:600px}.training-header{text-align:center;margin-bottom:2rem}.training-status{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.status-item{padding:.5rem 1.5rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.status-live{background:var(--danger);color:#fff}.status-voice{background:var(--accent);color:#fff}.chat-container{background:var(--neutral-light);border-radius:var(--radius-lg);height:400px;display:flex;flex-direction:column;overflow:hidden;margin-bottom:2rem;box-shadow:var(--shadow-md)}.chat-header{background:var(--midnight-dark);color:#fff;padding:1.25rem;text-align:center}.chat-header h4{color:#fff;margin:0}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background:#fff}.message{margin-bottom:1.25rem;padding:1.25rem;border-radius:var(--radius-md);max-width:80%;animation:slideIn .3s ease;box-shadow:var(--shadow-sm)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.message.interviewer{background:var(--neutral-light);margin-right:auto;border:1px solid var(--border)}.message.user{background:var(--teal-bright);color:#fff;margin-left:auto}.message strong{font-weight:600;display:block;margin-bottom:.5rem}.voice-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.voice-btn{padding:1.25rem 2.5rem;border:none;border-radius:var(--radius-pill);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md)}.voice-btn.recording{background:var(--danger);color:#fff;animation:pulse 1.5s infinite}.voice-btn.listening{background:var(--accent);color:#fff}.voice-btn.idle{background:var(--text-muted);color:#fff}.voice-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes pulse{0%{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.05);box-shadow:var(--shadow-lg)}to{transform:scale(1);box-shadow:var(--shadow-md)}}.chat-input{display:flex;padding:1.5rem;gap:1rem;background:var(--neutral-light);border-top:1px solid var(--border)}.chat-input input{flex:1;padding:1rem 1.5rem;border:2px solid var(--border);border-radius:var(--radius-pill);font-size:1rem;transition:all .3s ease;background:#fff}.chat-input input:focus{outline:none;border-color:var(--teal-bright);box-shadow:0 0 0 3px rgba(var(--teal-bright-rgb),.1)}.chat-input button{background:var(--teal-bright);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;transition:all .3s ease}.chat-input button:hover{background:var(--teal-dark);transform:translateY(-2px)}.voice-status{text-align:center;margin:1rem 0;font-weight:600;color:var(--text-muted)}.voice-status.listening{color:var(--accent)}.voice-status.processing{color:var(--info)}.voice-status.speaking{color:var(--teal-bright)}#ai-feedback-content{background:var(--neutral-light);padding:2rem;border-radius:var(--radius-lg);min-height:300px}.feedback-section{background:var(--surface);padding:2rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.feedback-section:last-child{margin-bottom:0}.feedback-section h4{color:var(--teal-bright);margin-bottom:1rem}.feedback-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.feedback-line-icon{font-size:1.2rem}.feedback-line-text{flex:1}.feedback-line-hit,.feedback-line-miss{font-size:.9rem}.feedback-line-hit{color:var(--accent)}.feedback-line-miss{color:var(--danger)}.feedback-analysis{line-height:1.6}.feedback-analysis>*:first-child{margin-top:0}.feedback-analysis>*:last-child{margin-bottom:0}.feedback-analysis h5{font-size:1rem;color:var(--text);margin:1.25rem 0 .5rem}.feedback-analysis p{margin-bottom:.75rem}.feedback-analysis code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em;background:var(--neutral-light);padding:.1rem .3rem;border-radius:var(--radius-sm)}.feedback-section ul,.feedback-analysis ul,.feedback-analysis ol{margin-top:1rem;padding-left:1.25rem}.feedback-section li,.feedback-analysis li{margin-bottom:.5rem}.feedback-loading{text-align:center;padding:2rem}.feedback-error{background:var(--neutral-light);padding:1rem;border-radius:var(--radius-sm);color:var(--danger)}@media (max-width: 768px){.hero h1{font-size:2.5rem}.scenarios{grid-template-columns:1fr}.scenario-card img{height:200px}.personas,.sliders-grid{grid-template-columns:1fr}.step-indicator{gap:1rem;font-size:.875rem;padding:1rem}.step-text{display:none}.navigation-buttons{flex-direction:column;gap:1rem}.btn{width:100%}.message{max-width:90%}}@media print{header,.navigation-buttons,.voice-controls,.chat-input{display:none}.main-content{box-shadow:none;margin:0}}*:focus-visible{outline:3px solid var(--teal-bright);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--neutral-light)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--teal-bright)}.app-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;max-width:360px;padding:.875rem 1.125rem;border-radius:var(--radius-sm);background:var(--danger);color:var(--text-on-inverse);box-shadow:0 6px 18px rgba(var(--midnight-dark-rgb),.18);font-size:.95rem;line-height:1.4}.app-inline-error{margin:.75rem 0;padding:.75rem 1rem;border:1px solid var(--danger);background:var(--neutral-light);color:var(--danger);border-radius:var(--radius-sm);font-size:.95rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{font-family:var(--font-body);font-size:1rem;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);padding:.875rem 1rem;transition:border-color .2s ease}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:disabled,textarea:disabled,select:disabled{background:var(--neutral-light);color:var(--text-muted);cursor:not-allowed}.app-toast,.app-inline-error{border-radius:var(--radius-sm);font-family:var(--font-body)}.step.active .step-number,.step.completed .step-number{background:var(--accent);color:var(--text-on-accent)}.step-number{font-family:var(--font-heading);font-weight:var(--weight-semibold)}.login-card-wrapper{display:flex;align-items:center;justify-content:center;min-height:500px;padding:2rem}.login-card{width:100%;max-width:400px;padding:3rem;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xl)}.login-card-google-btn{display:flex;gap:.5rem;align-items:center;justify-content:center;width:100%;margin-bottom:1rem;padding:1rem;border:none;border-radius:var(--radius-md);background:var(--google-blue);color:var(--text-on-inverse);font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-regular);cursor:pointer;transition:filter .2s ease}.login-card-google-btn:hover{filter:brightness(.95)}.login-card-google-icon{width:20px;height:20px}.login-card-divider{margin:1rem 0;text-align:center;color:var(--text-muted)}.login-card-field{margin-bottom:1.5rem}.login-card-label{display:block;margin-bottom:.5rem;font-family:var(--font-body);font-weight:var(--weight-medium);color:var(--text)}.login-card-input{width:100%;padding:.8rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;transition:border-color .2s ease}.login-card-input:focus{border-color:var(--focus)}.login-card-primary-btn,.login-card-secondary-btn{width:100%;padding:.8rem 2rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-regular);cursor:pointer}.login-card-primary-btn{margin-bottom:1rem;border:none;background:var(--copper-bright);color:var(--midnight-dark);transition:background-color .2s ease}.login-card-primary-btn:hover:not(:disabled){background:var(--copper-dark)}.login-card-secondary-btn{border:2px solid var(--midnight-dark);background:transparent;color:var(--midnight-dark);transition:background-color .2s ease,color .2s ease}.login-card-secondary-btn:hover:not(:disabled){background:var(--midnight-dark);color:var(--text-on-inverse)}.login-card-primary-btn:disabled,.login-card-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.login-card-alert{display:none;margin-top:1rem;padding:.5rem;border-radius:var(--radius-sm);text-align:center;background:var(--surface-subtle)}.login-card-alert.is-visible{display:block}.login-card-alert--error{color:var(--danger)}.login-card-alert--success{color:var(--text-secondary)}.login-mark{display:block;width:132px;height:auto;margin:0 auto 1.5rem}.login-heading{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:var(--weight-semibold);color:var(--text)}.callout{margin:2rem 0;padding:1rem;border-radius:var(--radius-sm);background:var(--surface-subtle)}.callout--roomy{padding:1.5rem;border-radius:var(--radius-md)}.callout--feature{padding:2rem;border-radius:var(--radius-md)}.callout--accent{border:2px solid var(--accent)}.callout--warning{border:1px solid var(--warning)}.callout--info{border:1px solid var(--info)}.callout--strong{border:2px solid var(--text-secondary)}.callout--center{text-align:center}.callout--muted{color:var(--text-secondary)}.btn-compact{margin-top:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);background:var(--teal-dark);color:var(--text-on-inverse);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.btn-compact:hover{background:var(--teal-bright)}.privacy-container{max-width:800px;margin:2rem auto;padding:2rem;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.privacy-container h1{color:var(--text);margin-bottom:2rem}.privacy-container h2{color:var(--text);margin-top:2rem;margin-bottom:1rem}.privacy-container h3{color:var(--text);margin-top:1.5rem;margin-bottom:.5rem}.privacy-container p{margin-bottom:1rem;line-height:1.8;color:var(--text)}.privacy-container ul,.privacy-container ol{margin-bottom:1rem;padding-left:2rem}.privacy-container li{margin-bottom:.5rem;color:var(--text)}.privacy-container .last-updated{color:var(--text-muted);font-style:italic;margin-bottom:2rem}.back-button{display:inline-block;margin-top:2rem;padding:.8rem 2rem;background:var(--midnight-dark);color:var(--text-on-inverse);text-decoration:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:var(--weight-regular);transition:background-color .2s ease}.back-button:hover,.back-button:focus-visible{background:var(--midnight-bright)}.cookie-notice{display:none;position:fixed;right:1rem;bottom:1rem;left:1rem;z-index:9998;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface-inverse);color:var(--text-on-inverse);box-shadow:var(--shadow-xl);font-family:var(--font-body)}.cookie-notice-inner{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:72rem;margin:0 auto}.cookie-notice-text{margin:0;max-width:65ch;font-size:.95rem;line-height:1.5}.cookie-notice-text a{color:var(--copper-bright);text-decoration:underline}.cookie-notice-accept{flex-shrink:0;padding:.75rem 2rem;border:none;border-radius:var(--radius-pill);background:var(--surface-accent);color:var(--text-on-accent);font-family:var(--font-body);font-size:.875rem;font-weight:var(--weight-regular);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease}.cookie-notice-accept:hover{background:var(--copper-dark)}@media (max-width: 768px){.cookie-notice-inner{gap:1rem}.cookie-notice-accept{width:100%}}@media (prefers-reduced-motion: reduce){.hero h1,.hero p,.page,.message,.voice-btn.recording,.loading-spinner{animation:none!important}.scenario-card:hover,.upload-area:hover,.persona-btn:hover,.chat-input button:hover,.voice-btn:hover,.slider::-webkit-slider-thumb:hover{transform:none!important}}