:root { --bg:#11151c; --card:#1b2230; --ink:#f4f7fb; --muted:#9aa6ba; --accent:#7ee787; --orange:#ffb454; --danger:#ff667a; --line:#2b3547; font-family:Inter,system-ui,sans-serif; color:var(--ink); background:var(--bg); }
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 85% -10%,#243755 0,transparent 35%),var(--bg)} main{max-width:620px;margin:auto;padding:22px 16px 36px} header{display:flex;align-items:center;justify-content:space-between;margin:8px 3px 20px}.eyebrow{font-size:.68rem;letter-spacing:.16em;color:var(--accent);margin:0 0 3px}h1,h2,p{margin:0}h1{font-size:2rem;letter-spacing:-.06em}h1 strong{color:var(--accent)}h2{font-size:1rem}.badge,.week-status{font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:7px 9px;border-radius:99px;background:#27344b;color:var(--muted)}.card,.notice{background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--line);border-radius:18px;padding:17px;margin:12px 0;box-shadow:0 12px 26px #0002}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head>span{font-size:.76rem;color:var(--muted)}.metric{margin:11px 0 0;display:flex;align-items:baseline;gap:6px}.metric span{font-size:2.8rem;font-weight:800;letter-spacing:-.08em}.metric small,.weight p{color:var(--muted)}.bar,.track{height:7px;background:#283345;border-radius:999px;overflow:hidden;margin:13px 0}.bar i,.track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#59c5dc);border-radius:inherit;transition:width .4s}.inline,.form-grid{display:flex;gap:8px;margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 85px auto}input,select,button{font:inherit;border-radius:10px;border:1px solid var(--line);padding:10px;background:#121925;color:var(--ink)}input{min-width:0;width:100%}button{background:var(--accent);border:0;color:#0c180e;font-weight:800;cursor:pointer}button.quiet{background:transparent;color:var(--accent);padding:5px}.progress>div{margin:15px 0}.progress>div:first-child{margin-top:12px}.progress span{color:var(--muted);font-size:.9rem}.progress b{float:right}.track{margin:7px 0}.week-status{text-align:center;background:#27344b;color:var(--orange)}.week-status.passed{color:var(--accent);background:#173522}.week-status.not_passed{color:var(--danger);background:#401f2a}.tasks{list-style:none;margin:12px 0 0;padding:0}.tasks li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:.92rem}.tasks .empty{color:var(--muted);display:block}.task-meta{font-size:.75rem;color:var(--muted);margin-top:3px}.complete{font-size:.74rem;padding:7px 9px}.notice{border-color:var(--danger);background:#371a23;display:flex;flex-wrap:wrap;gap:6px}.notice span{color:#ffc3cb;flex:1 0 100%;font-size:.85rem}.hidden{display:none}.safeword{width:100%;margin-top:17px;padding:15px;background:var(--danger);color:white;letter-spacing:.07em}.safeword.active{background:#364156;color:var(--ink)}dialog{border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);width:min(92vw,420px)}dialog::backdrop{background:#0009}dialog form{display:grid;gap:14px}label{display:grid;gap:6px;color:var(--muted);font-size:.85rem}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:420px){.form-grid{grid-template-columns:1fr 75px}.form-grid button{grid-column:1/-1}.inline{flex-wrap:wrap}.inline button{width:100%}}