:root{color:#f7f7f5;font-synthesis:none;text-rendering:optimizelegibility;--bg:#101113;--surface:#1b1d21;--surface-strong:#24272c;--paper:#f4f2ed;--ink:#17181a;--text:#f7f7f5;--muted:#a8acb3;--accent:#ef6a32;--accent-dark:#c84e1e;--danger:#e05b5b;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background:#101113;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Yu Gothic,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}.app-title{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,5rem);font-weight:800;line-height:1}.home-lead{color:#4c4f54;margin:24px 0 0;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;line-height:1.75}.primary-start-button{background:var(--accent);color:#fff;text-align:center;border-radius:12px;place-content:center;width:100%;min-height:108px;padding:18px 26px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.08;transition:background .14s,transform .14s;display:grid}.primary-start-button:hover{background:var(--accent-dark)}.primary-start-button:active{transform:scale(.98)}.voice-support-note{color:#55585e;margin:14px 0 0;font-size:.92rem;font-weight:600;line-height:1.55}.audio-credit,.privacy-notice{margin:0;font-size:.7rem;line-height:1.65}.audio-credit{color:#666a70}.privacy-notice{color:#5b5f65}.camera-panel,.camera-stage{width:100%;height:100%}.camera-stage{background:#17191d;position:relative;overflow:hidden}.camera-media{z-index:1;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.camera-mirrored{transform:scaleX(-1)}.camera-skeleton{z-index:2;pointer-events:none}.camera-vignette{z-index:3;pointer-events:none;background:linear-gradient(#00000057 0,#0000 20% 72%,#0000009e 100%);position:absolute;inset:0}.camera-placeholder{z-index:5;color:var(--text);text-align:center;place-content:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.camera-placeholder strong{font-size:clamp(1.35rem,4vw,2rem)}.camera-placeholder span{color:var(--muted);font-size:.94rem}.camera-overlay{z-index:10;pointer-events:none;position:absolute;inset:0}.status-panel{color:var(--text);gap:14px;display:grid}.status-main-message{margin:0;font-weight:800;line-height:1.35}.calibration-progress{gap:8px;display:grid}.calibration-progress-label{justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;font-weight:700;display:flex}.calibration-progress progress{background:#ffffff2e;border:0;border-radius:4px;width:100%;height:8px;overflow:hidden}.calibration-progress progress::-webkit-progress-bar{background:#ffffff2e}.calibration-progress progress::-webkit-progress-value{background:var(--accent)}.transcript-line{gap:4px;margin:0;display:grid}.transcript-line span{color:var(--muted);font-size:.8rem}.error-box{border-left:4px solid var(--danger);background:#481111e0;padding:12px 14px}.error-box p{margin:5px 0 0}.training-metrics{z-index:12}.training-count{gap:6px;display:grid}.training-count-value{color:var(--text);letter-spacing:-.06em;font-weight:800;line-height:.9;animation:.36s ease-out count-pulse}.training-count span{color:var(--text);text-shadow:0 2px 10px #000000b8;font-weight:700}@keyframes count-pulse{0%{transform:scale(1)}42%{transform:scale(1.08)}to{transform:scale(1)}}.control-panel{z-index:15}.voice-controls{gap:10px;display:grid}.voice-retry-button,.secondary-button,.manual-start-button,.countdown-cancel-button,.session-exit-button,.training-stop-button,.result-reset-button{border-radius:10px;min-height:52px;padding:0 18px;font-weight:750}.voice-retry-button,.manual-start-button,.training-stop-button,.result-reset-button{background:var(--accent);color:#fff}.secondary-button,.countdown-cancel-button,.session-exit-button{color:var(--text);background:#101113db;border:1px solid #ffffff38}.manual-start-disclosure{background:#101113e0;border:1px solid #ffffff2e;border-radius:10px;padding:10px 12px}.manual-start-disclosure summary{cursor:pointer;color:#e0e1e3;text-align:center;min-height:38px;font-weight:700;line-height:38px}.manual-start-row{gap:10px;padding-top:8px;display:grid}.manual-target{gap:6px;display:grid}.manual-target span{color:var(--muted);font-size:.82rem}.manual-target input{width:100%;min-height:48px;color:var(--text);background:#14161a;border:1px solid #ffffff3d;border-radius:8px;padding:0 12px}.countdown-overlay{z-index:30;color:var(--text);background:#0000007a;place-items:center;display:grid;position:absolute;inset:0}.countdown-overlay strong{font-size:clamp(8rem,28vw,18rem);font-weight:800;line-height:1}.debug-panel{color:var(--text);font-size:.78rem}.debug-panel summary{cursor:pointer;font-weight:700}.debug-panel-overlay{z-index:40;top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));background:#000c;border-radius:8px;max-width:min(86vw,520px);padding:10px 12px;position:absolute}.debug-panel-inline{background:#14161a;border:1px solid #383b42;border-radius:8px;padding:14px}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.debug-grid div{border-bottom:1px solid #30333a;padding:8px}.debug-grid dt{color:var(--muted)}.debug-grid dd{overflow-wrap:anywhere;margin:3px 0 0}.debug-transcript{grid-column:1/-1}.result-panel{color:var(--text);display:grid}.result-hero h1{letter-spacing:-.04em;margin:0;font-weight:800;line-height:1}.result-hero p{color:#ffb7b7;max-width:680px;margin:16px 0 0;font-weight:650;line-height:1.6}.result-count-block{border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);color:var(--text);text-align:center;place-content:center;display:grid}.result-count-block strong{letter-spacing:-.06em;font-weight:800;line-height:.9}.result-count-block p{color:var(--muted);margin:12px 0 0;font-weight:700}.result-values{border-top:1px solid #383b42;border-bottom:1px solid #383b42;margin:0;display:grid}.result-values div{border-right:1px solid #383b42}.result-values div:last-child{border-right:0}.result-values dt{color:var(--muted);font-size:.78rem;font-weight:650}.result-values dd{margin:8px 0 0;font-weight:800}.result-reset-button{font-size:1.08rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-start-screen{min-height:100dvh;padding:calc(28px + var(--safe-top)) max(20px, calc(20px + var(--safe-right))) max(24px, calc(18px + var(--safe-bottom))) max(20px, calc(20px + var(--safe-left)));background:var(--paper);color:var(--ink);grid-template-rows:1fr auto auto;gap:24px;display:grid;overflow-y:auto}.mobile-home-hero{align-self:center}.mobile-home-hero h1{letter-spacing:-.06em;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(3.4rem,17vw,5.6rem);font-weight:800;line-height:.92}.mobile-home-actions{align-self:end}.mobile-home-footer{gap:7px;display:grid}.mobile-camera-session{background:var(--bg);width:100%;height:100dvh;min-height:480px;color:var(--text);position:relative;overflow:hidden}.mobile-camera-session .status-panel{right:calc(12px + var(--safe-right));bottom:calc(24px + var(--safe-bottom));left:calc(12px + var(--safe-left));z-index:12;background:#101113e0;border:1px solid #fff3;border-radius:12px;padding:18px;position:absolute}.mobile-camera-session .status-main-message{text-align:center;font-size:clamp(1.6rem,7vw,2.35rem)}.mobile-camera-session.camera-session-ready .status-panel,.mobile-camera-session.camera-session-listening .status-panel{bottom:calc(224px + var(--safe-bottom))}.mobile-camera-session.camera-session-running .status-panel{bottom:calc(92px + var(--safe-bottom));background:#461111e6;border-color:#e05b5bad}.mobile-camera-session .control-panel{z-index:16;position:absolute}.mobile-camera-session .control-panel-ready,.mobile-camera-session .control-panel-listening{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));left:calc(12px + var(--safe-left))}.mobile-camera-session .control-panel-preparing,.mobile-camera-session .control-panel-calibrating{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right))}.mobile-camera-session .control-panel-countdown{bottom:calc(18px + var(--safe-bottom));left:50%;transform:translate(-50%)}.mobile-camera-session .control-panel-running{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));left:calc(12px + var(--safe-left))}.mobile-camera-session .training-stop-button{width:100%;min-height:60px}.mobile-camera-session .training-metrics{top:calc(20px + var(--safe-top));left:calc(16px + var(--safe-left));position:absolute}.mobile-camera-session .training-count-value{text-shadow:0 4px 22px #000000b8;font-size:clamp(6.2rem,29vw,9rem)}.mobile-camera-session .training-count span{margin-top:8px;font-size:clamp(1.25rem,5vw,1.7rem)}.mobile-result-screen{min-height:100dvh;padding:calc(24px + var(--safe-top)) max(18px, calc(18px + var(--safe-right))) max(88px, calc(70px + var(--safe-bottom))) max(18px, calc(18px + var(--safe-left)));background:var(--bg);grid-template-rows:auto 1fr auto auto;gap:20px;display:grid;overflow-y:auto}.result-app-title{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,9vw,3.1rem);font-weight:800}.mobile-result-screen .result-panel{grid-template-columns:1fr;align-content:center;gap:22px}.mobile-result-screen .result-hero h1{font-size:clamp(3.2rem,15vw,5.2rem)}.mobile-result-screen .result-count-block{justify-self:center;width:min(72vw,280px);min-height:170px}.mobile-result-screen .result-count-block strong{font-size:clamp(5rem,22vw,7.5rem)}.mobile-result-screen .result-values{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-result-screen .result-values div{text-align:center;padding:14px 8px}.mobile-result-screen .result-values dd{font-size:clamp(1rem,4.5vw,1.35rem)}.mobile-result-screen .result-reset-button{min-height:60px}.mobile-result-screen .result-audio-credit{text-align:center}@media (width<=420px){.mobile-home-hero h1{font-size:clamp(3rem,16vw,4.7rem)}.primary-start-button{min-height:100px;font-size:clamp(1.7rem,8vw,2.2rem)}.mobile-result-screen .result-values dt{font-size:.68rem}}@media (orientation:landscape) and (height<=620px){.mobile-start-screen{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);column-gap:34px}.mobile-home-footer{grid-column:1/-1}.mobile-home-actions{align-self:center}.mobile-camera-session .status-panel{right:calc(14px + var(--safe-right));bottom:calc(14px + var(--safe-bottom));width:min(44vw,520px);left:auto}.mobile-camera-session.camera-session-ready .status-panel,.mobile-camera-session.camera-session-listening .status-panel{right:calc(46vw + var(--safe-right));bottom:calc(14px + var(--safe-bottom));left:calc(14px + var(--safe-left));width:auto}.mobile-camera-session .control-panel-ready,.mobile-camera-session .control-panel-listening{right:calc(14px + var(--safe-right));bottom:calc(14px + var(--safe-bottom));width:min(42vw,430px);left:auto}}.desktop-start-screen{background:var(--paper);min-height:100vh;color:var(--ink);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.25fr) minmax(360px,.55fr);align-items:center;gap:clamp(40px,7vw,110px);padding:clamp(36px,5vw,76px);display:grid}.desktop-home-hero h1{letter-spacing:-.065em;overflow-wrap:anywhere;max-width:900px;margin:0;font-size:clamp(5rem,9vw,10rem);font-weight:800;line-height:.88}.desktop-home-actions{align-self:center}.desktop-home-footer{grid-column:1/-1;justify-content:space-between;align-items:end;gap:40px;display:flex}.desktop-home-footer .privacy-notice{text-align:right;max-width:680px}.desktop-camera-session{background:var(--bg);width:100%;height:100vh;min-height:650px;color:var(--text);grid-template-columns:minmax(0,1.75fr) minmax(340px,.65fr);display:grid;overflow:hidden}.desktop-camera-column{border-right:1px solid #34373d;min-width:0;position:relative;overflow:hidden}.desktop-camera-column .camera-panel{height:100%}.desktop-session-sidebar{background:#15171a;grid-template-rows:auto 1fr auto;min-width:0;display:grid;overflow-y:auto}.desktop-session-header{border-bottom:1px solid #34373d;padding:26px 28px 22px}.desktop-session-header .app-title{font-size:clamp(2.2rem,3vw,4rem)}.desktop-session-content{align-content:start;gap:22px;padding:28px;display:grid}.desktop-session-content .status-panel,.desktop-session-content .training-metrics{border-top:2px solid var(--accent);border-bottom:1px solid #34373d;padding:22px 0}.desktop-session-content .status-main-message{font-size:clamp(1.7rem,2.5vw,2.55rem)}.desktop-session-content .training-count-value{font-size:clamp(7rem,10vw,11rem)}.desktop-session-content .training-count span{margin-top:10px;font-size:clamp(1.5rem,2.1vw,2.1rem)}.desktop-session-content .control-panel{position:static}.desktop-session-content .session-exit-button,.desktop-session-content .countdown-cancel-button,.desktop-session-content .training-stop-button{width:100%;min-height:58px}.desktop-detection-warning{border-left:5px solid var(--danger);background:#40171a;margin:0;padding:16px 18px;font-size:1.2rem;font-weight:750}.desktop-session-credit{color:#8f949c;border-top:1px solid #34373d;padding:18px 28px 24px}.desktop-result-screen{background:var(--bg);grid-template-rows:auto 1fr auto;gap:32px;min-height:100vh;padding:clamp(34px,5vw,76px);display:grid}.desktop-result-screen>.app-title{font-size:clamp(3rem,5vw,6rem)}.desktop-result-screen .result-panel{grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);align-items:center;gap:clamp(32px,6vw,84px)}.desktop-result-screen .result-hero h1{font-size:clamp(5rem,8vw,9.5rem)}.desktop-result-screen .result-count-block{min-height:300px}.desktop-result-screen .result-count-block strong{font-size:clamp(8rem,12vw,12rem)}.desktop-result-screen .result-values{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-result-screen .result-values div{padding:22px}.desktop-result-screen .result-values dd{font-size:clamp(1.6rem,2.8vw,3rem)}.desktop-result-actions{justify-content:space-between;align-items:center;gap:30px;display:flex}.desktop-result-actions .result-reset-button{min-width:320px;min-height:62px}.desktop-result-actions .result-audio-credit{color:#8f949c}@media (width<=1120px){.desktop-start-screen{grid-template-columns:minmax(0,1fr) minmax(330px,.7fr)}.desktop-camera-session{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}}