:root{--bg: #0b0c10;--bg-2: #0e0f14;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .12);--text: #eef3f7;--muted: #9aa6b2;--primary: #2ecc71;--accent: #00d4ff;--accent-2: #ff3d8a;--ok: #46e082;--tabbar-h: 60px;--tabbar-offset: 6px}html,body,#root{height:100%}html,body{overflow-x:hidden}body{overscroll-behavior-y:none}html{min-height:100dvh;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);background-color:var(--bg-2)}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 700px at 50% -10%,rgba(0,212,255,.22),transparent 60%),radial-gradient(1200px 700px at 10% 110%,rgba(46,204,113,.18),transparent 60%),linear-gradient(180deg,#0a0b10,#0e1117)}.app-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding-bottom:calc(var(--tabbar-h) + 12px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;backdrop-filter:saturate(1.2) blur(8px);background:linear-gradient(180deg,#00000059,#0000000d);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.4px}.brand-badge{width:28px;height:28px;border-radius:8px;background:conic-gradient(from 220deg,var(--accent),var(--accent-2),var(--primary));box-shadow:0 0 14px #00d4ff59,inset 0 0 10px #ffffff0f}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 420px){.controls .hud-chip.user{display:none}}.btn{appearance:none;border:0;cursor:pointer;padding:10px 16px;border-radius:12px;font-weight:700;letter-spacing:.25px;color:#0b0c10;transition:transform .12s ease,box-shadow .2s ease,opacity .12s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active{transform:translateY(1px) scale(.995)}.btn-primary{background:linear-gradient(135deg,var(--primary),#4ff497);box-shadow:0 8px 22px #46e08247,0 0 0 1px #ffffff0f inset}.btn-ghost{background:var(--panel);color:var(--text);box-shadow:0 0 0 1px #ffffff14 inset}.main{display:grid;place-items:center;padding:10px 12px 32px;background:radial-gradient(1200px 700px at 50% -10%,rgba(0,212,255,.22),transparent 60%),radial-gradient(1200px 700px at 10% 110%,rgba(46,204,113,.18),transparent 60%),linear-gradient(180deg,#0a0b10,#0e1117)}.camera-shell{position:relative;width:min(100%,760px);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000073,0 0 0 1px #ffffff0f inset}.camera-shell{aspect-ratio:4 / 5}.camera-frame{width:100%;height:100%;display:block;background:#0f1115;object-fit:cover;pointer-events:none}.overlay-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.inframe-glow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 3px #2ecc71bf,inset 0 0 30px 8px #2ecc716b}.guidance{position:absolute;top:16px;left:0;right:0;text-align:center;pointer-events:none;font-size:clamp(40px,6vw,72px);font-weight:900;color:#fff;text-shadow:0 6px 16px rgba(0,0,0,.45)}.guidance-below{margin:8px 0 0;text-align:center;font-weight:900;font-size:clamp(64px,9vw,120px);line-height:1;color:#fff;text-shadow:0 6px 16px rgba(0,0,0,.45)}.calibration-hint,.threshold-hint{position:absolute;bottom:16px;left:12px;right:12px;text-align:center;pointer-events:none;font-size:13px;color:var(--muted)}.hud{position:absolute;top:10px;right:12px;text-align:right;z-index:2}.hud-count{font-weight:900;font-size:52px;line-height:1}.hud-chip{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--panel);font-size:12px;color:var(--muted);max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-card{position:fixed;right:14px;bottom:calc(var(--tabbar-h) + 12px + env(safe-area-inset-bottom));background:var(--panel);border-radius:12px;padding:10px 12px;font-size:12px;opacity:.9;box-shadow:0 0 0 1px #ffffff0f inset,0 10px 24px #00000059}.menu-popover{background:#14161cfa;color:var(--text);border-radius:12px;box-shadow:0 10px 34px #0000008c;border:1px solid rgba(255,255,255,.08)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:1200;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.modal{width:min(96vw,820px);max-height:92vh;background:#14161cf5;border-radius:16px;box-shadow:0 20px 60px #00000080;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#00000059,#0000000d)}.modal-body{padding:12px;display:grid;gap:12px;grid-template-columns:1fr;overflow:auto;min-height:0;-webkit-overflow-scrolling:touch}.session-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.controls-row{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:5}.controls-row .btn{min-height:44px;min-width:44px}.controls-bar{position:sticky;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:linear-gradient(180deg,#0000,#00000059 30%);padding:10px 6px 8px;z-index:6}.controls-bar .btn{width:100%}.tab{appearance:none;border:0;background:#ffffff0f;color:var(--text);opacity:.9;padding:8px;border-radius:12px;display:grid;place-items:center;transition:background .2s ease}.tab.active{background:#ffffff1f}.tab .ico{width:22px;height:22px}.tab .lbl{display:none;font-size:11px;opacity:.9;margin-top:2px}@media (max-width: 520px){.tab{padding:6px 8px}.tab .lbl{display:block}}.start-cta{grid-column:3 / span 1;align-self:center;justify-self:center;width:60px;height:60px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#4ff497);color:#0b0c10;font-weight:900;box-shadow:0 12px 28px #46e08259,0 0 0 2px #ffffff14 inset;border:0}.start-cta img{height:24px;width:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.side-rail .tab{background:#00d4ff1a;box-shadow:0 0 0 1px #00d4ff2e inset}.side-rail .tab.active{background:#00d4ff2e;box-shadow:0 0 0 1px #00d4ff40 inset}.rail-toggle{padding:6px 10px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--accent),#5ce3ff);color:#0b0c10;font-weight:800;letter-spacing:.2px;box-shadow:0 10px 22px #00d4ff47,0 0 0 1px #ffffff14 inset}.rail-toggle:hover{box-shadow:0 12px 26px #00d4ff5c;transform:translateY(-1px)}.rail-toggle:active{transform:translateY(1px)}.app-nav{background:linear-gradient(180deg,#101218eb,#101218db);box-shadow:0 -8px 28px #00000073,0 0 0 1px #ffffff0f inset}.app-nav .tab{background:#ffffff12;box-shadow:0 0 0 1px #ffffff14 inset}.app-nav .tab.active{background:#ffffff24;box-shadow:0 0 0 1px #00d4ff3d inset,0 0 18px #00d4ff2e}.tab-start{width:66px;height:44px;border-radius:999px}.tab-start .ico{width:20px;height:20px}@media (max-width: 520px){.tab-start .lbl{display:none}}.tab-start{background:#fff;color:#0b0c10;box-shadow:0 10px 24px #00000059,0 0 0 1px #0000000f inset,0 0 0 8px #46e08214}.tab-start:active{transform:translateY(1px) scale(.99)}.tab-start{position:relative}.tab-start:before{content:"";position:absolute;inset:-6px;border-radius:999px;background:linear-gradient(135deg,var(--primary),#4ff497);filter:blur(.2px);z-index:-1}.tab-start:after{content:"";position:absolute;inset:-4px;border-radius:999px;box-shadow:0 0 #46e08238;animation:pulse 2.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #46e08238}70%{box-shadow:0 0 0 10px #46e08200}to{box-shadow:0 0 #46e08200}}.container{width:min(100%,1040px);margin:0 auto;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.hero{display:grid;gap:6px;padding:12px;border-radius:16px;background:radial-gradient(900px 500px at 10% -10%,rgba(0,212,255,.1),transparent 60%),radial-gradient(900px 500px at 90% 120%,rgba(46,204,113,.1),transparent 60%),linear-gradient(180deg,#101218eb,#101218db);box-shadow:0 12px 28px #00000059,0 0 0 1px #ffffff0f inset}.hero h2{margin:0}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.kpi{background:#ffffff0f;border-radius:12px;padding:12px;text-align:center;box-shadow:0 0 0 1px #ffffff0f inset}.list{margin-top:14px;display:grid;gap:8px}.list-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0f;padding:10px 12px;border-radius:12px}.list-item.wrap{flex-wrap:wrap}@media (max-width: 520px){.stack-grid{grid-template-columns:1fr!important}.stack-grid>*{width:100%}}.card{background:radial-gradient(900px 500px at 10% -10%,rgba(0,212,255,.1),transparent 60%),radial-gradient(900px 500px at 90% 120%,rgba(46,204,113,.1),transparent 60%),linear-gradient(180deg,#101218eb,#101218db);border-radius:16px;padding:12px;box-shadow:0 12px 28px #00000059,0 0 0 1px #ffffff0f inset}.card-title{font-weight:900;letter-spacing:.2px}.card-sub{opacity:.8;font-size:12px}@media (hover: hover) and (pointer: fine){.welcome-card,.kpi-card,.promo-card,.card.session-card,.card.bars-card{transition:transform .16s ease,box-shadow .16s ease}.welcome-card:hover,.kpi-card:hover,.promo-card:hover,.card.session-card:hover,.card.bars-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0000006b,0 0 0 1px #ffffff12 inset}}.promo-card{display:grid;grid-template-columns:1.6fr auto;gap:12px;align-items:center}.promo-orb{width:160px;height:120px;border-radius:12px;background:radial-gradient(80px 60px at 60% 50%,rgba(0,212,255,.35),transparent 60%),radial-gradient(80px 60px at 40% 50%,rgba(46,204,113,.35),transparent 60%);box-shadow:0 6px 20px #00000040}.promo-art{position:relative;width:220px;height:160px;border-radius:12px;overflow:visible}.promo-img{position:absolute;inset:auto 0 -10px;width:102%;height:auto;object-fit:contain;object-position:right bottom;transition:transform .3s ease}.promo-card:hover .promo-img{transform:scale(1.05) translateY(5px)}@media (max-width: 420px){.promo-card{grid-template-columns:1fr auto}.promo-art{width:160px;height:120px}.promo-img{width:106%;bottom:-8px}}@media (min-width: 640px){.promo-card{grid-template-columns:1.8fr auto}}.ring-card{display:grid;place-items:center;gap:10px}.ring-title{font-size:12px;opacity:.8}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.kpi-card{background:radial-gradient(900px 500px at 10% -10%,rgba(0,212,255,.14),transparent 60%),radial-gradient(900px 500px at 90% 120%,rgba(46,204,113,.22),transparent 60%),;border-radius:14px;padding:12px;text-align:center;box-shadow:0 12px 24px #00000047,0 0 0 1px #ffffff0f inset,0 0 0 1px #46e0821a}.kpi-card .label{font-size:12px;opacity:.75;letter-spacing:.2px}.kpi-card .value{font-weight:900;font-size:24px;line-height:1.1}.bars-card{display:grid;gap:8px}.bars-header{display:flex;align-items:center;justify-content:space-between}.bars-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:64px}.bar{align-self:end;width:10px;border-radius:6px;background:linear-gradient(180deg,var(--accent),var(--primary))}.bar-label{opacity:.6;font-size:10px;text-align:center}.btn-chip{padding:6px 10px;border-radius:12px;font-size:12px}.session-card{display:grid;gap:6px}.session-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0f;padding:8px 10px;border-radius:10px}.reps-pill{min-width:28px;padding:2px 10px;border-radius:999px;text-align:center;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--primary));color:#0b0c10;box-shadow:0 0 0 1px #ffffff1f inset}.welcome-card{background:radial-gradient(600px 200px at 0% 0%,rgba(0,212,255,.12),transparent 60%),radial-gradient(500px 200px at 100% 100%,rgba(46,204,113,.1),transparent 60%),linear-gradient(180deg,#101218eb,#101218db);border-radius:14px;padding:12px;box-shadow:0 12px 28px #00000059,0 0 0 1px #ffffff0f inset}.welcome-title{font-weight:900;letter-spacing:.2px}.welcome-date{opacity:.85;font-size:12px}.bell-btn{position:relative;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14,0 6px 18px #00000047;border:0;color:var(--text)}.bell-btn:active{transform:translateY(1px) scale(.99)}.notif-badge{height:20px;min-width:20px;padding:0 6px;line-height:20px;border-radius:999px;background:#ff7a1a;color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center;box-shadow:0 2px 10px #ff7a1a73,0 0 0 1px #ffffff1f inset}.progress{height:10px;background:var(--panel);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--primary));transition:width .28s ease}.progress-striped{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0 8px,transparent 8px 16px);background-size:24px 24px;mix-blend-mode:screen}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#ffffff14;font-size:12px}.badge .dot{width:8px;height:8px;border-radius:999px;background:var(--primary);box-shadow:0 0 8px #46e082a6}@media (max-width: 520px){.app-header .brand .btn-ghost{display:none}}.grid-2-cols{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 900px){.grid-2-cols{grid-template-columns:1.2fr 1fr;align-items:start}}.ring{width:clamp(96px,24vw,120px);height:clamp(96px,24vw,120px);border-radius:999px;background:conic-gradient(#ffffff1a 0 100%);-webkit-mask:radial-gradient(circle 48px,transparent 40px,#000 41px);mask:radial-gradient(circle 48px,transparent 40px,#000 41px);box-shadow:0 0 0 1px #ffffff14 inset,0 15px 32px #00000059}.ring-meter{position:relative;display:grid;place-items:center;width:clamp(96px,24vw,120px);height:clamp(96px,24vw,120px)}.ring-bg{position:absolute;inset:0;border-radius:999px;background:conic-gradient(var(--primary) var(--pct),rgba(0,0,0,0) 0);-webkit-mask:radial-gradient(circle 48px,transparent 40px,#000 41px);mask:radial-gradient(circle 48px,transparent 40px,#000 41px);transition:background .16s ease-out}.ring-inner{position:absolute;width:clamp(76px,20vw,96px);height:clamp(76px,20vw,96px);border-radius:999px;display:grid;place-items:center;background:#00000059;box-shadow:0 0 0 1px #ffffff14 inset}.auth-wrap{min-height:100dvh;padding:16px 20px calc(24px + env(safe-area-inset-bottom));display:grid;place-items:center;overflow:hidden;background:radial-gradient(1200px 700px at 50% -10%,rgba(0,212,255,.22),transparent 60%),radial-gradient(1200px 700px at 10% 110%,rgba(46,204,113,.18),transparent 60%),linear-gradient(180deg,#0a0b10,#0e1117)}.auth-card{width:min(90vw,360px);margin:0 auto;padding:18px;border-radius:14px;background:#ffffff0f;box-shadow:0 10px 40px #00000059}.auth-title{margin:0 0 8px}.auth-subtitle{opacity:.8;margin:0 0 12px}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#fff;font-size:16px;line-height:1.25;display:block}input[type=password].input,input[type=email].input{padding-right:42px}.input:focus{outline:none;box-shadow:0 0 0 2px #00d4ff73;border-color:#fff3}.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}@media (max-width: 520px){.auth-card{width:min(88vw,360px);padding:16px}.auth-grid-2,.auth-grid-3{grid-template-columns:1fr}.modal{width:100vw;height:100dvh;max-height:none;border-radius:0}.session-stats{flex-direction:column;align-items:stretch}}@media (min-width: 640px){.auth-card{width:min(88vw,480px)}}.btn-block{width:100%;display:block}*,*:before,*:after{-webkit-tap-highlight-color:transparent}.btn{touch-action:manipulation}.btn:hover{box-shadow:0 8px 22px #00000040}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #00d4ff80,0 0 0 1px #ffffff26 inset}.btn-primary:hover{box-shadow:0 10px 28px #46e08261,0 0 0 1px #ffffff14 inset;transform:translateY(-1px)}.btn-ghost:hover{background:#ffffff1a}.list-item{transition:transform .12s ease,background .16s ease}.list-item:active{transform:scale(.99)}.tab{transition:background .2s ease,transform .12s ease,box-shadow .2s ease}.start-cta{transition:transform .12s ease}.start-cta:hover{transform:translateY(-1px) scale(1.03)}.tab{transition:background .2s ease,transform .12s ease,box-shadow .2s ease;min-height:44px}.slider{-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;width:100%;background:#ffffff26;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--primary));box-shadow:0 2px 8px #00000059,0 0 0 2px #fff3 inset;cursor:pointer}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--primary));box-shadow:0 2px 8px #00000059,0 0 0 2px #fff3 inset;cursor:pointer}.tab:hover{background:#ffffff1a;box-shadow:0 6px 14px #0003}.tab:active{transform:translateY(1px) scale(.99)}.tab:focus-visible{outline:none;box-shadow:0 0 0 2px #00d4ff73}@media (max-width: 520px){.controls-row{gap:8px}.camera-shell{aspect-ratio:3 / 4}.modal-body{gap:10px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:999px;font-size:11px}.pill.up{background:#46e08226;color:#a9f5c7}.pill.down{background:#ff3d8a1f;color:#ff9ac3}.hero{box-shadow:0 0 0 1px #ffffff0f inset,0 10px 28px #00000047}.kpi{box-shadow:0 0 0 1px #ffffff14 inset,0 8px 18px #00000038}