:root{--color-brand-primary:#3a5fb0;--color-brand-primary-light:#5b7ec9;--color-brand-light-blue-1:#c9d4e8;--color-brand-light-blue-2:#b8c6e0;--color-brand-light-blue-3:#a9bad8;--color-surface-card-page:#f0f3f9;--color-surface-icon:#eaf0fd;--color-surface-white:#fff;--color-text-primary:#2a3d6e;--color-text-secondary:#2a3d6e;--color-text-ink:#0d1830;--color-text-disabled:#c0cbdf;--color-border-stroke:#e4e9f2;--color-border-divider:#e5e7ea;--color-state-success:#3a5fb0;--color-state-error:#b32b18;--color-state-error-bg:#f9d7d2;--color-state-warning:#a15c00;--color-state-warning-bg:#fbead1;--color-state-info:#3363d4;--color-state-info-bg:#eaf0fd;--color-icon-default:#3a5fb0;--gradient-icon:linear-gradient(90deg, #5579c8 0%, #34539f 100%);--gradient-button:linear-gradient(135deg, var(--color-brand-primary-light) 0%, var(--color-brand-primary) 100%);--gradient-page:linear-gradient(180deg, var(--color-brand-light-blue-1) 0%, var(--color-brand-light-blue-2) 50%, var(--color-brand-light-blue-3) 100%);--gradient-glow:radial-gradient(circle 170px at calc(100% - 50px) 70px, #a0b4dc73 0%, #a0b4dc00 70%);--color-bar-upcoming:var(--color-brand-light-blue-2);--font-primary:"DM Sans Variable", "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-h1-size:34px;--text-h1-line:42.5px;--text-h1-weight:800;--text-h2-size:26px;--text-h2-line:32.5px;--text-h2-weight:800;--text-h3-size:21px;--text-h3-line:28px;--text-h3-weight:800;--text-b1-size:16px;--text-b1-line:24px;--text-b1-weight:400;--text-b2-size:16px;--text-b2-line:24px;--text-b2-weight:600;--text-l1-size:16px;--text-l1-line:16px;--text-l1-weight:700;--text-l1-tracking:1.5px;--text-l2-size:16px;--text-l2-line:16px;--text-l2-weight:700;--text-l2-tracking:1px;--text-c1-size:14px;--text-c1-line:18px;--text-c1-weight:400;--text-button-size:18px;--text-button-line:24px;--text-button-weight:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-gap-icon:14px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:28px;--radius-sm:8px;--radius-chip:10px;--radius-icon:12px;--radius-button:14px;--radius-task:16px;--radius-card:20px;--radius-xl:24px;--radius-sheet:28px;--shadow-card:0 8px 24px #2a3d6e14;--shadow-button:0 8px 20px #3a5fb047;--shadow-emblem:0 4px 9px #3a5fb04d}@font-face{font-family:DM Sans Variable;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../fonts/dm-sans-latin-wght-normal.woff2)format("woff2")}:root{--page-x:24px;--sheet-x:20px;--content-max:430px;--ease-out:cubic-bezier(.22, 1, .36, 1);--screen-in:.28s;--color-halo:#5b7ec92e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--color-brand-light-blue-2)}body{min-height:100vh;min-height:100dvh;font-family:var(--font-primary);font-size:var(--text-b1-size);line-height:var(--text-b1-line);font-weight:var(--text-b1-weight);color:var(--color-text-primary);background:var(--gradient-glow), var(--gradient-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-repeat:no-repeat;margin:0}html[data-state=countdown],html[data-state=recording],html[data-state=countdown] body,html[data-state=recording] body{overscroll-behavior:none}html[data-state=countdown] .app,html[data-state=recording] .app{touch-action:none}h1,h2,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit;color:inherit}img,svg,canvas{display:block}[hidden]{display:none!important}[tabindex="-1"]:focus{outline:none}.app{width:100%;max-width:var(--content-max);min-height:100vh;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.screens,.screen{flex-direction:column;flex:1;display:flex}html[data-booted] .screen:not([hidden]){animation:screen-in var(--screen-in) var(--ease-out) both}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}}.display{letter-spacing:-.02em;color:var(--color-text-primary);text-wrap:balance;font-size:clamp(34px,11.2vw,48px);font-weight:800;line-height:1.08}.h1{font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:var(--text-h1-weight);letter-spacing:-.64px;color:var(--color-text-primary);text-wrap:balance}.btn{border-radius:var(--radius-button);background:var(--gradient-button);width:100%;min-height:64px;box-shadow:var(--shadow-button);color:var(--color-surface-white);font-size:20px;line-height:24px;font-weight:var(--text-button-weight);letter-spacing:.3px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), opacity .16s var(--ease-out);border:0;justify-content:center;align-items:center;gap:12px;padding:18px 24px;display:flex}.btn:active{transform:scale(.98);box-shadow:0 4px 12px #3a5fb03d}.btn:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:3px}.btn__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:28px;height:28px}.card{background:var(--color-surface-white);border:1px solid var(--color-border-stroke);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.sheet{padding:28px max(var(--sheet-x), var(--safe-right)) calc(28px + var(--safe-bottom)) max(var(--sheet-x), var(--safe-left));background:var(--color-surface-card-page);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;flex-direction:column;flex:1;display:flex}.actions{flex-direction:column;gap:16px;display:flex}.hero{padding:0 max(var(--page-x), var(--safe-right)) 0 max(var(--page-x), var(--safe-left))}.screen--intro{padding:calc(24px + var(--safe-top)) 0 calc(24px + var(--safe-bottom))}.screen--intro:before,.screen--intro:after{content:"";flex:36 0 0}.screen--intro:after{flex-grow:64}.screen--intro .hero{padding-bottom:28px}.question{letter-spacing:-.01em;color:var(--color-brand-primary);text-wrap:balance;margin-top:14px;font-size:clamp(21px,6.1vw,26px);font-weight:800;line-height:1.25}.motif{justify-content:space-between;align-items:center;height:clamp(72px,15vh,150px);margin-bottom:28px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%)}.motif i{width:4px;height:calc(var(--h) * 100%);background:var(--color-surface-white);opacity:.6;border-radius:2px;flex:none}.intro-card{margin:0 max(var(--sheet-x), var(--safe-right)) 0 max(var(--sheet-x), var(--safe-left));text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 20px 20px;display:flex}.lead{color:var(--color-text-ink);text-wrap:balance;font-size:18px;font-weight:600;line-height:26px}.start{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;align-items:center;padding:16px 20px 4px;display:flex}.start__circle{width:88px;height:88px;color:var(--color-surface-white);isolation:isolate;transition:transform .12s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.start__circle:before,.start__circle:after{content:"";z-index:-1;border-radius:50%;position:absolute}.start__circle:before{background:var(--color-halo);animation:2.4s ease-in-out infinite halo-breathe;top:-11px;bottom:-11px;left:-11px;right:-11px}.start__circle:after{background:var(--gradient-button);box-shadow:var(--shadow-button);top:0;bottom:0;left:0;right:0}@keyframes halo-breathe{50%{opacity:.55;transform:scale(1.08)}}.start__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:36px;height:36px}.start__label{font-size:var(--text-button-size);line-height:var(--text-button-line);font-weight:var(--text-button-weight);color:var(--color-text-primary);margin-top:14px}.start:active .start__circle{transform:scale(.96)}.start:focus-visible{outline:none}.start:focus-visible .start__circle{outline:3px solid var(--color-brand-primary);outline-offset:4px}.start[data-busy]{cursor:progress}.start[data-busy] .start__circle{opacity:.85}.start[data-busy] .start__circle:before{animation-play-state:paused}.privacy{margin:14px max(var(--sheet-x), var(--safe-right)) 0 max(var(--sheet-x), var(--safe-left));font-size:var(--text-c1-size);line-height:var(--text-c1-line);color:var(--color-text-primary);justify-content:center;align-items:center;gap:6px;display:flex}.privacy__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.screen--countdown{justify-content:center;align-items:center}.countdown{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-size:min(168px,44vw);font-weight:800;line-height:1}.countdown__digit{display:inline-block}.countdown__digit.is-ticking{animation:tick 1s var(--ease-out) both}@keyframes tick{0%{opacity:0;transform:scale(.72)}24%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.screen--recording{justify-content:center}.screen--recording .stage{padding-bottom:calc(28px + var(--safe-bottom));flex:none}.hero--compact{padding-top:calc(28px + var(--safe-top));flex:none;padding-bottom:24px}.rec-hint{font-size:var(--text-b1-size);line-height:var(--text-b1-line);font-weight:var(--text-b1-weight);color:var(--color-text-primary);margin-top:8px}.screen--analyzing .hero--compact,.screen--results .hero--compact{padding-top:calc(44px + var(--safe-top))}.stage{padding:0 max(var(--sheet-x), var(--safe-right)) calc(40px + var(--safe-bottom)) max(var(--sheet-x), var(--safe-left));flex-direction:column;flex:1;justify-content:center;display:flex}.rec-card{padding:28px 20px 24px}.wave{height:clamp(140px,30vh,280px)}.wave__canvas{width:100%;height:100%}.rec-meta{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:24px;display:grid}.rec-meta__time{font-size:var(--text-b2-size);line-height:var(--text-b2-line);font-weight:var(--text-b2-weight);font-variant-numeric:tabular-nums;color:var(--color-text-primary);justify-self:end}.rec-meta__rec{font-size:var(--text-l2-size);line-height:var(--text-l2-line);font-weight:var(--text-l2-weight);letter-spacing:var(--text-l2-tracking);color:var(--color-brand-primary);justify-self:start;align-items:center;gap:8px;display:inline-flex}.rec-dot{background:var(--color-state-error);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.35;transform:scale(.8)}}.emblem{background:var(--gradient-button);width:64px;height:64px;box-shadow:var(--shadow-emblem), 0 0 0 calc(var(--level,0) * 18px) var(--color-halo);color:var(--color-surface-white);border-radius:50%;place-items:center;display:grid}.emblem svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.screen--analyzing .sheet{justify-content:center}.steps{gap:12px;display:grid}.step{align-items:center;gap:var(--spacing-gap-icon);background:var(--color-surface-white);border:1px solid var(--color-border-stroke);border-radius:var(--radius-task);opacity:0;padding:15px 17px;display:flex}.step[data-done]{animation:step-in .36s var(--ease-out) both}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.step__icon{background:var(--color-surface-icon);width:44px;height:44px;color:var(--color-brand-primary);border-radius:50%;flex:none;place-items:center;display:grid}.step__icon svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;width:22px;height:22px}.step[data-done] .step__icon svg{animation:draw .42s .16s var(--ease-out) forwards}@keyframes draw{to{stroke-dashoffset:0}}.step__label{font-size:var(--text-b1-size);color:var(--color-text-ink);font-weight:700;line-height:20px}.metrics{--metric-x:24px;gap:10px;display:grid}.metric--primary,.metrics__list{background:var(--color-surface-white);border:1px solid var(--color-border-stroke);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.metric,.metrics__list{min-width:0;animation:metric-in .56s var(--ease-out) var(--reveal-delay,0s) both}@keyframes metric-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.metric--primary{padding:20px var(--metric-x) 18px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name sub""value value""contour contour";align-items:baseline;column-gap:10px;display:grid}.metrics__list .metric{padding:10px var(--metric-x);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value""sub value";align-items:center;column-gap:12px;animation-name:row-in;animation-duration:.42s;display:grid;position:relative}.metrics__list .metric+.metric:before{content:"";top:0;right:var(--metric-x);left:var(--metric-x);border-top:1px solid var(--color-border-divider);position:absolute}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.metric__name{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:13px;font-weight:700;line-height:16px;overflow:hidden}.metric--primary .metric__name{font-size:var(--text-l2-size);line-height:var(--text-l2-line);letter-spacing:var(--text-l2-tracking)}.metric__value{white-space:nowrap;grid-area:value;align-items:baseline;gap:4px;display:flex}.metric--primary .metric__value{gap:8px;margin-top:12px}.metric__num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-size:clamp(26px,8.4vw,34px);font-weight:800;line-height:1;display:inline-block;position:relative}.metric--primary .metric__num{letter-spacing:-.03em;font-size:clamp(60px,18vw,76px)}.metric__ghost{visibility:hidden}.metric__live{white-space:nowrap;position:absolute;top:0;left:0}.metric__unit{color:var(--color-brand-primary);animation:unit-in .24s var(--ease-out) var(--unit-delay,0s) both;font-size:17px;font-weight:700;line-height:1}@keyframes unit-in{0%{opacity:0}}.metric--primary .metric__unit{font-size:28px}.metric__sub{color:var(--color-text-primary);opacity:.7;white-space:nowrap;animation:unit-in .24s var(--ease-out) var(--unit-delay,0s) both;grid-area:sub;margin-top:6px;font-size:13px;font-weight:600;line-height:16px}.metric--primary .metric__sub{margin-top:0}.contour{grid-area:contour;width:100%;height:56px;margin-top:16px}.contour__stop{stop-color:var(--color-brand-primary);stop-opacity:.14}.contour__stop--end{stop-opacity:0}.contour__line{fill:none;stroke:var(--color-brand-primary-light);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:contour-draw .7s cubic-bezier(.33, 1, .68, 1) var(--reveal-delay,0s) backwards}.contour__area{animation:fade-in .7s ease-out var(--reveal-delay,0s) backwards}@keyframes contour-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}.readout{font-size:var(--text-c1-size);line-height:var(--text-c1-line);color:var(--color-text-primary);opacity:.75;text-align:center;text-wrap:balance;animation:unit-in .4s var(--ease-out) var(--reveal-delay,0s) both;margin-top:14px}.quality-hint{margin-top:2px}@media (max-width:374px){.metrics{--metric-x:20px}}.explain{background:var(--color-surface-white);border:1px solid var(--color-border-stroke);border-radius:var(--radius-task);margin-top:14px}.explain__summary{border-radius:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:48px;padding:16px 48px 16px 18px;list-style:none;display:block;position:relative}.explain__summary::-webkit-details-marker{display:none}.explain__summary:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:2px}.explain__title{font-size:var(--text-l1-size);line-height:var(--text-l1-line);font-weight:var(--text-l1-weight);letter-spacing:var(--text-l1-tracking);text-transform:uppercase;color:var(--color-brand-primary);display:block}.explain__chevron{fill:none;width:20px;height:20px;stroke:var(--color-brand-primary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease-out);margin-top:-10px;position:absolute;top:50%;right:16px}.explain[open] .explain__chevron{transform:rotate(180deg)}.explain__list{font-size:var(--text-c1-size);line-height:var(--text-c1-line);color:var(--color-text-primary);gap:8px;padding:0 18px 18px;display:grid}.explain[open] .explain__list{animation:fade-in .2s var(--ease-out) both}.explain__list b{font-weight:700}.screen--results .sheet{padding-top:24px;padding-bottom:calc(14px + var(--safe-bottom))}.screen--results .actions{margin:20px 0}.quality-hint:not([hidden])~.actions{margin-block-start:16px;margin-block-end:16px}.brand-link{border-radius:var(--radius-sm);min-height:44px;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);justify-content:center;align-self:center;align-items:center;margin-top:auto;padding:6px 12px;text-decoration:none;display:flex}.brand-link:active{opacity:.6;transform:scale(.97)}.brand-link:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:2px}.wordmark{width:120px;height:auto}.screen--error .stage{padding-top:calc(40px + var(--safe-top))}.error-card{text-align:center;background:var(--color-surface-card-page);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid #ffffff8c;flex-direction:column;align-items:center;padding:32px 20px 20px;display:flex}.error-card__icon{background:var(--color-surface-icon);width:64px;height:64px;color:var(--color-brand-primary);border-radius:50%;place-items:center;display:grid}.error-card__icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.error-card__message{font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:var(--text-h3-weight);color:var(--color-text-primary);text-wrap:balance;margin:20px 4px 0}.error-card__diagnostics{color:var(--color-text-primary);opacity:.6;text-wrap:balance;margin:10px 4px 0;font-size:13px;line-height:16px}.error-card .btn{margin-top:28px;padding-inline-start:16px;padding-inline-end:16px}@media (max-height:700px){.motif{height:clamp(56px,12vh,150px);margin-bottom:20px}.screen--intro .hero{padding-bottom:24px}}@media (max-height:560px){.hero--compact,.screen--analyzing .hero--compact,.screen--results .hero--compact{padding-top:calc(12px + var(--safe-top));padding-bottom:12px}.display{font-size:32px}.screen--intro{padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom))}.screen--intro .hero{padding-bottom:20px}.motif{height:48px;margin-bottom:16px}.start__circle{width:80px;height:80px}.screen--analyzing .sheet{padding-top:16px;padding-bottom:calc(16px + var(--safe-bottom))}.steps{gap:8px}.stage,.screen--recording .stage{padding-bottom:calc(12px + var(--safe-bottom))}.screen--error .stage{padding-top:calc(12px + var(--safe-top))}.rec-card{padding:14px 16px}.wave{height:88px}.rec-meta{margin-top:12px}}@media (prefers-reduced-motion:reduce){html[data-booted] .screen:not([hidden]){animation-name:fade-in}.countdown__digit.is-ticking,.rec-dot,.start__circle:before,.explain[open] .explain__list{animation:none}.step[data-done],.metric,.metrics__list,.metrics__list .metric{animation:.2s linear both fade-in}.metric__unit,.metric__sub,.readout,.contour__line,.contour__area{animation:none}.step__icon svg,.step[data-done] .step__icon svg{stroke-dashoffset:0;animation:none}.emblem{box-shadow:var(--shadow-emblem)}.btn,.brand-link,.start__circle,.explain__chevron{transition:none}}@keyframes fade-in{0%{opacity:0}}