:root{--bg:#08080d;--card:#14141d;--card2:#1b1b26;--line:#2a2a3a;--pur:#8E6FE0;--pur2:#A98EF0;--txt:#fff;--mut:#9a9ab2;--good:#5BD6A0;--warn:#E6B15A;--bad:#E06B6B;--grad:linear-gradient(135deg,#7B5FD0,#A98EF0);}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{margin:0;background:#000;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.phone{max-width:412px;margin:0 auto;min-height:100vh;background:var(--bg);color:var(--txt);position:relative;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));}
.banner{background:#1a1526;color:var(--pur2);text-align:center;font-size:11px;padding:5px;letter-spacing:.5px;}
.topbar{display:flex;align-items:center;justify-content:center;padding:14px;background:#000;border-bottom:1px solid #1e1e2a;}
.topbar img{height:58px;}
.wrap{padding:16px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;}
.h{font-size:12px;color:var(--pur2);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:12px;}
label{display:block;font-size:12px;color:var(--mut);margin:10px 0 5px;letter-spacing:.3px;}
input,select{width:100%;padding:13px;border-radius:11px;border:1px solid var(--line);background:#0e0e16;color:var(--txt);font-size:16px;}
.btn{width:100%;padding:14px;border:0;border-radius:12px;background:var(--grad);color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 20px rgba(123,95,208,.35);}
.btn:active{opacity:.9;}
.btn.sec{background:transparent;border:1px solid var(--pur);color:var(--pur2);box-shadow:none;}
.pill{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;}
.pill.train{background:rgba(91,214,160,.16);color:var(--good);border:1px solid rgba(91,214,160,.4);}
.pill.rest{background:rgba(230,177,90,.16);color:var(--warn);border:1px solid rgba(230,177,90,.4);}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.stat{background:#0e0e16;border:1px solid var(--line);border-radius:13px;padding:13px;text-align:center;}
.stat .n{font-size:22px;font-weight:800;}
.stat .n small{font-size:12px;color:var(--mut);font-weight:600;}
.stat .l{font-size:10px;color:var(--mut);text-transform:uppercase;letter-spacing:.6px;margin-top:3px;}
.big{background:var(--grad);border:0;}
.big .n,.big .l{color:#fff;}
.alert{display:flex;align-items:center;gap:10px;background:rgba(230,177,90,.12);border:1px solid rgba(230,177,90,.4);border-radius:13px;padding:12px 14px;margin-bottom:14px;}
.alert .dot{width:9px;height:9px;border-radius:50%;background:var(--warn);flex:none;box-shadow:0 0 8px var(--warn);}
.alert .t{font-size:13px;flex:1;}
.alert a{color:var(--warn);font-weight:700;font-size:13px;text-decoration:none;}
.goal{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #20202c;font-size:14px;}
.goal:last-child{border:0;}
.chk{width:20px;height:20px;border-radius:6px;border:1px solid var(--line);flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--good);}
.chk.on{background:rgba(91,214,160,.15);border-color:var(--good);}
.ex{border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:12px;background:var(--card);}
.ex .name{font-weight:700;font-size:16px;}
.ex .presc{font-size:12px;color:var(--mut);margin:2px 0 10px;}
.srow{display:grid;grid-template-columns:22px 1fr 1fr 1.5fr 22px;gap:6px;align-items:center;margin-bottom:2px;}
.srow .sn{font-size:12px;color:var(--mut);}
.prevline{font-size:11px;color:var(--mut);margin:0 0 9px 28px;}
.vbtn{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--pur2);text-decoration:none;font-weight:600;border:1px solid var(--pur);border-radius:8px;padding:5px 11px;white-space:nowrap;}
.srow input{padding:8px;font-size:14px;text-align:center;}
.badge{font-size:15px;text-align:center;font-weight:800;}
.up{color:var(--good);} .same{color:var(--mut);} .down{color:var(--bad);}
.subnav{display:flex;gap:8px;margin-bottom:14px;}
.subnav div{flex:1;text-align:center;padding:9px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:13px;color:var(--mut);cursor:pointer;}
.subnav div.on{background:var(--grad);color:#fff;border:0;}
.vcat{font-size:12px;color:var(--pur2);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin:14px 0 8px;}
.vid{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;text-decoration:none;color:var(--txt);}
.vid .pl{width:34px;height:34px;border-radius:9px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex:none;font-size:14px;}
.vid .vt{font-size:14px;font-weight:600;} .vid .vs{font-size:11px;color:var(--mut);}
.msg{text-align:center;color:var(--mut);font-size:13px;padding:8px;}
nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:412px;display:flex;background:#000;border-top:1px solid #1e1e2a;z-index:200;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -6px 20px rgba(0,0,0,.5);}
nav div{flex:1;text-align:center;padding:9px 2px;font-size:10px;color:var(--mut);cursor:pointer;letter-spacing:.3px;}
nav div.on{color:var(--pur2);}
nav div .i{font-size:20px;display:block;margin-bottom:1px;}
.hide{display:none;}
a.link{color:var(--pur2);}
h2.login-t{font-size:14px;letter-spacing:3px;color:var(--mut);text-align:center;font-weight:600;margin:4px 0 22px;}