*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fraunces-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/fraunces-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#12160f;--color-surface:#1b2118;--color-surface-raised:#232a1f;--color-text:#f2ecdc;--color-text-muted:#9aa08c;--color-brass:#e0a83c;--color-brass-fill:#e0a83c;--color-brass-ink:#12160f;--color-sage:#8fb093;--color-curtain:#7a3232;--color-curtain-ink:#f2ecdc;--color-video-well-ink:#9aa08c;--color-curtain-text:#e38585;--color-curtain-dot:#c2585a;--color-line:#2b3226;--color-border:#333b2c;--color-focus:var(--color-brass);--lane-gaze-break:#3987e5;--lane-blink-burst:#d95926;--lane-expression:#199e70;--lane-fidget:#c98500;--lane-pause:#d55181;--lane-filler:#008300;--shadow-sm:0 2px 10px #05040259;--shadow-md:0 16px 40px #04030180;--font-display:"Fraunces", ui-serif, Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:3rem;--text-3xl:clamp(3rem, 2.2rem + 4vw, 5rem);--text-4xl:clamp(2.25rem, 1.5rem + 3.2vw, 3.75rem);--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--ease-standard:cubic-bezier(.2, .7, .3, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.42s}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f5f0e3;--color-surface:#fffdf7;--color-surface-raised:#fbf3de;--color-text:#181c12;--color-text-muted:#5b5f4e;--color-brass:#8c5410;--color-sage:#3f6b46;--color-curtain-text:#7a3232;--color-curtain-dot:#a84a4a;--color-line:#e4dcc5;--color-border:#dcd2b4;--lane-gaze-break:#2a78d6;--lane-blink-burst:#eb6834;--lane-expression:#1baf7a;--lane-fidget:#eda100;--lane-pause:#e87ba4;--lane-filler:#008300;--shadow-sm:0 2px 10px #3c2d1414;--shadow-md:0 16px 40px #3c2d1424}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);margin:0 0 var(--space-4)}p{margin:0 0 var(--space-4)}ul{margin:0 0 var(--space-4);padding-left:1.25em}button{font:inherit;color:inherit}a{color:var(--color-brass)}:focus{outline:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}h1[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{justify-content:center;min-height:100vh;display:flex}.screen{width:100%;max-width:640px;padding:var(--space-7) var(--space-5) var(--space-8);flex-direction:column;display:flex}.screen-body{gap:var(--space-1);flex-direction:column;display:flex}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-sage);margin:0 0 var(--space-2)}.lead{font-size:var(--text-md);color:var(--color-text)}.wordmark{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);letter-spacing:.01em;text-transform:lowercase;margin:0 0 var(--space-2);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-brass-fill);display:inline-block}.wordmark-small{font-size:var(--text-md);letter-spacing:.02em;padding-bottom:var(--space-2);color:var(--color-text-muted);border-bottom-width:1px}.wordmark-mark{position:relative}.wordmark-mark:after{content:"";background:var(--color-brass-fill);width:.16em;height:.16em;box-shadow:0 0 .5em color-mix(in srgb, var(--color-brass-fill) 65%, transparent);border-radius:50%;position:absolute;top:-.6em;left:50%;transform:translate(-50%)}.strapline{font-family:var(--font-display);color:var(--color-text-muted);font-size:var(--text-md);letter-spacing:.01em;margin-top:0}.btn{appearance:none;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font-size:var(--text-base);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard), background-color var(--dur-base) var(--ease-standard), opacity var(--dur-base) var(--ease-standard);border:1px solid #0000;font-weight:600}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-brass-fill);color:var(--color-brass-ink);transition:transform var(--dur-fast) var(--ease-standard), background-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), opacity var(--dur-base) var(--ease-standard);box-shadow:0 1px 2px #05040233}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-brass-fill) 88%, white);box-shadow:0 6px 20px color-mix(in srgb, var(--color-brass-fill) 45%, transparent)}.btn-ghost{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--color-brass)}.btn-stop{background:var(--color-curtain);color:var(--color-curtain-ink);border-color:#0000}.btn-stop:hover:not(:disabled){background:color-mix(in srgb, var(--color-curtain) 85%, white)}.btn-large{padding:var(--space-4) var(--space-6);font-size:var(--text-md);align-self:flex-start}.link-button{color:var(--color-brass);cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.actions{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.consent-block{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.consent-block h2{font-size:var(--text-md);margin-bottom:var(--space-2)}.consent-block p,.consent-block ul{color:var(--color-text-muted);margin-bottom:0}.consent-block--feature{background:var(--color-surface-raised);border-color:var(--color-brass-fill);box-shadow:var(--shadow-sm)}.consent-block--feature h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-brass)}.consent-block--feature p{color:var(--color-text)}.measures-list li{margin-bottom:var(--space-2);color:var(--color-text)}.measures-list li:last-child{margin-bottom:0}.honest-limits{color:var(--color-sage);border-left:3px solid var(--color-sage);padding-left:var(--space-4);font-style:italic}.consent-note{min-height:1.5em;color:var(--color-brass)}.home-hero{text-align:center;padding:var(--space-3) 0 var(--space-6)}.pack-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0 var(--space-6);box-shadow:var(--shadow-sm)}.pack-card h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.pack-meta{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.history-placeholder{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-6) 0 var(--space-5);color:var(--color-text-muted);text-align:center}.history-placeholder p{font-size:var(--text-sm);margin:0}.history-placeholder.history-summary{background:var(--color-surface);text-align:left;border-style:solid}.small-print{margin-top:var(--space-2)}.screen-question h1{font-size:var(--text-4xl);letter-spacing:-.01em;margin-bottom:var(--space-5);line-height:1.1}.answer-hint{color:var(--color-text-muted);font-size:var(--text-sm)}.countdown{width:168px;height:168px;margin:var(--space-6) 0;justify-content:center;align-items:center;display:flex;position:relative}.countdown-ring{width:100%;height:100%;transform:rotate(-90deg)}.countdown-track{fill:none;stroke:var(--color-line);stroke-width:5px}.countdown-progress{fill:none;stroke:var(--color-brass);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset var(--dur-base) linear;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-brass) 55%, transparent))}.countdown-numeral{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-text);position:absolute}.screen-session{color:var(--color-video-well-ink);border-radius:var(--radius-lg);--color-focus:#e0a83c;--color-curtain-dot:#c2585a;background:#050603}.screen-session .session-status,.screen-session .rec-label{color:var(--color-video-well-ink)}.screen-session .preview-wrap{border-color:#f2ecdc24}.screen-session .btn-stop{width:100%;max-width:320px;padding:var(--space-4) var(--space-6);font-size:var(--text-md);align-self:center}.session-status{color:var(--color-text-muted)}.rec-indicator{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-family:var(--font-mono);display:flex}.rec-dot{background:var(--color-curtain-dot);border-radius:50%;width:12px;height:12px;animation:1.6s ease-in-out infinite rec-pulse}.rec-label{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.rec-elapsed{font-size:var(--text-md);margin-left:auto}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.preview-wrap{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:480px;margin-bottom:var(--space-5);background:#050603;overflow:hidden}.preview-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.mock-preview{justify-content:center;align-items:center;gap:var(--space-3);color:#9aa08c;width:100%;height:100%;font-size:var(--text-sm);flex-direction:column;display:flex}.camera-off-icon{opacity:.75;width:40px;height:40px}.error-panel{background:var(--color-surface);border:1px solid var(--color-curtain);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--color-curtain-text)}.processing-step{color:var(--color-text-muted)}.progress-wrap{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;display:flex}progress{appearance:none;border-radius:var(--radius-pill);background:var(--color-line);border:none;width:100%;height:10px;overflow:hidden}progress::-webkit-progress-bar{background:var(--color-line);border-radius:var(--radius-pill)}progress::-webkit-progress-value{background:var(--color-brass-fill);border-radius:var(--radius-pill);transition:width var(--dur-base) var(--ease-standard)}progress::-moz-progress-bar{background:var(--color-brass-fill);border-radius:var(--radius-pill)}.progress-pct{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;min-width:3ch}.screen-replay{max-width:860px}.section-heading{font-size:var(--text-lg);margin-bottom:var(--space-3)}.replay-video-wrap{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:480px;margin-bottom:var(--space-6);background:#050603;overflow:hidden}.replay-video{object-fit:cover;width:100%;height:100%;display:block}.replay-video-placeholder{justify-content:center;align-items:center;gap:var(--space-3);width:100%;height:100%;padding:var(--space-4);color:var(--color-video-well-ink);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex}.timeline{margin-bottom:var(--space-6)}.timeline-legend{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.timeline-legend-item{align-items:center;gap:var(--space-2);display:flex}.timeline-swatch{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.timeline-swatch-gaze-break{background:var(--lane-gaze-break)}.timeline-swatch-blink-burst{background:var(--lane-blink-burst)}.timeline-swatch-expression{background:var(--lane-expression)}.timeline-swatch-fidget{background:var(--lane-fidget)}.timeline-swatch-pause{background:var(--lane-pause)}.timeline-swatch-filler{background:var(--lane-filler)}.timeline-canvas-wrap{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-line);width:100%;padding:var(--space-2);box-shadow:var(--shadow-sm)}.timeline-canvas{cursor:pointer;width:100%;display:block}.timeline-canvas-inert{cursor:default}.event-list-wrap{margin-bottom:var(--space-6)}.event-list-hint{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.event-list-empty{color:var(--color-text-muted)}.event-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.event-item{align-items:center;gap:var(--space-3);text-align:left;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);display:flex}.event-item:hover:not([aria-disabled=true]){border-color:var(--color-brass);background:var(--color-surface-raised)}.event-item[aria-disabled=true]{opacity:.55;cursor:not-allowed}.scorecard{margin-bottom:var(--space-6)}.composure{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.composure-number{font-family:var(--font-display);font-weight:600;font-size:var(--text-3xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-brass);line-height:1}.composure-label{font-size:var(--text-md);color:var(--color-text-muted)}.sub-score-bars{gap:var(--space-3);margin:0 0 var(--space-5);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.sub-score-row{align-items:center;gap:var(--space-3);grid-template-columns:9rem 1fr 3ch;display:grid}.sub-score-label{color:var(--color-text-muted);font-size:var(--text-sm)}.sub-score-track{border-radius:var(--radius-pill);background:var(--color-line);height:8px;overflow:hidden}.sub-score-fill{background:var(--color-brass-fill);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-base) var(--ease-standard)}.sub-score-value{font-family:var(--font-mono);text-align:right;color:var(--color-text)}.stats-row{gap:var(--space-4) var(--space-5);margin:0 0 var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.stats-row dt{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.stats-row dd{font-family:var(--font-mono);font-size:var(--text-md);margin:0}.honest-note{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-2);font-style:italic}.honest-note-secondary{margin-top:calc(var(--space-2) * -1)}.save-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.save-status{color:var(--color-sage);font-size:var(--text-sm);margin:0}.save-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;width:-moz-fit-content;width:fit-content;display:flex}.save-toggle input{width:1.1em;height:1.1em;accent-color:var(--color-brass-fill)}.save-toggle-note{color:var(--color-text-muted);font-size:var(--text-xs);min-height:1.2em;margin:0}.screen-dashboard{max-width:860px}.dashboard-back{margin-bottom:var(--space-5);align-self:flex-start}.dashboard-status{color:var(--color-text-muted)}.dashboard-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5);text-align:center;color:var(--color-text-muted)}.dashboard-empty-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2)}.dashboard-empty-sub{font-size:var(--text-sm);margin:0}.trend{margin-bottom:var(--space-6)}.trend-chart-wrap{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm)}.trend-chart{width:100%;height:auto;display:block}.trend-line{fill:none;stroke:var(--color-brass-fill);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:var(--color-brass-fill);stroke:var(--color-surface);stroke-width:2px}.trend-label{font-family:var(--font-mono);fill:var(--color-text);font-size:11px}.dash-sub-summary{margin-bottom:var(--space-6)}.dash-sub-summary .sub-score-row{grid-template-columns:9rem 1fr 10rem}.dash-sub-summary .sub-score-value{font-size:var(--text-sm)}.dash-sub-track{position:relative}.dash-sub-best-mark{background:var(--color-sage);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.history-list-wrap{margin-bottom:var(--space-6)}.history-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-item{align-items:center;gap:var(--space-3);text-align:left;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);width:100%;padding:var(--space-3);cursor:pointer;grid-template-columns:auto 1fr auto;display:grid}.history-item:hover{border-color:var(--color-brass);background:var(--color-surface-raised)}.history-item-when{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.history-item-question{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-item-composure{font-family:var(--font-mono);font-size:var(--text-md);color:var(--color-brass);text-align:right}.dashboard-tools{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.wipe-section{border-top:1px solid var(--color-line);padding-top:var(--space-5)}.wipe-confirm{margin-top:var(--space-3);background:var(--color-surface);border:1px solid var(--color-curtain);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.wipe-confirm p{color:var(--color-curtain-text);margin-bottom:var(--space-3)}.wipe-input{font:inherit;font-family:var(--font-mono);width:100%;max-width:220px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);margin-bottom:var(--space-3);display:block}@media (max-width:480px){.screen{padding:var(--space-6) var(--space-4) var(--space-7)}.wordmark{font-size:var(--text-xl)}.btn-large{align-self:stretch}.sub-score-row{grid-template-columns:6rem 1fr 3ch}.dash-sub-summary .sub-score-row{grid-template-columns:6rem 1fr 8rem}.history-item{row-gap:var(--space-1);grid-template-columns:1fr}.history-item-composure{text-align:left}}@media (min-width:560px){.stats-row{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}