:root{--ink:#06060e;--ink2:#0c0c1a;--ink3:#111120;--ink4:#181830;--ink5:#20203a;--rim:rgba(255,255,255,.07);--rim2:rgba(255,255,255,.13);--rim3:rgba(255,255,255,.22);--glass:rgba(255,255,255,.04);--glass2:rgba(255,255,255,.07);--text:#f0f0f8;--muted:rgba(240,240,248,.5);--dim:rgba(240,240,248,.22);--green:#00ff88;--red:#ff3e6c;--amber:#ffb800;--blue:#4da6ff;--cyan:#00e5ff;--pink:#ff6eb4;--purp:#a855f7;--ora:#ff6b35;--fh:"Outfit",sans-serif;--fm:"DM Mono",monospace;--th:52px;--bh:48px;--sw:188px;--pw:218px;--r:12px;--rs:7px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:var(--fh);-webkit-font-smoothing:antialiased}.hidden{display:none!important}#splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999;background:var(--ink);transition:opacity .7s}#splash.out{opacity:0;pointer-events:none}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sg{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background-image:linear-gradient(rgba(0,255,136,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.035) 1px,transparent 1px);background-size:56px 56px;animation:sgd 18s linear infinite}@keyframes sgd{to{transform:translateY(56px)}}.so{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.so1{width:480px;height:480px;background:radial-gradient(circle,rgba(0,255,136,.1) 0%,transparent 70%);top:-120px;right:-120px;animation:sof 9s ease-in-out infinite}.so2{width:380px;height:380px;background:radial-gradient(circle,rgba(77,166,255,.09) 0%,transparent 70%);bottom:-100px;left:-100px;animation:sof 11s ease-in-out infinite reverse}@keyframes sof{0%,to{transform:translateY(0)}50%{transform:translateY(-28px)}}.splash-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:44px;padding:40px 20px;width:100%;max-width:540px}.splash-logo{display:flex;align-items:center;gap:14px;animation:fup .8s ease both}.splash-name{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}.splash-name span{color:var(--green)}.splash-tag{font-family:var(--fm);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:3px}.step{display:none;flex-direction:column;align-items:center;gap:18px;text-align:center;animation:fup .45s ease both;width:100%}.step.active{display:flex}.step-h{font-size:22px;font-weight:700;letter-spacing:-.02em}.step-p{font-size:13px;color:var(--muted);max-width:360px;line-height:1.65}.perm-anim{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin:4px 0}.pr{position:absolute;border-radius:50%;border:1px solid rgba(0,255,136,.28);animation:ppr 2.6s ease-in-out infinite}.pr1{width:100%;height:100%;animation-delay:0s}.pr2{width:68%;height:68%;animation-delay:.35s}.pr3{width:40%;height:40%;animation-delay:.7s}@keyframes ppr{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.vc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.vc{position:relative;background:var(--glass);border:1.5px solid var(--rim);border-radius:var(--r);padding:14px 12px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:9px}.vc:hover{border-color:var(--rim2);background:var(--glass2)}.vc.active{border-color:var(--green);background:#00ff880f}.vc-prev{width:100%;height:120px;background:#ffffff08;border-radius:var(--rs);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.vc-person{position:absolute;width:50px;height:90px;background:linear-gradient(180deg,#6e6e8c59,#3c3c5a40);border-radius:25px 25px 8px 8px}.vc-skel{position:absolute}.vc-name{font-size:13px;font-weight:700}.vc-desc{font-size:10px;color:var(--muted);text-align:center}.vc-tick{position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;background:var(--green);color:#000;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s}.vc.active .vc-tick{opacity:1}.voice-pick{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.vp-label{font-family:var(--fm);font-size:10px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase}.vp-btns{display:flex;gap:8px}.vp-btn{padding:7px 18px;border-radius:var(--rs);background:var(--glass);border:1px solid var(--rim2);color:var(--muted);font-family:var(--fh);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.vp-btn:hover{background:var(--glass2);color:var(--text)}.vp-btn.active{background:#00ff881a;border-color:#00ff8859;color:var(--green)}.sbtn{padding:13px 28px;border-radius:var(--r);background:var(--green);color:#000;border:none;font-family:var(--fh);font-size:14px;font-weight:800;cursor:pointer;transition:all .15s;box-shadow:0 0 28px #00ff884d;letter-spacing:.02em}.sbtn:hover{transform:translateY(-2px);box-shadow:0 0 40px #00ff8880}.serr{background:#ff3e6c1a;border:1px solid rgba(255,62,108,.28);color:var(--red);padding:11px 14px;border-radius:var(--rs);font-size:12px;line-height:1.5;max-width:360px}.sload{width:100%;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:10px}.sload-track{width:100%;height:2px;background:var(--ink4);border-radius:1px;overflow:hidden}.sload-fill{height:2px;background:var(--green);width:0;transition:width .5s ease;box-shadow:0 0 8px var(--green)}.sload-msg{font-family:var(--fm);font-size:10px;color:var(--muted);letter-spacing:.07em}#app{display:flex;flex-direction:column;height:100vh;animation:fadein .5s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.topbar{height:var(--th);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--ink2);border-bottom:1px solid var(--rim);position:relative;z-index:20}.logo{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;letter-spacing:.01em}.logo span{color:var(--green)}.mode-label{position:absolute;left:50%;transform:translate(-50%);font-family:var(--fm);font-size:11px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.topbar-r{display:flex;align-items:center;gap:8px}.status-chip{display:flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--rim);border-radius:20px;padding:4px 10px;font-family:var(--fm);font-size:10px;color:var(--muted)}.sdot{width:6px;height:6px;border-radius:50%;background:#333;transition:all .3s}.sdot.on{background:var(--green);box-shadow:0 0 6px var(--green);animation:bdot 2s infinite}.sdot.err{background:var(--red)}@keyframes bdot{0%,to{opacity:1}50%{opacity:.35}}.fps-chip{font-family:var(--fm);font-size:10px;color:var(--dim);background:var(--glass);border:1px solid var(--rim);border-radius:var(--rs);padding:3px 8px}.ibtn{width:32px;height:32px;border-radius:var(--rs);background:var(--glass);border:1px solid var(--rim);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:14px}.ibtn:hover{background:var(--glass2);color:var(--text);border-color:var(--rim2)}.app-body{display:grid;grid-template-columns:var(--sw) 1fr var(--pw);flex:1;min-height:0}.sidenav{background:var(--ink2);border-right:1px solid var(--rim);display:flex;flex-direction:column;padding:10px 8px;gap:2px;overflow-y:auto}.snlbl{font-family:var(--fm);font-size:9px;letter-spacing:.14em;color:var(--dim);padding:10px 8px 5px;text-transform:uppercase}.sndiv{height:1px;background:var(--rim);margin:7px 4px}.nb{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:var(--rs);background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;font-family:var(--fh);font-size:12px;transition:all .12s;text-align:left;position:relative}.nb:hover{background:var(--glass2);color:var(--text);border-color:var(--rim)}.nb.active{background:#00ff8812;color:var(--text);border-color:#00ff8838}.ni{width:30px;height:30px;border-radius:6px;background:var(--glass);border:1px solid var(--rim);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .12s}.ni-green{color:var(--green)}.ni-red{color:var(--red)}.ni-amber{color:var(--amber)}.ni-pink{color:var(--pink)}.ni-purp{color:var(--purp)}.nb.active .ni{background:#00ff881a;border-color:#00ff8847}.nb[data-mode=boxing].active .ni{background:#ff3e6c1a;border-color:#ff3e6c47}.nb[data-mode=workout].active .ni{background:#ffb8001a;border-color:#ffb80047}.nb[data-mode=sign].active .ni{background:#ff6eb41a;border-color:#ff6eb447}.nb[data-mode=rps].active .ni{background:#a855f71a;border-color:#a855f747}.nt{display:flex;flex-direction:column;gap:1px}.nn{font-size:12px;font-weight:600;line-height:1}.ns{font-size:9px;color:var(--muted)}.nbadge{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:var(--red);color:#fff;font-family:var(--fm);font-size:9px;font-weight:700;padding:1px 5px;border-radius:9px;min-width:18px;text-align:center}.new-badge{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:var(--purp);color:#fff;font-family:var(--fm);font-size:8px;font-weight:700;padding:2px 5px;border-radius:4px;letter-spacing:.05em}.xp-card{background:var(--glass);border:1px solid var(--rim);border-radius:var(--rs);padding:10px 11px;margin:0 2px}.xp-top{display:flex;align-items:baseline;gap:6px;margin-bottom:7px}.xp-lv{font-family:var(--fm);font-size:12px;color:var(--amber);font-weight:500}.xp-nm{font-size:11px;color:var(--muted)}.xp-wrap{height:4px;background:var(--rim);border-radius:2px;overflow:hidden;margin-bottom:5px}.xp-fill{height:4px;background:linear-gradient(90deg,var(--green),var(--amber));border-radius:2px;width:0;transition:width .5s ease}.xp-bot{font-family:var(--fm);font-size:9px;color:var(--dim)}.track-mini{padding:0 6px;display:flex;flex-direction:column;gap:5px}.tm{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.tv{font-family:var(--fm);font-size:10px;color:var(--dim)}.tv.on{color:var(--green)}.cam-zone{position:relative;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.cam-box{position:relative;width:100%;height:100%}#video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);transition:opacity .4s}#video.av{opacity:0}#canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1);z-index:2}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.cam-zone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.022) 2px,rgba(0,0,0,.022) 4px)}.corner{position:absolute;width:18px;height:18px;z-index:5;pointer-events:none;opacity:.5;transition:border-color .4s}.ctlf{top:12px;left:12px;border-top:1.5px solid var(--green);border-left:1.5px solid var(--green)}.ctrg{top:12px;right:12px;border-top:1.5px solid var(--green);border-right:1.5px solid var(--green)}.cblf{bottom:12px;left:12px;border-bottom:1.5px solid var(--green);border-left:1.5px solid var(--green)}.cbrg{bottom:12px;right:12px;border-bottom:1.5px solid var(--green);border-right:1.5px solid var(--green)}.hbox{position:absolute;background:#06060ede;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:10px 13px;font-family:var(--fm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hbox.tr{top:14px;right:14px;text-align:right}.hbox.tl{top:14px;left:14px}.hbox.bl{bottom:14px;left:14px}.hnum{font-size:38px;font-weight:700;line-height:1;letter-spacing:-.03em}.hlbl{font-size:9px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin-top:2px}.hsub{font-size:11px;color:var(--muted);margin-top:3px}.punch-flash{position:absolute;bottom:58px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;font-family:var(--fm);font-size:13px;font-weight:700;padding:6px 20px;border-radius:var(--rs);letter-spacing:.08em;white-space:nowrap;animation:popin .15s cubic-bezier(.34,1.56,.64,1)}@keyframes popin{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.combo-tag{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--fm);font-size:11px;color:var(--amber);letter-spacing:.12em;text-shadow:0 0 12px var(--amber);white-space:nowrap}.rps-hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.rps-countdown{font-family:var(--fm);font-size:80px;font-weight:700;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.4);animation:cntdown .9s ease}@keyframes cntdown{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.rps-result{font-family:var(--fm);font-size:28px;font-weight:700;text-align:center;line-height:1.4}.rps-result.win{color:var(--green);text-shadow:0 0 20px rgba(0,255,136,.5)}.rps-result.lose{color:var(--red);text-shadow:0 0 20px rgba(255,62,108,.5)}.rps-result.tie{color:var(--amber);text-shadow:0 0 20px rgba(255,184,0,.5)}.rps-hand-detect{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#06060ed9;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:8px 18px;font-family:var(--fm);font-size:14px;color:var(--purp);letter-spacing:.05em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rpanel{background:var(--ink2);border-left:1px solid var(--rim);display:flex;flex-direction:column;padding:12px 10px;gap:9px;overflow-y:auto}.rpl{font-family:var(--fm);font-size:9px;letter-spacing:.13em;color:var(--dim);text-transform:uppercase}.rpc{background:var(--glass);border:1px solid var(--rim);border-radius:var(--rs);padding:11px 12px}.rpn{font-family:var(--fm);font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em}.rpn.g{color:var(--green)}.rpn.r{color:var(--red)}.rpn.a{color:var(--amber)}.rpn.b{color:var(--blue)}.rpn.p{color:var(--pink)}.rpn.pu{color:var(--purp)}.rps2{font-size:10px;color:var(--dim);margin-top:3px}.rpbar{height:3px;background:var(--rim);border-radius:2px;margin-top:9px;overflow:hidden}.rpbf{height:3px;border-radius:2px;transition:width .4s ease}.prow{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--rim)}.prow:last-child{border:none}.pnm{font-size:10px;color:var(--muted);min-width:52px;font-weight:500}.ptrk{flex:1;height:4px;background:var(--rim);border-radius:2px;overflow:hidden}.pfill{height:4px;border-radius:2px;transition:width .4s}.pct{font-family:var(--fm);font-size:10px;color:var(--dim);min-width:18px;text-align:right}.ccard{background:#00ff880a;border:1px solid rgba(0,255,136,.14);border-radius:var(--rs);padding:10px 12px}.ctit{font-size:9px;color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-family:var(--fm)}.cbod{font-size:11px;color:var(--muted);line-height:1.65}.sign-big{font-family:var(--fm);font-size:44px;font-weight:700;color:var(--pink);line-height:1;text-shadow:0 0 20px rgba(255,110,180,.3)}.sign-conf{font-size:10px;color:var(--dim);margin-top:3px}.sign-sent{font-size:12px;color:var(--muted);line-height:1.7;min-height:40px;font-style:italic}.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ec{padding:7px 6px;border-radius:var(--rs);background:var(--glass);border:1px solid var(--rim);font-size:10px;color:var(--muted);text-align:center;cursor:pointer;transition:all .12s;font-weight:600;line-height:1.3}.ec:hover{background:var(--glass2);color:var(--text)}.ec.on{background:#ffb8001a;border-color:#ffb8004d;color:var(--amber)}.rps-score{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center}.rps-score-num{font-family:var(--fm);font-size:32px;font-weight:700;line-height:1}.rps-score-lbl{font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-family:var(--fm)}.rps-vs{font-family:var(--fm);font-size:11px;color:var(--dim)}.rps-history{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.rps-hist-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:var(--glass);border-radius:5px;font-size:11px}.rps-hist-result{font-weight:700;font-family:var(--fm);font-size:10px}.rps-hist-result.w{color:var(--green)}.rps-hist-result.l{color:var(--red)}.rps-hist-result.t{color:var(--amber)}.rps-start-btn{width:100%;padding:11px;border-radius:var(--rs);background:var(--purp);color:#fff;border:none;font-family:var(--fh);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 0 16px #a855f74d;letter-spacing:.04em}.rps-start-btn:hover{opacity:.88;transform:translateY(-1px)}.rps-start-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.rps-ai-choice{text-align:center;padding:10px}.rps-emoji{font-size:36px;display:block;margin-bottom:4px}.rps-choice-lbl{font-size:10px;color:var(--muted)}.botbar{height:var(--bh);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--ink2);border-top:1px solid var(--rim);z-index:10}.lmlbl{font-family:var(--fm);font-size:10px;color:var(--dim)}.sess-btn{background:var(--green);color:#000;border:none;border-radius:var(--rs);padding:9px 22px;font-size:13px;font-weight:800;font-family:var(--fh);cursor:pointer;letter-spacing:.04em;transition:all .15s;box-shadow:0 0 18px #00ff8847}.sess-btn:hover{transform:translateY(-1px);box-shadow:0 0 28px #00ff8873}.sess-btn.stop{background:var(--red);color:#fff;box-shadow:0 0 18px #ff3e6c47}.sess-btn.stop:hover{box-shadow:0 0 28px #ff3e6c73}.sov{position:fixed;top:0;right:0;bottom:0;left:0;background:#06060eb8;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadein .2s ease}.spanel{background:var(--ink2);border:1px solid var(--rim2);border-radius:var(--r);width:320px;animation:sup .25s ease}@keyframes sup{0%{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}.sp-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--rim);font-size:15px;font-weight:700}.sp-body{padding:15px 17px;display:flex;flex-direction:column;gap:3px}.sg-lbl{font-family:var(--fm);font-size:9px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;padding:10px 0 4px}.srow{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border-radius:var(--rs);cursor:pointer;font-size:13px;color:var(--muted);transition:background .1s}.srow:hover{background:var(--glass2);color:var(--text)}.srow input{display:none}.stog{width:30px;height:17px;border-radius:9px;background:var(--ink4);border:1px solid var(--rim2);position:relative;transition:all .2s;flex-shrink:0}.stog:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--dim);transition:all .2s}.srow input:checked+.stog{background:#00ff882e;border-color:#00ff8873}.srow input:checked+.stog:after{background:var(--green);left:15px;box-shadow:0 0 5px var(--green)}.danger-btn{width:100%;padding:10px;border-radius:var(--rs);background:#ff3e6c14;border:1px solid rgba(255,62,108,.22);color:var(--red);font-family:var(--fh);font-size:12px;cursor:pointer;transition:all .15s;margin-top:4px}.danger-btn:hover{background:#ff3e6c26}@keyframes fup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rim2);border-radius:2px}