:root{--bg:#0c0f0e;--surface:#151918;--surface2:#1d2220;--text:#f2f5f3;--muted:#98a29e;--line:#2c3431;--accent:#b8f23d;--accent-dark:#172009;--danger:#ff6b6b;--radius:18px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#182419 0,transparent 32rem)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}.topbar{height:68px;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:#0c0f0eee;backdrop-filter:blur(12px);z-index:20}.brand{font-size:1.45rem;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.topbar nav{display:flex;gap:22px;flex:1}.topbar form{margin:0}.link-button{border:0;background:none;color:var(--muted);cursor:pointer}.container{max-width:1120px;margin:auto;padding:42px 20px 110px}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:44px 0}.hero h1{max-width:650px;font-size:clamp(2.2rem,6vw,4.8rem);line-height:.96;margin:.2em 0;letter-spacing:-.055em}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1;margin:.2em 0 .6em;letter-spacing:-.04em}h2{margin:.2em 0 .7em;letter-spacing:-.02em}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px}.muted,small{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;padding:10px 16px;font-weight:750;cursor:pointer}.button:hover{border-color:var(--accent);color:var(--text)}.button.primary{background:var(--accent);color:#111;border-color:var(--accent)}.button.subtle{width:100%;background:transparent;border-style:dashed}.button.danger{color:var(--danger)}.card{background:linear-gradient(145deg,var(--surface),#111513);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card.compact{margin-bottom:20px}.card.compact summary{cursor:pointer;font-weight:700}.stats-grid,.two-column{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stats-grid .card{display:flex;flex-direction:column;gap:8px}.stats-grid strong,.metric{font-size:2rem}.stats-grid a{color:var(--accent);font-size:.9rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0}.section-head h1,.section-head h2{margin:0}.stack{display:grid;gap:10px}.list-card{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 17px}.list-card span:first-child{display:grid;gap:5px}.badge,.tags span{border-radius:999px;padding:6px 10px;background:var(--accent-dark);color:var(--accent);font-size:.74rem;font-weight:750}.empty{border:1px dashed var(--line);border-radius:var(--radius);padding:35px;text-align:center;color:var(--muted)}.form-stack{display:grid;gap:16px}.form-stack>div{display:grid;gap:7px}.form-stack label{font-weight:700}.form-stack .helptext,.form-stack ul{font-size:.8rem;color:var(--muted);margin:0;padding-left:18px}input,select,textarea{width:100%;background:#0d110f;color:var(--text);border:1px solid #39423e;border-radius:10px;padding:12px}input:focus,select:focus,textarea:focus{outline:2px solid #b8f23d55;border-color:var(--accent)}.narrow,.auth-panel{max-width:560px;margin:5vh auto}.auth-panel{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(25px,5vw,50px)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:20px}.exercise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.exercise-card{overflow:hidden;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:15px}.exercise-card img,.image-placeholder{width:100%;aspect-ratio:1.6;object-fit:cover;background:var(--surface2);display:grid;place-items:center;font-size:3rem;color:var(--accent)}.exercise-card>span{display:grid;gap:6px;padding:14px}.exercise-detail{display:grid;grid-template-columns:300px 1fr;gap:35px;margin:30px 0 50px}.exercise-media{width:100%;border-radius:var(--radius);image-rendering:auto}.tags{display:flex;flex-wrap:wrap;gap:7px}.inline-form{display:flex;gap:8px;margin:20px 0}.chart-card{margin:20px 0}.chart-card svg{width:100%;height:220px;overflow:visible}.chart-card polyline{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.workout-stack{margin:20px 0}.set-header,.set-row{display:grid;grid-template-columns:35px 1fr 1fr 60px 34px;gap:8px;align-items:center}.set-header{color:var(--muted);font-size:.75rem;padding:7px}.set-row{margin:7px 0;padding:7px;border-radius:12px;background:#0d110f}.set-row.is-complete{background:#18210f}.set-row input{padding:10px}.check input{display:none}.check span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;color:transparent}.check input:checked+span{background:var(--accent);color:#111}.icon-button{border:0;background:none;color:var(--muted);font-size:1.5rem;cursor:pointer}.error{display:block;color:var(--danger);font-size:.68rem}.action-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.notice{padding:13px 16px;border-radius:12px;background:var(--surface2);margin-bottom:15px}.notice.success{border-left:3px solid var(--accent)}.notice.error{border-left:3px solid var(--danger)}.bottom-nav{display:none}
@media(max-width:760px){.topbar{height:58px;padding:0 16px}.topbar nav{display:none}.container{padding:25px 14px 100px}.hero{display:grid;padding:25px 0}.stats-grid,.two-column,.exercise-detail{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.exercise-grid{grid-template-columns:repeat(2,1fr)}.exercise-detail{gap:15px}.exercise-detail>div:first-child{max-width:260px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#111614f5;border-top:1px solid var(--line);z-index:30;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));font-size:.72rem}.bottom-nav a{text-align:center;padding:10px 2px}.set-header,.set-row{grid-template-columns:25px 1fr 1fr 48px 28px;gap:5px}.workout-exercise{padding:15px}.action-bar{display:grid}.action-bar form,.action-bar button{width:100%}.inline-form{display:grid}}
.set-header,.set-row{grid-template-columns:35px 1fr 1fr 60px 60px 34px}
@media(max-width:760px){.set-header,.set-row{grid-template-columns:25px minmax(58px,1fr) minmax(68px,1fr) 42px 42px 24px;gap:4px}}