:root{color-scheme:dark;--bg:#10120f;--panel:#191c17;--panel2:#22261e;--ink:#f3f5ef;--muted:#a7afa0;--line:#343b2e;--accent:#b8f568;--on:#142007;--danger:#ffb4ab;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-theme=orange]{--accent:#ffb065;--on:#271300}
:root[data-theme=blue]{color-scheme:light;--bg:#fff;--panel:#f3f6fb;--panel2:#e8eef8;--ink:#092956;--muted:#465a75;--line:#b9c7da;--accent:#143c79;--on:#fff;--danger:#a52323}
:root[data-theme=white]{--bg:#000;--panel:#141414;--panel2:#222;--ink:#fff;--muted:#bbb;--line:#444;--accent:#fff;--on:#000}
:root[data-theme=black]{color-scheme:light;--bg:#fff;--panel:#f4f4f4;--panel2:#e9e9e9;--ink:#000;--muted:#555;--line:#bbb;--accent:#000;--on:#fff;--danger:#aa1515}
:root[data-theme=cyan]{--bg:#172024;--panel:#202c31;--panel2:#29373d;--line:#49616a;--accent:#6ee7f4;--on:#00282d}
:root[data-theme=yellow]{--bg:#050505;--panel:#171710;--panel2:#242416;--accent:#fff06a;--on:#262300}
:root[data-theme=red]{--bg:#070707;--panel:#1b1616;--panel2:#2b1d1d;--accent:#ff8c8c;--on:#320000}
:root[data-theme=navy]{color-scheme:light;--bg:#e9edf1;--panel:#f6f8fa;--panel2:#dce3eb;--ink:#152b47;--muted:#455b73;--line:#adbdcf;--accent:#18395e;--on:#fff;--danger:#a32222}
:root[data-theme=purple]{--bg:#09070c;--panel:#1c1625;--panel2:#2c223a;--accent:#d7a6ff;--on:#28083f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,5vw,46px);letter-spacing:-1.8px;line-height:1.1;margin-bottom:14px}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:17px}p{line-height:1.6}small,.muted{color:var(--muted)}button{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 17px;min-height:46px;font-weight:650}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--on);border-color:var(--accent)}button.ghost{background:transparent}button.danger{color:var(--danger)}.full{width:100%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.6px;font-size:20px}.brand img{width:34px;height:34px}.brand span span{color:var(--accent)}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:35px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg)}.sidebar nav{display:grid;gap:8px;margin-top:60px}.nav-link{display:flex;align-items:center;gap:12px;color:var(--muted);padding:14px 16px;border-radius:10px;font-size:14px;font-weight:600}.nav-link.active{background:var(--panel2);color:var(--accent)}.nav-link svg{width:19px;height:19px}.sidebar .foot{margin-top:auto;display:grid;gap:14px;font-size:12px}.foot a{color:var(--muted)}.avatar{width:32px;height:32px;background:var(--panel2);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent)}.account{display:flex;gap:10px;align-items:center;min-width:0;overflow-wrap:anywhere}.workspace{margin-left:232px;max-width:1460px;padding:0 56px 60px}.topbar{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);margin-bottom:45px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.pagehead p{margin-bottom:0;color:var(--muted)}.hero{padding:34px;border:1px solid var(--line);border-radius:20px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.hero h2{font-size:27px;max-width:430px;margin-bottom:9px}.hero p{max-width:420px;color:var(--muted);font-size:14px;margin-bottom:24px}.hero-art{font-size:clamp(75px,11vw,140px);font-weight:850;line-height:1;letter-spacing:-10px;color:var(--accent);transform:rotate(-8deg);padding:15px 25px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:25px 0 18px}.sectionhead h2{margin:0}.sectionhead a{font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0;overflow-wrap:anywhere}.exercise-card{display:flex;flex-direction:column;min-height:192px}.exercise-card .index{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:28px}.exercise-card h3{margin-bottom:8px}.exercise-card p{font-size:12px;color:var(--muted);margin-bottom:20px}.exercise-card .card-actions{margin-top:auto;display:flex;gap:8px;align-items:center;justify-content:space-between}.exercise-card .card-actions button{font-size:12px;padding:8px 12px;min-height:38px}.empty{padding:40px 24px;text-align:center;border:1px dashed var(--line);border-radius:16px}.empty p{color:var(--muted);font-size:14px}.empty h2{margin-bottom:10px}.mobile-brand{display:none}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.narrow{max-width:620px;margin:auto}.form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px;font-weight:600}input,textarea,select{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:13px;border-radius:10px;min-height:46px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;min-height:100px}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.5;font-weight:400}.check input{width:18px;min-height:18px;margin-top:2px;flex-shrink:0}.auth{max-width:1040px;margin:7vh auto;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.auth .brand{margin-bottom:70px}.auth h1{font-size:60px;letter-spacing:-3px}.auth .intro>p{color:var(--muted);max-width:350px}.auth .card{padding:30px}.auth .tabs{display:flex;margin-bottom:28px;gap:8px}.tabs button{flex:1}.tabs .active{background:var(--accent);color:var(--on)}.auth .micro{font-size:12px;color:var(--muted);margin-top:25px}.workout{max-width:670px;margin:0 auto;text-align:center}.workout h1{font-size:30px;letter-spacing:-1px}.workout-meta{display:flex;justify-content:center;gap:30px;color:var(--muted);font-size:14px}.workout-meta strong{color:var(--ink);font-variant-numeric:tabular-nums}.counter{font-size:clamp(100px,20vw,160px);line-height:1.05;font-weight:800;letter-spacing:-8px;color:var(--accent);margin-top:22px;font-variant-numeric:tabular-nums}.counter-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin:9px 0 26px}.set-entry{background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:18px}.draftline{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:15px}.draftline label{color:var(--muted)}.draftline input{width:130px;font-size:28px;font-weight:700;text-align:right;padding:8px}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.quick button{padding:13px 2px;font-size:20px}.submitrow{display:grid;grid-template-columns:1fr 2fr;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0}.chip{font-variant-numeric:tabular-nums;font-size:14px;padding:8px 14px}.workout-bottom{display:grid;gap:16px;margin-top:25px}.text-button{border:0;background:none;font-size:13px;color:var(--muted)}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--muted);background:var(--panel)}th,td{padding:18px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td button{padding:6px 10px;min-height:36px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.stat{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.stat strong{display:block;font-size:29px;letter-spacing:-1px;margin-top:8px;overflow-wrap:anywhere}.stat small{font-size:11px}.barrow{display:grid;grid-template-columns:105px 1fr 65px;align-items:center;gap:12px;margin:14px 0;font-size:12px}.bartrack{height:16px;border-radius:4px;background:var(--panel2);overflow:hidden}.bartrack progress{display:block;width:100%;height:16px;border:0;appearance:none;background:var(--panel2)}progress::-webkit-progress-bar{background:var(--panel2)}progress::-webkit-progress-value{background:var(--accent);border-radius:4px}progress::-moz-progress-bar{background:var(--accent)}.themegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.themegrid button{text-align:left;font-size:12px}.themegrid button.selected{outline:2px solid var(--accent)}.badge{display:inline-block;padding:5px 8px;border-radius:5px;background:var(--panel2);color:var(--accent);font-size:11px}.notice{background:var(--panel);border-left:3px solid var(--accent);padding:16px;font-size:13px;color:var(--muted);line-height:1.6}.spaced{margin-top:30px}.privacy{font-size:14px;line-height:1.7}.error{color:var(--danger);font-size:13px}.celebrate{text-align:center;padding:36px 12px}.medal{width:100px;height:100px;margin:0 auto 25px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on);font-size:55px;animation:pop 700ms ease-out}.celebrate h1{margin-bottom:10px}.celebrate p{color:var(--muted)}@keyframes pop{0%{transform:scale(.2) rotate(-40deg);opacity:0}70%{transform:scale(1.15) rotate(8deg)}100%{transform:scale(1) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}dialog{width:min(460px,calc(100% - 32px));padding:28px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px}dialog::backdrop{background:#000b}dialog h2{margin-bottom:20px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:90%;background:var(--ink);color:var(--bg);padding:14px 20px;border-radius:12px;font-size:13px;z-index:100;display:none}#toast.visible{display:block}.footerline{text-align:center;color:var(--muted);font-size:11px;margin-top:38px}.footerline a{color:var(--muted)}.admin-list{display:grid;gap:10px}.admin-list .card{font-size:13px}.admin-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.admin-list details{margin-top:10px}.admin-list button{font-size:12px}.offline{color:var(--danger)}
@media(min-width:1400px){.workspace{padding-left:80px;padding-right:80px}}
@media(max-width:1100px){.workspace{padding:0 30px 45px}.sidebar{width:210px;padding:30px 18px}.workspace{margin-left:210px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{font-size:100px;padding:10px}.auth{gap:40px}}
@media(max-width:720px){.sidebar{width:auto;inset:auto 0 0 0;height:auto;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);z-index:20}.sidebar>.brand,.sidebar .foot{display:none}.sidebar nav{display:flex;justify-content:space-around;margin:0;gap:5px}.nav-link{padding:8px 14px;gap:5px;flex-direction:column;font-size:10px}.workspace{margin:0;padding:0 20px 115px}.topbar{height:77px;margin-bottom:28px}.topbar>.breadcrumb{display:none}.mobile-brand{display:flex;font-size:17px}.mobile-brand img{width:28px;height:28px}.pagehead{margin-bottom:23px;gap:10px}.pagehead h1{font-size:32px}.pagehead>button{font-size:12px;padding:10px 12px}.pagehead p{font-size:13px}.hero{padding:23px;gap:10px;margin-bottom:27px}.hero h2{font-size:23px}.hero-art{font-size:65px;letter-spacing:-5px;padding:0}.hero p{font-size:12px}.hero button{font-size:12px}.grid{gap:10px}.card{padding:17px}.exercise-card{min-height:176px}.exercise-card .index{margin-bottom:21px}.exercise-card h3{font-size:15px}.exercise-card .card-actions button{font-size:11px;padding:7px 10px}.sectionhead h2{font-size:18px}.auth{display:block;margin:0;padding:28px 22px}.auth .brand{margin-bottom:35px}.auth h1{font-size:43px;letter-spacing:-2px;max-width:350px}.auth .intro>p{font-size:14px;margin-bottom:25px}.auth .card{padding:24px}.auth .micro{margin-top:15px}.stats{gap:8px}.stat{padding:15px 10px}.stat strong{font-size:24px}.stat small{font-size:10px}.counter{margin-top:24px;font-size:130px}.workout .set-entry{padding:16px}.workout .counter-label{margin-bottom:24px}.themegrid{grid-template-columns:1fr 1fr}.barrow{grid-template-columns:85px 1fr 50px;gap:8px}.workout-meta{gap:20px}.topbar.workoutbar{height:64px;margin-bottom:20px}}
@media(max-width:365px){.workspace{padding-left:12px;padding-right:12px}.grid{grid-template-columns:1fr}.hero-art{display:none}.quick{gap:5px}.themegrid{grid-template-columns:1fr}}
.public-privacy{padding:50px 24px}
@media(max-width:720px){.topbar.workoutbar{height:56px;margin-bottom:18px}.workout h1{font-size:26px;margin-bottom:12px}.workout .counter{font-size:112px;margin-top:18px}.workout .counter-label{margin:8px 0 20px}.workout .set-entry{padding:14px}.workout .chips{margin:14px 0}.workout .workout-bottom{margin-top:14px;gap:8px}.workout .workout-bottom .text-button{min-height:36px;padding:8px}.workout-meta{font-size:13px}}
