:root{--bg:#0d0a1f;--panel:#17132c;--panel-2:#211b3d;--line:#2e2752;--text:#f4f2ff;--muted:#a39dc2;--accent:#ff5a5f;--accent-2:#ff8a3d;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}h1{margin:0 0 16px;font-size:1.5rem}h2{margin:0 0 8px;font-size:1.1rem}p{margin:6px 0}input,select,button{font:inherit}input,select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:10px;min-width:0;padding:10px 12px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:#fca5a5}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:10px 16px}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;font-weight:600}.btn.ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14}.btn.link{color:var(--muted);background:0 0;border:none;padding:4px 8px;text-decoration:underline}.btn.small{padding:6px 12px;font-size:.85rem}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);background:#17132cd9;padding:16px}.center-page{place-items:center;min-height:100%;padding:16px;display:grid}.login{flex-direction:column;gap:10px;width:min(380px,100%);display:flex}.camera{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.camera-video,.camera-overlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.mirrored{transform:scaleX(-1)}.camera-error{text-align:center;position:absolute;inset:auto 16px 50%}.camera-flip{z-index:3;position:absolute;top:12px;left:12px}.kiosk{flex-direction:column;display:flex;position:fixed;inset:0}.kiosk .camera{flex:1}.kiosk-footer{padding:4px 16px calc(4px + env(safe-area-inset-bottom));background:var(--bg);justify-content:space-between;align-items:center;display:flex}.hud{z-index:2;pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:0}.hud-center.card{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.hud-bottom{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.hud-bottom.card{align-items:stretch;max-width:640px;margin:0 auto}.sheet{max-height:75%;overflow:auto}.face-guide{aspect-ratio:3/4;border:3px dashed #fff9;border-radius:50%;width:min(46vw,260px);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.countdown{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(96px,26vw,220px);font-weight:800;line-height:1}.hud-top-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}.reps-card{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c1c209e;border:1px solid #ffffff24;border-radius:20px;min-width:96px;padding:10px 16px 8px;box-shadow:0 6px 24px #00000059}.reps-card span{font-variant-numeric:tabular-nums;font-size:clamp(48px,12vw,88px);font-weight:800;line-height:1;animation:.45s cubic-bezier(.3,1.6,.5,1) rep-pop;display:block}.reps-card small{letter-spacing:.08em;color:#d4d4d8;margin-top:4px;font-size:13px;font-weight:600;display:block}@keyframes rep-pop{0%{opacity:.2;color:#4ade80;transform:scale(.6)}60%{color:#4ade80;transform:scale(1.12)}to{transform:scale(1)}}.end-btn{cursor:pointer;color:#fff;background:#e5303a;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 14px 7px 9px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #e5303a66}.end-btn i{background:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.end-btn i:after{content:"";background:#e5303a;border-radius:1.5px;width:7px;height:7px}.timer-pill{font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c209e;border:1px solid #ffffff24;border-radius:999px;padding:7px 12px;font-size:15px;font-weight:700}.timer-pill.danger{color:#fca5a5;border-color:var(--danger)}.gauge{--w:clamp(44px, 11vw, 60px);--r:calc(var(--w) * .27);--p:0;--t:.7;--y:calc(var(--r) + var(--p) * (100% - 2 * var(--r)));--ty:calc(var(--r) + var(--t) * (100% - 2 * var(--r)));width:var(--w);height:calc(var(--w) * 3.6);transition:opacity .3s;position:absolute;top:50%;left:16px;transform:translateY(-40%)}.gauge.idle{opacity:.45}.gauge-track{border-radius:calc(var(--w) * .3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18181c80;border:1.5px solid #ffffff4d;position:absolute;inset:0;overflow:hidden}.gauge-fill{background:linear-gradient(to bottom, #d63af0 0%, #8b3fe0 30%, #3f6fe0 var(--ty), #33c45a var(--ty), #22a84a 100%);clip-path:inset(0 0 calc(100% - var(--y)) 0);position:absolute;inset:0}.gauge-target{left:-4px;right:-4px;top:var(--ty);height:calc(var(--w) * .26);background:#f7c600;border:1.5px solid #ffffff8c;border-radius:999px;transition:background .15s,box-shadow .15s;position:absolute;transform:translateY(-50%);box-shadow:0 0 12px #f7c6008c}.gauge-ball{left:50%;top:var(--y);width:calc(var(--r) * 2);height:calc(var(--r) * 2);background:radial-gradient(circle at 35% 30%,#f5c2ff,#c43ce0 55%,#7a1d99);border-radius:50%;transition:background .15s,box-shadow .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 14px #d63af0b3}.gauge.reached .gauge-target{background:#45d06a;box-shadow:0 0 16px #45d06acc}.gauge.reached .gauge-ball{background:radial-gradient(circle at 35% 30%,#e3ffe9,#6fdc8c 55%,#1f9a45);box-shadow:0 0 16px #45d06acc}.workout-bottom{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.status{--c:#22c55e;align-items:center;gap:12px;display:flex}.status.idle{--c:#a1a1aa}.status.bad{--c:#ef4444}.status-icon{background:color-mix(in srgb, var(--c) 30%, #141418b3);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;transition:background .3s;display:grid}.status-icon svg{color:#fff;background:var(--c);border-radius:50%;width:44px;height:44px;padding:6px;transition:background .3s}.status.ok .status-icon svg{animation:1.6s ease-in-out infinite flame-pulse}.status-flame-core{fill:var(--c);transition:fill .3s}@keyframes flame-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 60%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--c) 0%, transparent)}}.status-text{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.status-text span,.status-text strong{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141899;border-radius:8px}.status-text span{letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;font-size:13px;font-weight:600}.status-text strong{max-width:60vw;padding:6px 10px;font-size:clamp(18px,5vw,26px);line-height:1.15}.status.bad .status-text span{color:#fecaca}.pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);text-align:center;background:#0d0a1fcc;border-radius:999px;padding:8px 16px;font-size:clamp(14px,3.6vw,20px)}.pill.ok{border-color:var(--ok);color:#bbf7d0}.pill.warn{border-color:var(--warn);color:#fde68a}.pill.danger{border-color:var(--danger);color:#fecaca}.penalty-list{flex-direction:column;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.penalty-list li{background:var(--panel-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.result-badge{border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font-size:32px;display:grid}.result-badge.ok{color:var(--ok);background:#22c55e33}.result-badge.danger{color:var(--danger);background:#ef444433}.sheet h2{text-align:center}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0;display:grid}.stats div{background:var(--panel-2);text-align:center;border-radius:12px;padding:10px}.stats b{font-size:1.3rem;display:block}.stats small{color:var(--muted)}.rep-strip{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.rep-strip span{border-radius:6px;padding:2px 6px;font-size:.75rem}.rep-strip .ok{background:#22c55e33}.rep-strip .danger{background:#ef444440}.admin{min-height:100%}.admin-nav{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.admin-nav nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.admin-nav nav a{color:var(--muted);border-radius:999px;padding:6px 12px;text-decoration:none}.admin-nav nav a.active{background:var(--panel-2);color:var(--text)}.admin-main{max-width:1200px;margin:0 auto;padding:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:16px}table{border-collapse:collapse;width:100%}table.panel{display:block;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}th{color:var(--muted);font-size:.85rem;font-weight:500}.num{text-align:right;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--panel-2)}tr.inactive{opacity:.5}tr.invalid td{color:#fca5a5}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.form-grid label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.span2{grid-column:span 2}.tabs{flex-wrap:wrap;margin-bottom:8px}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.tile b{font-size:1.8rem;display:block}.tile span{color:var(--muted);font-size:.85rem}.tile.danger b{color:var(--danger)}.tile.ok b{color:var(--ok)}.bar-cell{width:60%}.bar{background:var(--panel-2);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.bar div{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%}.tag{background:var(--panel-2);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.78rem}.tag.completed,.tag.passed{color:#86efac;background:#22c55e2e}.tag.overdue,.tag.failed,.tag[class*=failed_]{color:#fca5a5;background:#ef44442e}.tag.pending,.tag.in_progress{color:#fcd34d;background:#f59e0b2e}.photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.photos img{border-radius:8px;width:100%;display:block}.modal{z-index:10;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-body{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;width:min(560px,100%);padding:16px;display:flex}.enroll-cam{border-radius:12px;height:min(50vh,420px);overflow:hidden}.progress{background:var(--panel-2);border-radius:4px;height:8px;overflow:hidden}.progress div{background:var(--ok);height:100%;transition:width .3s}@media (width<=640px){.span2{grid-column:auto}.stats{grid-template-columns:repeat(2,1fr)}.penalty-list li{flex-direction:column;align-items:stretch}.admin-main{padding:12px}}tr.selected{background:var(--panel-2)}.photo-picks{gap:6px;max-height:40vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.photo-picks li{background:var(--panel-2);border-radius:10px;align-items:center;gap:10px;padding:6px;display:flex}.photo-picks li.bad{opacity:.7;outline:1px solid var(--danger)}.photo-picks li.ok{outline:1px solid var(--ok)}.photo-picks img{object-fit:cover;border-radius:8px;width:56px;height:56px}label.btn{justify-content:center;display:inline-flex}.practice-box{border:1px dashed var(--line);background:#ffffff08;border-radius:12px;flex-direction:column;gap:8px;margin:8px 0;padding:12px;display:flex}.practice-box input{flex:1;min-width:160px}.practice-badge{letter-spacing:.06em;color:#dbeafe;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#3b82f640;border:1px solid #60a5fab3;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}.privacy-note{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e73;border-radius:10px;margin:8px 0;padding:8px 12px;font-size:.85rem;line-height:1.45}.footer-privacy{color:#86efac;text-align:center;font-size:.78rem}@media (width<=640px){.kiosk-footer{flex-wrap:wrap;gap:2px 8px}.footer-privacy{order:-1;width:100%}}.hanet-table td{vertical-align:middle}.hanet-table select{max-width:280px}.hanet-thumb{object-fit:cover;background:var(--panel-2);border-radius:8px;width:64px;height:48px;display:block}.ok-text{color:#86efac}