:root{color:#f7f8fc;font-synthesis:none;--bg:#080d1a;--panel:#11182a;--line:#26314a;--mint:#56e7bd;--purple:#9775fa;--muted:#9aa6bc;--danger:#ff6b7a;background:#080d1a;font-family:Arial,Noto Sans Hebrew,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#16213d 0,transparent 37%),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}.app>header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#080d1add;border-bottom:1px solid #1d263a;justify-content:space-between;align-items:center;height:78px;padding:0 max(24px,50vw - 590px);display:flex;position:relative}.brand{color:#fff;text-align:right;background:0 0;border:0;align-items:center;gap:12px;font-size:19px;font-weight:800;display:flex}.brand small{color:var(--muted);font-size:11px;font-weight:500;display:block}.brand-mark{color:#07121a;background:linear-gradient(135deg,var(--mint),#45a7d9);border-radius:13px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}main{flex:1;width:min(1180px,100% - 40px);margin:0 auto;padding:46px 0 70px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(32px,5vw,56px);line-height:1.08}h1 em{color:var(--mint);font-style:normal}p{color:var(--muted);line-height:1.65}.home{grid-template-columns:1fr 1fr;align-items:center;gap:56px;min-height:540px;display:grid}.hero h1{letter-spacing:-2px;margin-top:22px;font-size:clamp(48px,7vw,82px)}.hero h1 em{background:linear-gradient(90deg,var(--mint),#76bfff);color:#0000;-webkit-background-clip:text}.hero p{max-width:530px;font-size:19px}.privacy-pill{color:#8ef5d5;background:#122a29;border:1px solid #286656;border-radius:999px;padding:7px 13px;font-size:13px;display:inline-block}.primary-actions{gap:16px;display:grid}.action-card{border:1px solid var(--line);color:#fff;text-align:right;background:linear-gradient(135deg,#151f34,#101729);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:130px;padding:24px;transition:all .2s;display:grid}.action-card:hover{border-color:var(--mint);transform:translateY(-2px);box-shadow:0 15px 45px #0006}.action-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.action-card strong{font-size:26px;display:block}.action-card small{color:var(--muted)}.action-card b{font-size:26px}.action-icon{background:#23304a;border-radius:18px;place-items:center;width:60px;height:60px;font-size:34px;display:grid}.teach .action-icon{color:#081514;background:var(--mint)}.recognize .action-icon{color:#fff;background:var(--purple)}.home-links{grid-column:1/-1;justify-content:center;gap:12px;display:flex}.home-links button{color:var(--muted);background:0 0;border:0;padding:12px 18px}.home-links b{color:#fff}.narrow{max-width:720px;margin:0 auto}.step{color:var(--mint);margin-bottom:12px;font-size:14px;font-weight:700}.form-card,.settings-card,.privacy-card,.capture-panel,.result-card,.dashboard{border:1px solid var(--line);background:linear-gradient(145deg,#141d31,#0f1627);border-radius:24px;padding:28px}.form-card{gap:12px;margin-top:32px;display:grid}.form-card label,.settings-card label{font-weight:700}.form-card input,.evaluation-picker select{color:#fff;background:#0a1020;border:1px solid #34415d;border-radius:14px;outline:none;width:100%;padding:18px;font-size:22px}.form-card input:focus,.evaluation-picker select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #56e7bd22}.primary,.ghost,.danger,.record-button{border:1px solid #0000;border-radius:13px;padding:13px 20px;font-weight:700}.primary{color:#071512;background:var(--mint)}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{color:#dbe3f1;background:#151e31;border-color:#33405b}.danger{color:#ffb7bf;background:#351823;border-color:#65303a}.compact{padding:9px 14px}.section-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.section-title h1{font-size:42px}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.empty{text-align:center;border:1px dashed #34405b;border-radius:24px;padding:70px 24px}.empty>span{font-size:56px}.sign-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.sign-card{color:#fff;border:1px solid var(--line);background:#11192b;border-radius:20px;flex-direction:column;align-items:flex-start;gap:18px;min-height:160px;padding:24px;display:flex;position:relative}.sign-card:hover{border-color:var(--mint)}.sign-card .word{font-size:34px;font-weight:800}.badge{color:#ffd181;background:#342b1d;border-radius:999px;padding:5px 10px;font-size:12px}.badge.ready{color:#7bf1cf;background:#15352e}.arrow{position:absolute;bottom:25px;left:24px}.capture-layout,.recognition-stage{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:22px;display:grid}.camera-shell{aspect-ratio:4/3;border:1px solid var(--line);background:#02040a;border-radius:24px;position:relative;overflow:hidden}.camera-shell video,.camera-shell canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-shell canvas{z-index:2}.camera-message{z-index:3;color:#fff;text-align:center;background:#090f1dde;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex;position:absolute;inset:0}.camera-message small{color:#ffbcc3}.spinner{border:3px solid #fff3;border-top-color:var(--mint);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.detection{color:#f1b86a;margin-top:10px;font-size:13px}.detection.active{color:var(--mint)}.capture-panel{text-align:center;flex-direction:column;justify-content:center;align-items:stretch;display:flex}.progress-ring{border:7px solid #26334b;border-top-color:var(--mint);border-radius:50%;place-content:center;width:116px;height:116px;margin:0 auto 20px;display:grid}.progress-ring strong{font-size:40px;line-height:1}.progress-ring span{color:var(--muted);font-size:12px}.record-button{color:#fff;background:linear-gradient(135deg,#ed5575,#c9355e);margin:12px 0;font-size:18px}.capture-panel .ghost{margin-bottom:10px}.status{color:var(--muted)}.examples{margin-top:26px}.examples>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr auto;padding:13px 16px;display:grid}.examples small{color:var(--muted)}.examples button{color:#ff8c99;background:0 0;border:0}.result-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.result-card>span,.result-card>small{color:var(--muted)}.result-card>strong{margin:25px 0;font-size:clamp(40px,6vw,72px);line-height:1.1}.result-card.known{border-color:#397d6c;box-shadow:inset 0 0 60px #56e7bd0c}.result-card.known>strong{color:var(--mint)}.result-card .primary{width:100%;margin-top:25px}.speech{margin-top:14px;font-size:13px}.debug-panel{background:#070b13;border:1px solid #24304a;border-radius:18px;margin-top:20px;padding:20px;font-family:ui-monospace,monospace}.debug-panel dl{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.debug-panel dl div{background:#101728;padding:10px}.debug-panel dt{color:var(--muted);font-size:11px}.debug-panel dd{text-overflow:ellipsis;margin:3px 0 0;overflow:hidden}.evaluation-picker{max-width:360px;margin-bottom:24px}.evaluation-picker label{gap:8px;font-weight:700;display:grid}.evaluation-picker select{font-size:17px}.evaluation-camera{margin-bottom:30px}.notice-inline{color:var(--mint);font-weight:700}.dashboard{margin-top:30px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metrics>div{text-align:center;background:#0a1020;border-radius:14px;padding:18px}.metrics strong{color:var(--mint);font-size:30px;display:block}.metrics span{color:var(--muted);font-size:12px}.table-wrap{margin-top:24px;overflow:auto}table{border-collapse:collapse;text-align:right;width:100%}th,td{border-bottom:1px solid var(--line);white-space:nowrap;padding:11px}th{color:var(--muted);font-size:12px}.settings{gap:18px;display:grid}.settings h1{font-size:44px}.settings-card label{gap:12px;display:grid}.settings-card input[type=range]{width:100%;accent-color:var(--mint)}.settings-card small{color:var(--muted)}.toggle{flex-direction:row;align-items:center;margin-top:28px;display:flex!important}.toggle input{width:20px;height:20px;accent-color:var(--mint)}.privacy-card{background:#102521;border-color:#265d52}.capture-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#050913dd;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.capture-overlay span{font-size:24px}.capture-overlay strong{color:var(--mint);font-size:130px;line-height:1.1}.capture-overlay small{color:var(--muted);font-size:17px}.toast{z-index:30;background:#20342f;border:1px solid #3b7e6d;border-radius:14px;padding:13px 18px;position:fixed;bottom:24px;right:50%;transform:translate(50%);box-shadow:0 8px 30px #0008}.toast button{color:#fff;background:0 0;border:0;margin-right:20px;font-size:20px}footer{text-align:center;color:#68758d;padding:22px;font-size:12px}.center-card{text-align:center;padding:100px}.camera-screen .section-title{margin-bottom:14px}.camera-screen .section-title h1{font-size:clamp(30px,4vw,44px)}.camera-column{min-width:0}.camera-screen .camera-shell{aspect-ratio:auto;height:clamp(190px,100dvh - 370px,560px)}.framing-guide{z-index:3;pointer-events:none;position:absolute;inset:0;transform:scaleX(-1)}.framing-guide span{border:1px dashed #dbe7ff73;display:block;position:absolute}.head-guide{border-radius:50%;width:22%;height:28%;top:7%;left:39%}.shoulder-guide{width:64%;height:1px;top:39%;left:18%}.torso-guide{border-radius:40% 40% 18% 18%;width:52%;height:48%;top:35%;left:24%}.capture-badge{z-index:5;color:#fff;background:#07101ddd;border:1px solid #ffffff38;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;position:absolute;top:12px;right:12px}.recording-dot{background:#ff4868;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse;display:inline-block;box-shadow:0 0 0 5px #ff48682c}.camera-message{z-index:6}.primary-action-bar{border:1px solid var(--line);background:#0c1322e8;border-radius:16px;gap:10px;margin-top:10px;padding:10px;display:flex}.primary-control{flex:1;min-height:52px;margin:0!important}.voice-test{color:#fff;background:#18233a;border:1px solid #405174;border-radius:13px;padding:11px 16px;font-weight:700}.secondary-controls{align-self:flex-start}@keyframes pulse{50%{opacity:.45}}.product-app{--card:#11192b;--border:#26314a;--ink:#f7f8fc}.product-app .manage-card dl div{background:#0a1020}.product-app .sample-tabs button,.product-app .player-controls button{color:#f7f8fc;background:#151e31}.product-app .form-card input,.product-app .manage-detail input,.product-app .sign-picker select{color:#101521;background:#fff}.product-app .accuracy-result{color:#101521}.product-app .motion-empty{color:#5d6473}.product-app .mode-card{color:#f7f8fc}.top-nav{align-items:center;gap:6px;display:flex}.top-nav button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:10px 12px;font-weight:800}.top-nav button:hover{color:var(--purple);background:#f1ecff}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ffca5c}button:disabled{cursor:not-allowed;opacity:.48}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:720px;display:grid}.mode-card{text-align:right;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:5px 14px;min-height:132px;padding:24px;display:grid;position:relative}.mode-card>span{width:54px;height:54px;color:var(--purple);background:#efeaff;border-radius:16px;grid-row:1/3;place-items:center;font-size:28px;display:grid}.mode-card strong{font-size:23px}.mode-card small{color:var(--muted)}.mode-card b{color:var(--purple);grid-area:1/3/3;font-size:22px}.mode-card:hover:not(:disabled){border-color:#b8a6f3;transform:translateY(-2px)}.manage-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.manage-card,.motion-player,.accuracy-result,.continuous-panel,.accuracy-instructions{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px}.manage-card{gap:16px;padding:20px;display:grid}.manage-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.manage-card h2{margin:0;font-size:28px}.valid-status,.review-status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.valid-status{color:#08745b;background:#dcfaef}.review-status{color:#945006;background:#fff0dc}.sample-tabs{flex-wrap:wrap;gap:7px;display:flex}.manage-card dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.manage-card dl div{background:#faf9fc;border-radius:12px;padding:9px}.manage-card dt{color:var(--muted);font-size:11px}.manage-card dd{margin:3px 0 0;font-weight:900}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.card-actions button{padding:9px 11px;font-size:13px}.manage-detail{gap:14px;display:grid}.back-link{color:var(--purple);background:0 0;border:0;justify-self:start;font-weight:900}.detail-grid,.review-grid,.continuous-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);align-items:start;gap:22px;display:grid}.sample-tabs button,.player-controls button{border:1px solid var(--border);color:var(--ink);background:#f4f1fa;border-radius:10px;padding:8px 10px}.mapping-controls{flex-direction:column;align-items:flex-end;gap:8px;max-width:520px;display:flex}.motion-player{gap:10px;padding:14px;display:grid}.motion-player canvas{aspect-ratio:16/10;background:#fff;border:1px solid #ddd7e9;border-radius:14px;width:100%;height:auto}.compact-player canvas{max-height:260px}.sample-tabs button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.player-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.motion-player>small{text-align:center;color:var(--muted)}.review-confirmation{color:#08745b;background:#dcfaef;border-radius:13px;margin-bottom:10px;padding:12px 15px;font-weight:900}.progress-number{color:var(--purple);font-size:38px}.sign-picker{align-items:center;gap:12px;margin:0 0 16px;font-weight:900;display:flex}.sign-picker select{border:1px solid var(--border);background:#fff;border-radius:12px;min-width:220px;padding:12px}.accuracy-instructions{grid-template-columns:minmax(220px,.6fr) minmax(320px,1fr);align-items:center;gap:18px;margin-bottom:18px;padding:16px;display:grid}.accuracy-result{flex-direction:column;gap:10px;min-height:220px;padding:24px;display:flex}.accuracy-result h2{margin:0;font-size:30px}.accuracy-result strong{font-size:28px}.accuracy-result.success{background:#f1fff9;border-color:#55c9a8}.accuracy-result.close{background:#fffaf0;border-color:#f0b85c}.accuracy-result.failed,.accuracy-result.insufficient{background:#fff7f7;border-color:#ee8d8d}.continuous-panel{flex-direction:column;gap:16px;padding:24px;display:flex}.listening{color:var(--muted);font-weight:900}.listening.active{color:#08745b}.current-word{color:var(--purple);font-size:clamp(48px,8vw,84px);line-height:1}.product-app .form-card label{flex-direction:column;gap:8px;display:flex}.product-app .form-card input,.manage-detail input{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;padding:13px}.product-app .camera-screen .section-title{align-items:flex-start}.product-app .primary-action-bar{z-index:12}.product-app .primary-control{min-height:52px}.motion-empty{text-align:center;border:1px dashed var(--border);color:var(--muted);background:#fff;border-radius:16px;padding:28px}.accuracy-screen{flex-direction:column;display:flex}.accuracy-screen .camera-shell{height:clamp(180px,100dvh - 380px,550px)}.accuracy-screen>.section-title{order:1}.accuracy-screen>.sign-picker{order:2}.accuracy-screen>.empty,.accuracy-screen>.capture-layout{order:3}.accuracy-screen>.accuracy-instructions{order:4;margin-top:24px}.teach-setup .form-card{gap:10px;padding:18px;display:grid}.teach-setup .form-card>label{order:1}.teach-setup .setup-actions{order:3}.toggle-line{align-items:center;gap:10px;display:flex!important}.toggle-line input{height:20px;width:20px!important}.evaluation-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.evaluation-row small{color:var(--muted)}.developer-panel{color:#dffdf4;background:#0b1422;border:1px dashed #56e7bd88;border-radius:16px;width:min(1180px,100% - 40px);margin:20px auto;padding:16px}.developer-panel dl{flex-wrap:wrap;gap:18px;margin:10px 0;display:flex}.developer-panel dl div{gap:6px;display:flex}.developer-panel dt{color:var(--muted)}.developer-panel dd{margin:0;font-family:monospace}@media (width<=800px){.settings-card .row button{min-height:44px}.top-nav{display:none}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:104px;padding:17px}.detail-grid,.review-grid,.continuous-layout,.accuracy-instructions{grid-template-columns:1fr}.mapping-controls{align-items:stretch;width:100%}.manage-card dl{grid-template-columns:1fr 1fr 1fr}.product-app .camera-screen .section-title{display:grid}.review-grid .camera-shell{height:min(32dvh,250px)}.motion-player canvas{max-height:300px}.accuracy-instructions .motion-player{order:2}.product-app .primary-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf9fcf2;border-radius:15px;padding:7px;position:sticky;bottom:6px}.card-actions button{flex:42%}.camera-screen{padding-bottom:86px}.camera-screen .section-title{margin-bottom:10px}.camera-screen .section-title p{margin-bottom:0}.camera-screen .camera-shell{height:min(38dvh,360px);min-height:180px}.primary-action-bar{z-index:12;position:sticky;bottom:8px;box-shadow:0 10px 35px #000b}.primary-control{min-height:56px}.secondary-controls{display:none}.app>header{height:66px;padding:0 16px}main{width:min(100% - 24px,1180px);padding:28px 0 50px}.home{grid-template-columns:1fr;gap:30px;min-height:auto}.hero h1{font-size:52px}.home-links{flex-wrap:wrap;grid-column:auto}.action-card{min-height:110px;padding:18px}.action-card strong{font-size:22px}.action-icon{width:50px;height:50px}.section-title{flex-direction:column}.section-title h1{font-size:34px}.capture-layout,.recognition-stage{grid-template-columns:1fr}.capture-panel{min-height:300px}.metrics{grid-template-columns:1fr 1fr}.examples>div{grid-template-columns:1fr auto}.examples small,.brand small{display:none}.capture-overlay strong{font-size:100px}}@media (width<=430px){.hero h1{font-size:43px}.hero p{font-size:16px}.action-card{grid-template-columns:auto 1fr}.action-card>b{display:none}.camera-shell{border-radius:17px}.form-card,.settings-card,.privacy-card,.capture-panel,.result-card,.dashboard{border-radius:18px;padding:20px}.home-links button{padding:8px}.metrics strong{font-size:25px}}