*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fafaf8;--color-surface:#fff;--color-surface-2:#f5f3ef;--color-border:#e2ddd5;--color-primary:#e8572a;--color-primary-hover:#d14218;--color-primary-bg:rgba(232,87,42,.08);--color-primary-border:rgba(232,87,42,.22);--color-danger:#dc2626;--color-danger-hover:#ef4444;--color-danger-light:#f87171;--color-danger-bg:rgba(220,38,38,.08);--color-danger-border:rgba(220,38,38,.22);--color-warning:#d97706;--color-warning-light:#fbbf24;--color-success:#16a34a;--color-text:#1c1914;--color-text-muted:#78716c;--color-record-red:#dc2626;--color-surface-3:#ede9e3;--color-surface-raised:#fff;--color-text-faint:#a8a29e;--color-primary-text:#c03d15;--color-success-bg:rgba(22,163,74,.08);--color-success-border:rgba(22,163,74,.22);--color-warning-bg:rgba(217,119,6,.08);--color-warning-border:rgba(217,119,6,.22);--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-full:9999px;--shadow:0 4px 24px rgba(28,25,20,.1);--shadow-sm:0 1px 2px rgba(28,25,20,.06);--shadow-md:0 4px 12px rgba(28,25,20,.1);--shadow-lg:0 8px 32px rgba(28,25,20,.15);--shadow-glow:0 0 20px rgba(232,87,42,.1);--shadow-glow-active:0 0 30px rgba(232,87,42,.18);--elevation-1:0 1px 3px rgba(28,25,20,.08),0 1px 2px rgba(28,25,20,.05);--elevation-2:0 4px 16px rgba(28,25,20,.1),0 2px 4px rgba(28,25,20,.06);--elevation-3:0 8px 32px rgba(28,25,20,.15),0 4px 8px rgba(28,25,20,.08);--elevation-interactive:0 6px 20px rgba(28,25,20,.12),0 3px 6px rgba(28,25,20,.07),0 0 0 1px rgba(232,87,42,.08);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-heading:var(--font-heading,ui-sans-serif,system-ui,sans-serif);--font-body:var(--font-body,ui-sans-serif,system-ui,sans-serif);--font-mono:var(--font-mono,ui-monospace,"Cascadia Code",monospace);--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6;--lh-relaxed:1.75}body,html{height:100%}body{font-family:var(
    --font-body,"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,sans-serif
  );font-size:var(--text-base);font-weight:var(--fw-regular);background-color:var(--color-bg);color:var(--color-text);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem}.page,.page--centered{justify-content:flex-start}.page--centered{padding-top:var(--space-8)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-4)}.breadcrumb,.breadcrumb-link{color:var(--color-text-muted)}.breadcrumb-link{text-decoration:none;transition:color .15s ease}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-text-faint);display:flex;align-items:center}.breadcrumb-current{color:var(--color-text);font-weight:var(--fw-medium)}.page-header{text-align:center;margin-bottom:2rem}.page-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--fw-bold);letter-spacing:-.025em;color:var(--color-text);line-height:var(--lh-tight)}.page-subtitle{font-size:var(--text-sm);font-weight:var(--fw-regular);color:var(--color-text-muted);margin-top:.35rem;letter-spacing:.01em;line-height:var(--lh-snug)}.voice-recorder{width:100%;max-width:480px}.recorder-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--elevation-2);transition:box-shadow .2s ease}.section-label{color:var(--color-text-muted);letter-spacing:.08em}.label-overline,.section-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;line-height:var(--lh-snug)}.label-overline{display:block;color:var(--color-primary-text);letter-spacing:.09em}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:.2em .55em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);line-height:1.4;white-space:nowrap}.badge--primary{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary-text)}.badge--danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.badge--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.badge--pill{border-radius:var(--radius-full)}.badge--count{min-width:1.4em;justify-content:center;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:.1em .45em}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--elevation-1)}.card--flat{box-shadow:none}.card--interactive{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.card--interactive:hover{border-color:var(--color-primary-border);box-shadow:var(--elevation-interactive);transform:translateY(-2px)}.callout{padding:var(--space-3) var(--space-4);background:var(--color-primary-bg);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);color:var(--color-text);line-height:var(--lh-relaxed)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.recorder-title{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem}.waveform-container{background:var(--color-surface-2);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:1.25rem;border:1px solid var(--color-border);transition:border-color .2s ease,box-shadow .2s ease}.waveform-container--recording{border-color:rgba(239,68,68,.4);box-shadow:0 0 16px rgba(239,68,68,.1)}.waveform-container--idle{box-shadow:var(--shadow-glow)}.timer{font-family:var(--font-mono);font-size:2.5rem;font-weight:var(--fw-bold);letter-spacing:.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;margin-bottom:1.5rem;color:var(--color-text-muted);transition:color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;line-height:var(--lh-tight)}.timer--active{color:var(--color-record-red)}.timer-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--color-record-red);animation:pulse 1s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.timer-idle{font-size:1rem;font-weight:500;letter-spacing:.05em}.controls{display:flex;margin-bottom:.75rem}.btn,.controls{justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:9999px;font-size:var(--text-base);font-weight:var(--fw-semibold);cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 4px var(--color-primary-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97);box-shadow:none}.btn-record{background:var(--color-primary);color:#fff;padding:.85rem 2.5rem;font-size:1.1rem;min-width:160px;box-shadow:0 2px 8px rgba(232,87,42,.28),0 1px 2px rgba(232,87,42,.18)}.btn-record:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 16px rgba(232,87,42,.36),0 2px 4px rgba(232,87,42,.2);transform:translateY(-1px)}.btn-stop{background:var(--color-record-red);color:#fff;padding:.85rem 2.5rem;font-size:1.1rem;min-width:160px}.btn-stop:hover:not(:disabled){background:var(--color-danger-hover)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid transparent;border-radius:var(--radius-sm)}.btn-danger:hover:not(:disabled){background:var(--color-danger-bg)}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.btn-icon{font-size:1.2em;line-height:1}.recorder-hint{font-size:.8rem;color:var(--color-text-muted);text-align:center}.error-banner{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;color:var(--color-danger-light);font-size:.875rem}.error-banner p{flex:1 1}.error-dismiss{background:none;border:none;color:var(--color-danger-light);cursor:pointer;padding:0;font-size:1rem;line-height:1;opacity:.7;flex-shrink:0}.error-dismiss:hover{opacity:1}.unsupported-message{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;text-align:center;color:var(--color-text-muted)}.unsupported-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;color:var(--color-text-faint)}.recordings-section{margin-top:1.5rem}.recordings-title{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.recordings-count{background:var(--color-primary);color:#fff;font-size:.7rem;padding:.1em .5em;border-radius:9999px;font-weight:700}.recordings-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.recording-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.9rem 1rem;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.recording-item:hover{border-color:var(--color-primary-border);box-shadow:var(--elevation-interactive);transform:translateY(-1px)}.recording-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.6rem}.recording-duration{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text)}.recording-audio{width:100%;height:36px;margin-bottom:.6rem;accent-color:var(--color-primary);border-radius:var(--radius-sm)}@supports (-webkit-appearance:none){.recording-audio{-webkit-appearance:none}}.recording-lang{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-bg);padding:.15rem .45rem;border-radius:4px}.transcript{padding:.75rem;background:var(--color-surface-2);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.transcript-text{font-size:.875rem;line-height:1.6;color:var(--color-text)}.transcript-pending{position:relative;overflow:hidden;padding:var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.transcript-pending:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(232,87,42,.07) 50%,transparent);background-size:200% 100%;animation:transcript-shimmer 1.8s ease-in-out infinite}.transcript-error{font-size:.8rem;color:var(--color-danger);font-style:italic}.recording-actions{display:flex;gap:.5rem;justify-content:flex-end}.feedback{display:flex;flex-direction:column;gap:.9rem;margin-bottom:.6rem;animation:feedback-in .35s ease-out}@media (prefers-reduced-motion:no-preference){@keyframes feedback-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.score-cards .score-card:first-child{animation:score-in .3s ease-out .05s both}.score-cards .score-card:nth-child(2){animation:score-in .3s ease-out .12s both}.score-cards .score-card:nth-child(3){animation:score-in .3s ease-out .19s both}@keyframes score-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}}.feedback-summary{font-size:.875rem;color:var(--color-text);line-height:1.5;padding:.6rem .75rem;background:rgba(232,87,42,.08);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.score-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.score-card{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.65rem .4rem;background:var(--color-surface-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);text-align:center;transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}.score-card:hover{box-shadow:var(--elevation-1);transform:translateY(-2px)}.score-value{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.score-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.07em}.score-label,.score-sub{color:var(--color-text-muted)}.score-sub{font-size:.6rem}.score--good .score-value{color:var(--color-success)}.score--ok .score-value{color:var(--color-warning)}.score--poor .score-value{color:var(--color-danger)}.filler-breakdown{display:flex;flex-direction:column;gap:.35rem}.filler-breakdown-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.filler-tags{display:flex;flex-wrap:wrap;gap:.35rem}.filler-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:9999px;font-size:.75rem}.filler-tag-word{color:var(--color-text);font-style:italic}.filler-tag-count{color:var(--color-danger);font-weight:700;font-size:.7rem}.tips{display:flex;flex-direction:column;gap:.4rem}.tips-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.tips-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.tip-item{padding:.6rem .75rem;background:var(--color-surface-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);border-left:2px solid transparent;transition:border-color .15s ease,background .15s ease}.tip-item:hover{border-left-color:var(--color-primary);background:rgba(232,87,42,.04)}.tip-category{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-primary);background:var(--color-primary-bg);padding:.1em .5em;border-radius:4px;margin-bottom:.3rem}.tip-text{font-size:.825rem;color:var(--color-text);line-height:1.5}.tip-example{font-size:.775rem;color:var(--color-text-muted);font-style:italic;margin-top:.25rem;line-height:1.4}.transcript-replay{display:flex;flex-direction:column;gap:.35rem}.transcript-replay-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.transcript-replay-text{font-size:.875rem;line-height:1.7;color:var(--color-text-muted);padding:.65rem .75rem;background:var(--color-surface-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.transcript-segment{cursor:pointer;transition:background .1s ease;border-radius:3px;padding:0 2px}.transcript-segment:hover{background:rgba(232,87,42,.15)}.transcript-segment--active{background:rgba(232,87,42,.2);color:var(--color-text)}.filler-mark{background:rgba(239,68,68,.2);color:var(--color-danger-light);border-radius:2px;padding:0 1px;font-style:italic}.pronunciation-notes{display:flex;flex-direction:column;gap:.35rem}.pronunciation-notes-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.pronunciation-notes-list{padding-left:1.25rem;display:flex;flex-direction:column;gap:.25rem;font-size:.825rem;color:var(--color-text);line-height:1.5}.session-feedback{margin-top:1.25rem;padding:.875rem 1rem;border-radius:.75rem;background:var(--color-surface-2);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.session-feedback--done{flex-direction:row;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.session-feedback-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.session-feedback-buttons{display:flex;gap:.5rem}.session-feedback-btn{font-size:1.1rem;padding:.25rem .625rem;border-radius:.5rem;transition:background .15s}.session-feedback-btn--active{background:var(--color-primary-bg)}.session-feedback-comment{width:100%;padding:.5rem .625rem;border-radius:.5rem;border:1px solid var(--color-border);font-size:.875rem;font-family:inherit;resize:vertical;background:var(--color-background);color:var(--color-text);outline:none}.session-feedback-comment:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.session-feedback-error{font-size:.8125rem;color:var(--color-danger,#ef4444)}.scenario-selector{margin-bottom:1.25rem}.scenario-selector-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.6rem}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:.75rem}.scenario-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .5rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,background .15s ease;color:var(--color-text-muted);text-align:center}.scenario-card:hover{background:rgba(232,87,42,.07)}.scenario-card--active,.scenario-card:hover{border-color:var(--color-primary);color:var(--color-text)}.scenario-card--active{background:var(--color-primary-bg)}.scenario-card-icon{font-size:1.35rem;line-height:1;display:flex;align-items:center;justify-content:center}.scenario-card-label{font-size:.75rem;font-weight:600}.scenario-prompt{padding:.7rem .85rem;background:rgba(232,87,42,.08);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.scenario-prompt-text{font-size:.875rem;color:var(--color-text);line-height:1.5;margin-bottom:.25rem}.scenario-prompt-hint{font-size:.775rem;color:var(--color-text-muted);font-style:italic;line-height:1.4}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:radial-gradient(ellipse 60% 50% at 50% -20%,rgba(232,87,42,.05) 0,transparent 100%),var(--color-bg)}.login-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-8) var(--space-8) var(--space-10);box-shadow:var(--shadow-lg),var(--shadow-glow);display:flex;flex-direction:column;gap:var(--space-8)}.login-brand{text-align:center}.login-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.login-features{list-style:none;margin:0;padding:0;flex-direction:column}.login-feature,.login-features{display:flex;gap:var(--space-3)}.login-feature{align-items:flex-start;font-size:var(--text-sm);color:var(--color-text-muted)}.login-feature-icon{flex-shrink:0;font-size:1rem;line-height:1.4;color:var(--color-primary);display:flex;align-items:center}.btn-full{width:100%;text-align:center}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s ease;min-height:44px}.btn-google:hover{background:var(--color-surface-raised)}.login-auth{display:flex;flex-direction:column;gap:var(--space-4)}.login-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs)}.login-divider:after,.login-divider:before{content:"";flex:1 1;border-top:1px solid var(--color-border)}.login-form{gap:var(--space-4)}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:var(--space-1)}.login-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.login-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);width:100%;min-height:44px;box-sizing:border-box;transition:border-color .15s ease}.login-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.login-error{color:var(--color-danger)}.login-error,.login-message{font-size:var(--text-xs);margin:0}.login-message{color:var(--color-success)}.login-toggle{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin:0}.login-toggle-btn{background:none;border:none;padding:0;color:var(--color-primary);font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:underline}.login-toggle-btn:hover{color:var(--color-primary-hover)}.user-menu{display:flex;align-items:center;gap:var(--space-2)}.user-menu-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.user-menu-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-logout,.user-menu-name{font-size:var(--text-sm);color:var(--color-text-muted)}.user-menu-logout{text-decoration:none;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;transition:color .15s}.user-menu-logout:hover{color:var(--color-danger)}.sessions-nav{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:.25rem}.sessions-link-nav{display:inline-block;margin-top:.5rem;font-size:.8125rem;color:var(--color-primary);text-decoration:none;transition:color .15s}.sessions-link-nav:hover{color:var(--color-primary-hover)}.sessions-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:.5rem}.sessions-empty-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:var(--color-text-faint)}.sessions-link{color:var(--color-primary);text-decoration:none}.sessions-link:hover{text-decoration:underline}.sessions-list{list-style:none;width:100%;max-width:640px;gap:.5rem}.session-row,.sessions-list{display:flex;flex-direction:column}.session-row{gap:.4rem;padding:1rem 1.125rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);position:relative;box-shadow:var(--elevation-1);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.session-row:hover{border-color:var(--color-primary);background:rgba(232,87,42,.04);box-shadow:var(--elevation-interactive);transform:translateX(2px)}.session-row:hover .session-row-arrow{color:var(--color-primary)}.session-row-main{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.session-row-date{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.session-row-duration{font-size:.8rem;color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.session-row-lang{font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--color-primary);background:var(--color-primary-bg);padding:.1em .45em;border-radius:4px}.session-row-scores{display:flex;gap:.75rem;flex-wrap:wrap}.session-score{font-size:.825rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.session-score .session-score-label{font-weight:400;font-size:.75rem;color:var(--color-text-muted)}.session-score.score--good{color:var(--color-success)}.session-score.score--ok{color:var(--color-warning)}.session-score.score--poor{color:var(--color-danger)}.session-row-summary{font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-row-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:1rem}.session-detail{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1.25rem}.session-detail-header{display:flex;align-items:flex-start;gap:1rem}.session-detail-date{font-size:.9375rem;font-weight:600;color:var(--color-text);text-transform:capitalize}.session-detail-meta{font-size:.8125rem;color:var(--color-text-muted);margin-top:.2rem}.dashboard-content{width:100%;max-width:640px;display:flex;flex-direction:column;gap:1.25rem}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.dashboard-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.875rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--elevation-1);transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}.dashboard-stat:hover{box-shadow:var(--elevation-interactive);border-color:var(--color-primary-border);transform:translateY(-2px)}.dashboard-stat-value{font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;color:var(--color-text)}.dashboard-stat-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.dashboard-charts{display:flex;flex-direction:column;gap:.75rem}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1rem;box-shadow:var(--elevation-1)}.chart-card-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.chart-card-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.chart-card-subtitle{font-size:.7rem;color:var(--color-text-muted)}.chart-empty{height:80px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-text-muted)}.chart-tooltip{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8rem}.chart-tooltip-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.75rem}.chart-tooltip-row{font-size:.8rem}.recording-scenario{font-size:.7rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-bg);padding:.15rem .45rem;border-radius:4px}.onboarding-overlay{position:fixed;inset:0;z-index:100;background:rgba(28,25,20,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.onboarding-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem 1.75rem;max-width:400px;width:100%;box-shadow:var(--elevation-3);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.onboarding-dots{display:flex;gap:.4rem;margin-bottom:.25rem}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);transition:background .2s}.onboarding-dot--active{background:var(--color-primary)}.onboarding-icon{font-size:2.5rem;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.onboarding-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.onboarding-body{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.onboarding-body strong{color:var(--color-text);font-weight:600}.onboarding-features{display:flex;flex-direction:column;gap:.5rem;width:100%;text-align:left}.onboarding-feature{display:flex;align-items:center;gap:.625rem;padding:.6rem .75rem;background:var(--color-surface-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.onboarding-feature-icon{flex-shrink:0;color:var(--color-primary);display:flex;align-items:center}.onboarding-goals{display:flex;flex-direction:column;gap:.5rem;width:100%}.onboarding-goal{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,background .15s;text-align:left;width:100%;color:var(--color-text);font-family:inherit}.onboarding-goal:hover{border-color:var(--color-primary);background:rgba(232,87,42,.07);box-shadow:var(--shadow-glow)}.onboarding-goal--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.onboarding-goal-icon{font-size:1.35rem;flex-shrink:0;display:flex;align-items:center;color:var(--color-primary)}.onboarding-goal-label{display:block;font-size:var(--text-base);font-weight:600}.onboarding-goal-desc{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.1rem}.onboarding-btn{width:100%;justify-content:center}.onboarding-skip{justify-content:center}.onboarding-skip,.onboarding-tip{width:100%;font-size:var(--text-xs);color:var(--color-text-muted)}.onboarding-tip{background:rgba(232,87,42,.08);border-left:2px solid var(--color-primary);padding:.5rem .75rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:left;line-height:1.5}.annotated-transcript{display:flex;flex-direction:column;gap:.5rem}.annotated-legend{display:flex;gap:.875rem;flex-wrap:wrap;padding-bottom:.4rem;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.legend-item{display:flex;align-items:center;gap:.3rem;font-size:var(--text-xs);color:var(--color-text-muted)}.legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-swatch--filler{background:rgba(234,179,8,.35);border:1px solid rgba(234,179,8,.6)}.legend-swatch--complex{background:transparent;border-bottom:2px solid rgba(148,163,184,.5)}.annotated-text{font-size:.875rem;line-height:1.8;color:var(--color-text-muted)}.annotated-sentence{display:inline}.annotated-sentence--complex{text-decoration:underline;-webkit-text-decoration-color:rgba(148,163,184,.4);text-decoration-color:rgba(148,163,184,.4);text-underline-offset:3px;text-decoration-thickness:1px;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.filler-highlight{background:rgba(234,179,8,.2);color:var(--color-warning-light);border-radius:2px;padding:.05em .15em;font-style:italic;border-bottom:1px solid rgba(234,179,8,.4)}.legal-content{max-width:640px;width:100%;margin:0 auto}.legal-content h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-content li,.legal-content p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-3)}.legal-content ul{padding-left:var(--space-6);margin-bottom:var(--space-3)}.legal-content a{color:var(--color-primary);text-decoration:underline}.interview-wizard{max-width:680px;width:100%;margin:0 auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-8)}.interview-wizard-content{width:100%}.interview-wizard-error{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.step-indicator{display:flex;align-items:flex-start;gap:0;width:100%}.step-indicator-item{display:flex;flex-direction:column;align-items:center;flex:1 1;position:relative}.step-indicator-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-bold);background-color:var(--color-surface-2);border:2px solid var(--color-border);color:var(--color-text-muted);transition:background-color .2s ease,border-color .2s ease,color .2s ease;flex-shrink:0;z-index:1}.step-indicator-circle--active{background-color:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.step-indicator-circle--done{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.step-indicator-label{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;white-space:nowrap}.step-indicator-label--active{color:var(--color-primary);font-weight:var(--fw-medium)}.step-indicator-line{position:absolute;top:15px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background-color:var(--color-border);z-index:0}.step-indicator-line--done{background-color:var(--color-primary)}.jd-input{display:flex;flex-direction:column;gap:var(--space-4)}.jd-input-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.jd-input-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.jd-input-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--fw-medium);background:none;color:var(--color-text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px;transition:color .15s ease,border-color .15s ease}.jd-input-tab:hover{color:var(--color-text)}.jd-input-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.jd-input-field{flex-direction:column}.jd-input-field,.jd-input-meta{display:flex;gap:var(--space-3)}.jd-input-meta-field{flex:1 1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);min-height:44px}.jd-input-meta-field::placeholder{color:var(--color-text-muted)}.jd-input-meta-field:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.jd-input-textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);resize:vertical;line-height:var(--lh-normal);min-height:120px}.jd-input-textarea::placeholder{color:var(--color-text-muted)}.jd-input-textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.jd-url-row{display:flex;gap:var(--space-3)}.jd-input-url{flex:1 1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);min-height:44px}.jd-input-url::placeholder{color:var(--color-text-muted)}.jd-input-url:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.jd-input-error{font-size:var(--text-sm);color:var(--color-danger);margin:0}.jd-preview{background:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.jd-preview-header{display:flex;justify-content:space-between;align-items:flex-start}.jd-preview-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--color-text);margin:0}.jd-preview-company{margin:var(--space-1) 0 0}.jd-preview-company,.jd-preview-text{font-size:var(--text-sm);color:var(--color-text-muted)}.jd-preview-text{line-height:var(--lh-relaxed);margin:0}.jd-input-actions{display:flex;justify-content:flex-end}.profile-step{display:flex;flex-direction:column;gap:var(--space-4)}.profile-step--loading{opacity:.6}.profile-step-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.profile-card-header{display:flex;justify-content:space-between;align-items:center}.profile-summary{font-size:var(--text-sm);color:var(--color-text);line-height:var(--lh-relaxed);margin:0}.profile-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-input-toggle{display:flex;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1)}.profile-toggle-btn{flex:1 1;padding:var(--space-2) var(--space-3);border-radius:6px;border:none;background:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background-color .15s ease,color .15s ease;min-height:44px}.profile-toggle-btn:hover{color:var(--color-text)}.profile-toggle-btn--active{background:var(--color-primary-bg);color:var(--color-primary)}.profile-guided-prompt{font-size:var(--text-sm);line-height:var(--lh-relaxed);white-space:pre-line}.profile-voice{display:flex;flex-direction:column;gap:var(--space-3)}.profile-transcribed{display:flex;flex-direction:column;gap:var(--space-2)}.profile-step-actions{display:flex;gap:var(--space-3);align-items:center}.interview-practice{display:flex;flex-direction:column;gap:var(--space-5)}.interview-context{background:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);padding:var(--space-4)}.interview-context--profile{border-color:var(--color-border)}.interview-context-header{display:flex;justify-content:space-between;align-items:center}.interview-context-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--color-text);margin:var(--space-1) 0 0}.interview-context-text{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}.interview-recorder{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.interview-recorder-hint{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;max-width:360px}.interview-timer{font-family:var(--font-mono);font-size:var(--text-xl);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-danger)}.interview-error{font-size:var(--text-sm);color:var(--color-danger);text-align:center}.interview-recorder-actions{display:flex;gap:var(--space-3)}.interview-feedback-section{gap:var(--space-6)}.interview-feedback-actions{display:flex;gap:var(--space-3);justify-content:center;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.interview-feedback{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.interview-feedback-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--color-text);margin:0 0 calc(-1 * var(--space-3))}.interview-feedback-section{display:flex;flex-direction:column;gap:var(--space-3)}.star-checklist{display:flex;flex-direction:column;gap:var(--space-2)}.star-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2)}.star-item--met{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.06)}.star-item--missed{border-color:var(--color-danger-border);background:var(--color-danger-bg)}.star-item-icon{font-size:var(--text-base);font-weight:var(--fw-bold);width:20px;text-align:center;flex-shrink:0}.star-item--met .star-item-icon{color:var(--color-success)}.star-item--missed .star-item-icon{color:var(--color-danger)}.star-item-text{display:flex;flex-direction:column;gap:2px}.star-item-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.star-item-desc{font-size:var(--text-xs)}.star-item-desc,.star-notes{color:var(--color-text-muted)}.star-notes{font-size:var(--text-sm);font-style:italic;margin:0}.role-alignment{font-size:var(--text-sm);line-height:var(--lh-relaxed)}.requirements-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.requirements-col{display:flex;flex-direction:column;gap:var(--space-2)}.requirements-col-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;margin:0}.requirements-col-label--good{color:var(--color-success)}.requirements-col-label--warning{color:var(--color-warning)}.requirements-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.requirement-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:4px;font-weight:var(--fw-medium)}.requirement-tag--good{background:rgba(34,197,94,.12);color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.requirement-tag--warning{background:rgba(245,158,11,.12);color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.talking-points{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);margin:0}.talking-point{font-size:var(--text-sm);color:var(--color-text);line-height:var(--lh-snug)}.interview-page-nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:680px;margin:0 auto var(--space-4)}@media (max-width:480px){.jd-input-meta,.jd-url-row{flex-direction:column}.requirements-grid{grid-template-columns:1fr}.profile-step-actions{flex-direction:column;align-items:stretch}.step-indicator-label{display:none}}@media (max-width:768px){.score-cards{grid-template-columns:repeat(3,1fr)}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.session-row-scores{flex-wrap:wrap;gap:.5rem}.login-card{padding:var(--space-6) var(--space-6) var(--space-8)}.app-nav-link span:not(.app-nav-link-icon){display:none}.app-nav-link{padding:var(--space-2);min-width:44px;justify-content:center}}@media (min-width:1025px){.session-detail{max-width:640px}.sessions-list{max-width:720px}.dashboard-content{max-width:760px}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;padding:0 var(--space-6);height:56px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:var(--elevation-1)}.app-nav,.app-nav-inner{display:flex;align-items:center;gap:var(--space-4)}.app-nav-inner{width:100%;max-width:1200px;margin:0 auto}.app-nav-brand{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-lg);color:var(--color-primary);text-decoration:none;flex-shrink:0;letter-spacing:-.04em;transition:color .15s ease}.app-nav-brand:hover{color:var(--color-primary-hover)}.app-nav-links{display:flex;align-items:center;gap:var(--space-1);flex:1 1}.app-nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);text-decoration:none;min-height:44px;transition:color .15s ease,background .15s ease;white-space:nowrap}.app-nav-link:hover{color:var(--color-text);background:var(--color-surface-2)}.app-nav-link--active{color:var(--color-primary);background:var(--color-primary-bg);border-radius:var(--radius-sm);font-weight:var(--fw-semibold)}.app-nav-link--active:hover{color:var(--color-primary-hover);background:var(--color-primary-bg)}.app-nav-link-icon{flex-shrink:0;opacity:.75}.app-nav-link--active .app-nav-link-icon{opacity:1}.app-nav-user{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.app-main{flex:1 1}.app-main .page{min-height:unset}.onboarding-goal,.scenario-card,.session-row,a,button,input,select,textarea{transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:0}}@keyframes transcript-shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-sweep{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{display:block;background:linear-gradient(90deg,var(--color-surface-2) 25%,hsla(37,18%,86%,.9) 50%,var(--color-surface-2) 75%);background-size:400px 100%;animation:skeleton-sweep 1.6s ease-in-out infinite;border-radius:var(--radius-sm);will-change:background-position}.skeleton--line{height:13px;width:100%}.skeleton--line-sm{height:10px}.skeleton--line-lg{height:18px}.skeleton--half{width:55%}.skeleton--short{width:30%}.skeleton--block{height:80px;width:100%}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.voiceup-home{max-width:680px;margin:0 auto;padding:var(--space-6) var(--space-4)}.voiceup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.voiceup-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-text)}.voiceup-gamification{display:flex;align-items:center;gap:var(--space-4)}.voiceup-page-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-6)}.voiceup-empty,.voiceup-loading{text-align:center;color:var(--color-text-muted);padding:var(--space-16) var(--space-4)}.module-map{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:481px){.module-map{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.module-map{grid-template-columns:repeat(3,1fr)}}.module-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease;text-align:center}.module-card:focus-visible,.module-card:hover{border-color:var(--color-primary-border);box-shadow:var(--elevation-interactive);transform:translateY(-2px)}.module-card-icon{font-size:32px;line-height:1}.module-card-name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.module-card-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.module-card-progress{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:var(--color-border)}.progress-ring-fill{fill:none;stroke:var(--color-primary);transition:stroke-dashoffset .4s ease-out}.progress-ring-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.module-detail{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4)}.module-detail-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8)}.module-detail-icon{font-size:28px}.module-detail-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.module-detail-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.module-detail-progress{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.module-detail-units{display:flex;flex-direction:column;gap:var(--space-4)}.unit-accordion{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.unit-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:none;border:none;width:100%;cursor:pointer;color:var(--color-text);font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;text-align:left;transition:background .15s ease}.unit-accordion-header:hover{background:var(--color-surface-2)}.unit-accordion-chevron{transition:transform .2s ease;color:var(--color-text-faint);font-size:var(--text-sm)}.unit-accordion--open .unit-accordion-chevron{transform:rotate(180deg)}.unit-accordion-body{padding:0 var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.lesson-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:background .15s ease}.lesson-card:hover:not(.lesson-card--locked){background:var(--color-surface-2)}.lesson-card--locked{opacity:.45;cursor:default}.lesson-card-status{flex-shrink:0;width:28px;text-align:center;font-size:16px}.lesson-card-info{flex:1 1;min-width:0}.lesson-card-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-card-meta{font-size:var(--text-xs);color:var(--color-text-faint);display:flex;gap:var(--space-3)}.lesson-card-score{font-family:var(--font-mono);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.lesson-card-score--good{color:var(--color-success)}.lesson-card-score--ok{color:var(--color-warning)}.lesson-card-score--poor{color:var(--color-danger)}.exercise-player{max-width:480px;margin:0 auto;text-align:center}.exercise-counter{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.exercise-instruction{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);line-height:var(--leading-snug)}.exercise-reference{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-5);font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);font-style:italic}.exercise-reference-label{font-style:normal;font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.exercise-recorder{margin-bottom:var(--space-5)}.exercise-timer{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exercise-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.exercise-analyzing{padding:var(--space-8) 0;color:var(--color-text-muted);font-size:var(--text-base)}.score-display{padding:var(--space-5) 0}.score-global{text-align:center;margin-bottom:var(--space-5)}.score-global-value{font-family:var(--font-mono);font-size:56px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.score-global-value--good{color:var(--color-success)}.score-global-value--ok{color:var(--color-warning)}.score-global-value--poor{color:var(--color-danger)}.score-global-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.score-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:999px;font-size:var(--text-xs);font-weight:600;margin-top:var(--space-2)}.score-badge--passed{background:var(--color-success-bg,rgba(34,197,94,.12));color:var(--color-success)}.score-badge--failed{background:var(--color-danger-bg);color:var(--color-danger)}.score-categories{gap:var(--space-3)}.category-bar,.score-categories{display:flex;flex-direction:column}.category-bar{gap:var(--space-1)}.category-bar-header{display:flex;justify-content:space-between;align-items:baseline}.category-bar-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.category-bar-score{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.category-bar-score--good{color:var(--color-success)}.category-bar-score--ok{color:var(--color-warning)}.category-bar-score--poor{color:var(--color-danger)}.category-bar-track{height:8px;background:var(--color-surface-2);border-radius:4px;overflow:hidden}.category-bar-fill{height:100%;border-radius:4px;transition:width .4s ease-out}.category-bar-fill--good{background:var(--color-success)}.category-bar-fill--ok{background:var(--color-warning)}.category-bar-fill--poor{background:var(--color-danger)}.category-bar-orientation{font-size:var(--text-xs);color:var(--color-text-faint);line-height:var(--leading-normal)}.category-bar-quality{font-size:var(--text-xs);font-weight:500}.category-bar-quality--good{color:var(--color-success)}.category-bar-quality--ok{color:var(--color-warning)}.category-bar-quality--poor{color:var(--color-danger)}.lesson-flow{max-width:520px;margin:0 auto;padding:var(--space-6) var(--space-4)}.lesson-flow-header{margin-bottom:var(--space-6)}.lesson-flow-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.lesson-flow-progress{height:6px;background:var(--color-surface-2);border-radius:3px;overflow:hidden}.lesson-flow-progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease-out}.lesson-complete{text-align:center;padding:var(--space-8) var(--space-4)}.lesson-complete-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-6)}.lesson-complete-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8)}.lesson-complete-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.lesson-complete-stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lesson-complete-stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.streak-banner{gap:var(--space-2);color:var(--color-warning)}.streak-banner,.xp-counter{display:flex;align-items:center;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-sm)}.xp-counter{gap:var(--space-1);color:var(--color-primary)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.badge-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center}.badge-card--earned{border-color:var(--color-primary-border);box-shadow:var(--shadow-glow)}.badge-card--locked{opacity:.35}.badge-card-icon{font-size:28px}.badge-card-name{font-size:var(--text-xs);font-weight:500;color:var(--color-text);line-height:var(--leading-snug)}.badge-unlock-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.badge-unlock-card{background:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:var(--radius);padding:var(--space-8);text-align:center;max-width:320px;width:100%;box-shadow:var(--shadow-lg);animation:badge-entrance .4s ease-out}.badge-unlock-icon{font-size:56px;margin-bottom:var(--space-4);animation:badge-glow 1.5s ease-in-out infinite alternate}.badge-unlock-heading{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.badge-unlock-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.badge-unlock-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}@media (prefers-reduced-motion:no-preference){@keyframes badge-entrance{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes badge-glow{0%{filter:drop-shadow(0 0 8px rgba(232,87,42,.3))}to{filter:drop-shadow(0 0 16px rgba(232,87,42,.6))}}}.diagnostic-flow{max-width:480px;margin:0 auto;padding:var(--space-8) var(--space-4);text-align:center}.diagnostic-step-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4)}.diagnostic-step-text{color:var(--color-text-muted)}.diagnostic-reference,.diagnostic-step-text{font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.diagnostic-reference{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-5);color:var(--color-text);text-align:left;font-style:italic}.diagnostic-level{display:inline-block;padding:var(--space-2) var(--space-5);border-radius:999px;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-6);background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary-border)}.radar-chart-card{width:100%;height:280px}.stats-content{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.stats-summary-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.streak-calendar{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:var(--space-1);gap:var(--space-1)}.streak-day{width:100%;aspect-ratio:1;background:var(--color-surface-2);border-radius:4px}.streak-day--active{background:var(--color-primary)}.voiceup-diagnostic-page,.voiceup-profile-page,.voiceup-stats-page{max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-8)}@media (max-width:480px){.profile-stats-row{grid-template-columns:repeat(2,1fr)}}.profile-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--elevation-1);transition:border-color .15s ease,box-shadow .15s ease}.profile-stat-card:hover{border-color:var(--color-primary-border);box-shadow:var(--elevation-2)}.profile-stat-value{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.profile-stat-value--mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profile-stat-label{font-size:var(--text-xs);color:var(--color-text-faint)}.profile-section-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.score-countup{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lesson-page{min-height:100vh}.chart-container{margin-top:var(--space-3)}.exercise-player-counter{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.exercise-player-instruction{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);line-height:var(--leading-snug)}.exercise-player-reference{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);margin:0 0 var(--space-5);font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);font-style:italic;text-align:left}.exercise-player-listen{margin-bottom:var(--space-4)}.exercise-player-recorder{margin-bottom:var(--space-5)}.exercise-player-timer{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:var(--space-3) 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exercise-player-controls{display:flex;justify-content:center;gap:var(--space-3)}.exercise-player-record-btn,.exercise-player-stop-btn{min-width:140px}.exercise-player-loading{padding:var(--space-8) 0;color:var(--color-text-muted);font-size:var(--text-base)}.exercise-player-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-3)}@keyframes spin{to{transform:rotate(1turn)}}.exercise-player-error{color:var(--color-danger);padding:var(--space-4) 0}.exercise-player-result{margin-top:var(--space-4)}.exercise-player-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.diagnostic-flow-step{padding:var(--space-4) 0}.diagnostic-flow-heading{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4)}.diagnostic-flow-text{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.diagnostic-flow-paragraph,.diagnostic-flow-welcome{margin-bottom:var(--space-4)}.diagnostic-flow-paragraph{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-5);font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);text-align:left;font-style:italic}.diagnostic-flow-hint{font-size:var(--text-sm);color:var(--color-text-faint);margin-bottom:var(--space-4)}.diagnostic-flow-min-hint{font-size:var(--text-xs);color:var(--color-text-faint);margin-bottom:var(--space-2)}.diagnostic-flow-record{margin-bottom:var(--space-4)}.diagnostic-flow-timer{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:var(--space-3) 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.diagnostic-flow-controls{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.diagnostic-flow-loading{padding:var(--space-8) 0;color:var(--color-text-muted)}.diagnostic-flow-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-3)}.diagnostic-flow-error{color:var(--color-danger)}.diagnostic-flow-error,.diagnostic-flow-results{padding:var(--space-4) 0}.diagnostic-flow-level{display:inline-block;padding:var(--space-2) var(--space-5);border-radius:999px;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4);background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary-border)}.diagnostic-flow-level-value{font-weight:700}.lesson-flow-progress-bar{height:6px;background:var(--color-surface-2);border-radius:3px;overflow:hidden}.lesson-flow-advance{display:flex;justify-content:center;margin-top:var(--space-5)}.lesson-card-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:background .15s ease}.lesson-card-link:hover{background:var(--color-surface-2)}.lesson-complete-header{margin-bottom:var(--space-6)}.lesson-complete-check{font-size:48px;margin-bottom:var(--space-3)}.lesson-complete-heading{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}.lesson-complete-name{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-1)}.lesson-complete-continue{margin-top:var(--space-6)}.lesson-complete-stat-icon{font-size:20px;margin-bottom:var(--space-1)}.score-global-number{font-family:var(--font-mono);font-size:56px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.category-bar-score-group{display:flex;align-items:baseline;gap:var(--space-2)}.module-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.module-card-progress-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:var(--space-2)}.streak-banner-current{display:flex;align-items:center;gap:var(--space-1)}.streak-banner-icon{font-size:16px}.streak-banner-count{font-weight:700}.streak-banner-best,.streak-banner-label{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:400}.xp-counter-icon{font-size:14px}.xp-counter-value{font-weight:700}.xp-counter-label{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:400}.radar-chart-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3);text-align:center}.badge-unlock-close{margin-top:var(--space-2)}@media (max-width:480px){.lesson-complete-stats{grid-template-columns:1fr;gap:var(--space-3)}.streak-calendar{grid-template-columns:repeat(6,1fr)}.badge-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.voiceup-header{flex-direction:column;align-items:flex-start}}.dash{max-width:960px;margin:0 auto;padding:var(--space-12) var(--space-6);display:flex;flex-direction:column}.dash,.dash-hero{gap:var(--space-12)}.dash-hero{display:grid;grid-template-columns:1fr;grid-gap:var(--space-12);padding:var(--space-8) 0}.dash-hero-text{display:flex;flex-direction:column;gap:var(--space-4)}.dash-hero-text h1{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-4xl);color:var(--color-text);letter-spacing:-.03em;line-height:var(--lh-tight)}.dash-hero-tagline{font-size:var(--text-lg);color:var(--color-text-muted);max-width:520px;line-height:var(--lh-relaxed)}.dash-btn-record--lg{padding:var(--space-4) var(--space-10);font-size:var(--text-lg);gap:var(--space-3);margin-top:var(--space-2)}.dash-hero-steps{display:flex;flex-direction:column;gap:var(--space-4);background:rgba(31,31,35,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-primary-border);border-radius:var(--radius);padding:var(--space-6)}.dash-hero-step{display:flex;align-items:flex-start;gap:var(--space-4)}.dash-hero-step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--color-primary-bg);border:1px solid var(--color-primary-border);color:var(--color-primary);font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--text-sm)}.dash-hero-step-title{font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--text-base);color:var(--color-text)}.dash-hero-step-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.record-page{max-width:720px;margin:0 auto;padding:var(--space-12) var(--space-6);gap:var(--space-8)}.record-page,.record-page-header{display:flex;flex-direction:column}.record-page-header{gap:var(--space-2)}.record-page-header h1{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-3xl);color:var(--color-text);letter-spacing:-.02em}.record-page-sub{font-size:var(--text-base);color:var(--color-text-muted)}.dash-welcome{display:flex;flex-direction:column;gap:var(--space-6)}.dash-welcome-tagline{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);font-family:var(--font-mono);margin-bottom:var(--space-1)}.dash-welcome h1{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-3xl);color:var(--color-text);letter-spacing:-.02em}.dash-welcome-sub{color:var(--color-text-muted);font-size:var(--text-base)}.dash-welcome-sub .dash-highlight{color:var(--color-primary);font-family:var(--font-mono)}.dash-btn-record{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-bg);padding:var(--space-3) var(--space-8);border-radius:var(--radius);border:none;font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-base);cursor:pointer;box-shadow:0 4px 14px rgba(232,87,42,.35);align-self:flex-start}.dash-btn-record:hover{background:var(--color-primary-hover)}.dash-btn-record:active{transform:scale(.97)}.dash-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.dash-stat-card{background:rgba(31,31,35,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-primary-border);border-radius:var(--radius);padding:var(--space-5)}.dash-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.dash-stat-value{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--text-3xl);color:var(--color-primary);margin-top:var(--space-2)}.dash-stat-value--neutral{color:var(--color-text)}.dash-stat-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.dash-stat-badge{font-size:10px;padding:2px var(--space-2);border-radius:9999px;background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary-border)}.dash-stat-scenario{font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--text-xl);color:var(--color-text);margin-top:var(--space-3);line-height:var(--lh-tight)}.dash-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8)}.dash-sessions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dash-sessions-header h2{font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--text-xl)}.dash-sessions-header a{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none}.dash-sessions-header a:hover{text-decoration:underline}.dash-table-wrap{background:rgba(31,31,35,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(28,25,20,.12);border-radius:var(--radius);overflow:hidden}.dash-table{width:100%;border-collapse:collapse;text-align:left}.dash-table thead tr{border-bottom:1px solid rgba(28,25,20,.08)}.dash-table th{padding:var(--space-4) var(--space-6);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);font-weight:var(--fw-medium);letter-spacing:.05em}.dash-table th:last-child{text-align:right}.dash-table td{padding:var(--space-4) var(--space-6);font-size:var(--text-sm)}.dash-table tbody tr{border-bottom:1px solid rgba(28,25,20,.05);cursor:pointer}.dash-table tbody tr:last-child{border-bottom:none}.dash-table tbody tr:hover{background:var(--color-surface-2)}.dash-table tbody tr:hover .dash-table-scenario{color:var(--color-primary)}.dash-table-scenario{font-weight:var(--fw-medium);color:var(--color-text)}.dash-table-muted{color:var(--color-text-muted)}.dash-table td:last-child{text-align:right}.dash-score-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--text-xs)}.dash-score-badge--good{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary-border)}.dash-score-badge--warn{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.dash-score-badge--danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.dash-score-badge-label{font-size:10px;font-weight:var(--fw-regular);opacity:.7;font-family:var(--font-body)}.dash-sidebar{display:flex;flex-direction:column;gap:var(--space-8)}.dash-card{background:rgba(31,31,35,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-primary-border);border-radius:var(--radius);padding:var(--space-6)}.dash-card-header{display:flex;align-items:center;gap:var(--space-3)}.dash-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-primary-bg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.dash-card-title{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-sm)}.dash-card-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.dash-voiceup-progress{display:flex;flex-direction:column;gap:var(--space-4)}.dash-voiceup-meta{display:flex;justify-content:space-between;font-size:var(--text-xs)}.dash-voiceup-meta span:last-child{color:var(--color-primary);font-family:var(--font-mono)}.dash-progress-track{width:100%;height:6px;background:var(--color-surface-2);border-radius:9999px;overflow:hidden}.dash-progress-fill{height:100%;background:var(--color-primary);border-radius:9999px}.dash-btn-outline{width:100%;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--color-primary-border);background:transparent;color:var(--color-primary);font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--text-sm);cursor:pointer}.dash-btn-outline:hover{background:var(--color-primary-bg)}.dash-voiceup-diagnostic{padding-top:var(--space-4);border-top:1px solid rgba(28,25,20,.08);text-align:center}.dash-voiceup-diagnostic p:first-child{font-size:10px;color:var(--color-text-muted);margin-bottom:var(--space-2)}.dash-voiceup-diagnostic-score{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--color-text)}.dash-voiceup-diagnostic-score span{font-size:var(--text-xs);font-family:var(--font-body);color:var(--color-text-muted)}.dash-trends{display:flex;flex-direction:column;gap:var(--space-4)}.dash-trends-header{display:flex;align-items:center;justify-content:space-between}.dash-trends-header h3{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-sm)}.dash-bars{height:128px;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;padding:0 var(--space-1)}.dash-bar{flex:1 1;background:var(--color-primary-bg);border-radius:4px 4px 0 0}.dash-bar:hover{background:var(--color-primary-border)}.dash-bar--current{background:var(--color-primary)}.dash-bar--current:hover{background:var(--color-primary-hover)}.dash-trends-link{text-align:center;font-size:var(--text-xs);color:var(--color-primary);text-decoration:none}.dash-trends-link:hover{text-decoration:underline}.dash-actions h2{font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--text-xl);margin-bottom:var(--space-6)}.dash-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.dash-action-card{background:rgba(31,31,35,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-primary-border);border-radius:var(--radius);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);cursor:pointer}.dash-action-card:hover{border-color:rgba(232,87,42,.4);box-shadow:var(--elevation-interactive);transform:translateY(-3px)}.dash-action-icon{width:48px;height:48px;border-radius:9999px;background:var(--color-primary-bg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.dash-action-card:hover .dash-action-icon{background:var(--color-primary-border)}.dash-action-card span:last-child{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-sm)}.dash-cta{position:relative;overflow:hidden;background:rgba(31,31,35,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-primary-border);border-radius:16px;padding:var(--space-8)}.dash-cta-content{position:relative;z-index:1;max-width:66%;display:flex;flex-direction:column;gap:var(--space-4)}.dash-cta h2{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-2xl);line-height:var(--lh-tight)}.dash-cta p{color:var(--color-text-muted);font-size:var(--text-sm)}.dash-cta-btn{display:inline-block;background:var(--color-primary);color:var(--color-bg);font-weight:var(--fw-bold);padding:10px var(--space-6);border-radius:var(--radius-sm);border:none;font-size:var(--text-sm);cursor:pointer;align-self:flex-start;margin-top:var(--space-2)}.dash-cta-btn:hover{opacity:.9}.dash-cta-glow{top:0;right:0;width:33%;height:100%;background:linear-gradient(270deg,rgba(232,87,42,.1),transparent)}.dash-cta-glow,.dash-cta-orb{position:absolute;pointer-events:none}.dash-cta-orb{bottom:-48px;right:-48px;width:192px;height:192px;background:rgba(232,87,42,.05);border-radius:9999px;filter:blur(48px)}.mobile-nav{display:none}.dash-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-12) var(--space-6)}.dash-footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:1200px;margin:0 auto}.dash-footer-brand{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-lg);color:var(--color-primary)}.dash-footer-tagline{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-faint)}.dash-footer-links{display:flex;gap:var(--space-8)}.dash-footer-links a{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-faint);text-decoration:none}.dash-footer-links a:hover{color:var(--color-primary)}@media (min-width:769px){.dash-welcome{flex-direction:row;align-items:flex-end;justify-content:space-between}.dash-btn-record{align-self:auto}.dash-stats{grid-template-columns:repeat(4,1fr)}.dash-grid{grid-template-columns:2fr 1fr}.dash-actions-grid{grid-template-columns:repeat(4,1fr)}.dash-footer-inner{flex-direction:row;justify-content:space-between}}@media (min-width:768px){.dash-hero{grid-template-columns:1fr 1fr;align-items:start}.dash-hero-text h1{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl))}}@media (max-width:768px){.dash{gap:var(--space-8)}.dash,.record-page{padding:var(--space-8) var(--space-4);padding-bottom:100px}.dash-cta-content{max-width:100%}.dash-cta-glow,.dash-cta-orb{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;background:hsla(0,0%,100%,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-primary-border);padding:var(--space-3) var(--space-4);justify-content:space-around}.mobile-nav,.mobile-nav-item{display:flex;align-items:center}.mobile-nav-item{flex-direction:column;gap:4px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);min-width:44px;min-height:44px;justify-content:center}.mobile-nav-item--active{color:var(--color-primary);font-weight:var(--fw-semibold)}.mobile-nav-item--active svg{filter:drop-shadow(0 0 4px rgba(232,87,42,.3))}.mobile-nav-item span:last-child{font-size:10px}.mobile-nav-item--active span:last-child{font-size:10px;font-weight:var(--fw-semibold)}.app-nav-links{display:none}.app-nav{justify-content:space-between}}.landing{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);max-width:1120px;margin:0 auto;position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.landing-nav-brand{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-text);letter-spacing:-.02em}.landing-nav-actions{display:flex;align-items:center;gap:var(--space-3)}.landing-nav-login{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color .15s ease}.landing-nav-login:hover{color:var(--color-text)}.landing-nav-cta{font-size:var(--text-sm)!important;padding:var(--space-2) var(--space-4)!important}.landing-hero{max-width:1120px;margin:0 auto;padding:var(--space-16) var(--space-6);display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center}.landing-hero-content{display:flex;flex-direction:column;gap:var(--space-6)}.landing-overline{margin:0}.landing-headline{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--color-text);margin:0}.landing-headline-accent{color:var(--color-primary)}.landing-subheadline{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin:0;max-width:520px}.landing-hero-cta{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.landing-cta-primary{font-size:var(--text-base)!important;padding:var(--space-4) var(--space-8)!important;border-radius:var(--radius)!important}.landing-cta-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.landing-hero-preview{display:flex;justify-content:center}.landing-preview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 24px 64px rgba(0,0,0,.4)}.landing-preview-header{display:flex;align-items:center;gap:var(--space-2)}.landing-preview-dot{width:12px;height:12px;border-radius:9999px;flex-shrink:0}.landing-preview-dot--red{background:var(--color-danger)}.landing-preview-dot--yellow{background:var(--color-warning)}.landing-preview-dot--green{background:var(--color-success)}.landing-preview-title{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2)}.landing-preview-scores{display:flex;flex-direction:column;gap:var(--space-3)}.landing-preview-score{display:grid;grid-template-columns:80px 1fr 32px;align-items:center;grid-gap:var(--space-3);gap:var(--space-3)}.landing-preview-score-label{font-size:var(--text-xs);color:var(--color-text-muted)}.landing-preview-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.landing-preview-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .6s ease}.landing-preview-bar-fill--warn{background:var(--color-warning)}.landing-preview-bar-fill--good{background:var(--color-success)}.landing-preview-score-val{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);text-align:right}.landing-preview-tip{background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.landing-preview-tip-label{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);margin:0 0 var(--space-1);text-transform:uppercase;letter-spacing:.05em}.landing-preview-tip-text{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6;margin:0}.landing-proof{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.landing-proof-inner{max-width:1120px;margin:0 auto;padding:var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.landing-proof-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.landing-proof-num{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-primary)}.landing-proof-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.landing-proof-divider{width:1px;height:40px;background:var(--color-border)}.landing-section-inner{max-width:1120px;margin:0 auto;padding:var(--space-16) var(--space-6);display:flex;flex-direction:column;gap:var(--space-10)}.landing-section-title{font-family:var(--font-heading);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin:0;max-width:600px}.landing-steps{background:var(--color-surface)}.landing-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-8);gap:var(--space-8)}.landing-step{display:flex;gap:var(--space-4);align-items:flex-start}.landing-step-num{flex-shrink:0;width:36px;height:36px;background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:9999px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.landing-step-body{display:flex;flex-direction:column;gap:var(--space-2)}.landing-step-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0}.landing-step-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.landing-features{background:var(--color-bg)}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.landing-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--elevation-1);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.landing-feature-card:hover{border-color:var(--color-primary-border);box-shadow:var(--elevation-2);transform:translateY(-3px)}.landing-feature-icon{font-size:1.5rem;line-height:1}.landing-feature-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0}.landing-feature-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.landing-final-cta{position:relative;overflow:hidden;background:var(--color-surface);border-top:1px solid var(--color-border)}.landing-final-cta-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:var(--space-16) var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.landing-final-cta-title{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.03em;color:var(--color-text);margin:0;max-width:600px}.landing-final-cta-sub{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin:0;max-width:480px}.landing-final-cta-note{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.landing-final-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,rgba(232,87,42,.08),transparent 70%);pointer-events:none}.landing-footer{border-top:1px solid var(--color-border);padding:var(--space-6)}.landing-footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.landing-footer-brand{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.landing-footer-links{display:flex;gap:var(--space-6)}.landing-footer-link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.landing-footer-link:hover{color:var(--color-text)}@media (max-width:768px){.landing-hero{grid-template-columns:1fr;padding:var(--space-10) var(--space-5);gap:var(--space-8)}.landing-hero-preview{order:-1}.landing-steps-grid{grid-template-columns:1fr;gap:var(--space-6)}.landing-features-grid{grid-template-columns:1fr 1fr}.landing-proof-divider{display:none}.landing-proof-inner{gap:var(--space-6)}}@media (max-width:480px){.landing-nav{padding:var(--space-3) var(--space-4)}.landing-nav-login{display:none}.landing-features-grid{grid-template-columns:1fr}.landing-section-inner{padding:var(--space-10) var(--space-4)}}.invite-page{min-height:100vh;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:var(--color-bg)}.invite-card,.invite-page{display:flex;flex-direction:column}.invite-card{width:100%;max-width:480px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-10) var(--space-8);gap:var(--space-6);text-align:center}.invite-brand{font-size:var(--text-lg)}.invite-avatar,.invite-brand{font-family:var(--font-heading);font-weight:700;color:var(--color-primary)}.invite-avatar{width:56px;height:56px;border-radius:9999px;background:var(--color-primary-bg);border:2px solid var(--color-primary-border);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);margin:0 auto}.invite-heading{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0;line-height:1.3}.invite-subheading{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.invite-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);text-align:left;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5)}.invite-feature-item{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:flex-start;gap:var(--space-2)}.invite-feature-check{color:var(--color-primary);font-size:var(--text-sm);flex-shrink:0;margin-top:1px}.invite-cta{display:flex;flex-direction:column;gap:var(--space-3)}.invite-cta-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.invite-invalid{text-align:center;display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.invite-invalid-icon{font-size:2rem}.invite-invalid-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0}.invite-invalid-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.dash-invite-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-family:var(--font-body);font-weight:500;color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background .15s ease,border-color .15s ease;text-decoration:none;min-height:44px}.dash-invite-btn:hover{background:rgba(232,87,42,.18);border-color:rgba(232,87,42,.4)}.dash-invite-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5) var(--space-6)}.dash-invite-text{display:flex;flex-direction:column;gap:var(--space-1)}.dash-invite-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0}.dash-invite-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.dash-invite-copied{font-size:var(--text-xs);color:var(--color-primary);margin:0}.nav-streak{display:inline-flex;align-items:center;gap:4px;padding:4px var(--space-2);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-full);color:var(--color-danger-light);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.home-page{max-width:640px;margin:0 auto;padding:var(--space-10) var(--space-6);gap:var(--space-8)}.home-hero,.home-page{display:flex;flex-direction:column}.home-hero{gap:var(--space-5);padding:var(--space-10) 0}.home-hero-title{font-family:var(--font-heading);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:700;letter-spacing:-.03em;color:var(--color-text);margin:0;line-height:1.15}.home-hero-tagline{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin:0;max-width:480px}.home-header{display:flex;flex-direction:column;gap:var(--space-1)}.home-greeting{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;color:var(--color-text);margin:0}.home-date{font-size:var(--text-sm);color:var(--color-text-faint);margin:0;text-transform:capitalize}.home-streak-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg)}.home-streak-flame{color:var(--color-danger-light);flex-shrink:0;display:flex;align-items:center}.home-streak-info{flex:1 1}.home-streak-count{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text);margin:0;line-height:1}.home-streak-label{font-size:var(--text-xs);color:var(--color-text-muted);margin:2px 0 0}.home-streak-xp{gap:4px;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;flex-shrink:0}.home-practice,.home-streak-xp{display:flex;align-items:center}.home-practice{gap:var(--space-8);padding:var(--space-6) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-1)}.home-ring-wrap{position:relative;flex-shrink:0}.home-ring,.home-ring-wrap{width:88px;height:88px}.home-ring-track{fill:none;stroke:var(--color-surface-2);stroke-width:8}.home-ring-fill{fill:none;stroke:var(--color-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .4s ease-out}.home-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.home-ring-count{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text)}.home-ring-denom{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.home-ring-caption{font-size:9px;color:var(--color-text-faint);margin-top:2px}.home-cta-block{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2)}.home-cta-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin:0}.home-cta-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.home-cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;text-decoration:none;min-height:44px;align-self:flex-start;margin-top:var(--space-1);box-shadow:0 2px 8px rgba(232,87,42,.25);transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.home-cta-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 14px rgba(232,87,42,.35);transform:translateY(-1px)}.home-cta-btn:active{transform:scale(.98);box-shadow:none}.home-cta-btn--hero{padding:var(--space-4) var(--space-6);font-size:var(--text-base);margin-top:var(--space-2)}@media (max-width:480px){.home-page{padding:var(--space-6) var(--space-4);padding-bottom:100px;gap:var(--space-6)}.home-practice{flex-direction:column;align-items:flex-start;gap:var(--space-5)}.home-greeting{font-size:var(--text-2xl)}}@media (prefers-reduced-motion:no-preference){.home-ring-fill{transition:stroke-dasharray .4s ease-out}}.practicar-page{max-width:680px;margin:0 auto;padding:var(--space-6) var(--space-4)}.practicar-header{margin-bottom:var(--space-6)}.practicar-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.practicar-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.practicar-modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8)}.practicar-mode-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease,box-shadow .2s ease,transform .15s ease;min-height:44px;box-shadow:var(--elevation-1)}.practicar-mode-card:hover{border-color:var(--color-primary-border);background:var(--color-primary-bg);box-shadow:var(--elevation-interactive);transform:translateY(-2px)}.practicar-mode-card--active{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:0 0 0 3px var(--color-primary-bg),var(--elevation-1)}.practicar-mode-icon{flex-shrink:0;color:var(--color-primary);display:flex;align-items:center}.practicar-mode-text{flex:1 1;min-width:0}.practicar-mode-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--color-text);margin:0 0 var(--space-1)}.practicar-mode-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.4}.practicar-mode-arrow{flex-shrink:0;color:var(--color-text-faint);display:flex;align-items:center}.practicar-recorder{animation:fadeInUp .25s ease-out}@media (max-width:480px){.practicar-modes{grid-template-columns:1fr}.practicar-title{font-size:1.5rem}}.perfil-page{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8);width:100%}.perfil-hero{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-1)}.perfil-avatar{object-fit:cover}.perfil-avatar,.perfil-avatar-initials{width:64px;height:64px;border-radius:50%;flex-shrink:0}.perfil-avatar-initials{background:var(--color-primary-bg);border:2px solid var(--color-primary-border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-family:var(--font-heading);font-weight:700;color:var(--color-primary)}.perfil-info{flex:1 1;min-width:0}.perfil-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-1)}.perfil-email{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-2)}.perfil-badges-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.progress-week-cal{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.progress-week-col{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1 1}.progress-week-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-week-day{width:32px;height:32px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border)}.progress-week-day--active{background:var(--color-primary);border-color:var(--color-primary)}.progress-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.progress-metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.progress-metric-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-metric-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-metric-trend{font-size:var(--text-sm);font-weight:500}.progress-metric-trend--down-good,.progress-metric-trend--up{color:var(--color-success)}.progress-metric-trend--down-bad{color:var(--color-danger)}.progress-xp-bar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-4)}.progress-xp-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-sm)}.progress-xp-bar-track{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-xp-bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}@media (max-width:480px){.perfil-hero{flex-direction:column;text-align:center}.perfil-badges-row{justify-content:center}.progress-metrics-row{grid-template-columns:1fr}}