:root{--bg: #0f1623;--surface: #1a2332;--card: #232e40;--muted: #2f3b4e;--border: #34425a;--fg: #f8fafc;--fg-2: #cbd5e1;--fg-3: #93a1b5;--primary: #f97316;--primary-600: #c2570c;--on-primary: #0f172a;--accent: #22c55e;--danger: #ef4444;--info: #38bdf8;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--px: 12px;--gap: 8px;--tab-h: 60px;--safe-b: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%}body{font-family:Barlow,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.35;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,h4,.display{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.head{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-bottom:var(--gap)}.head h1{font-size:28px}.head small{display:block;color:var(--fg-3);font-size:12px;font-weight:500;text-transform:none;font-family:Barlow,sans-serif}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:99px;font-weight:700;font-size:14px;background:#f9731629;color:#fdba74;white-space:nowrap;flex-shrink:0}.pill svg{width:16px;height:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px;margin-bottom:var(--gap)}.card h4{font-size:13px;color:var(--fg-3);letter-spacing:.09em;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-bottom:var(--gap)}.grid2 .card{margin:0}.num{font-family:Barlow Condensed,sans-serif;font-size:34px;font-weight:700;line-height:1}.num small{font-size:14px;color:var(--fg-3);font-weight:500;font-family:Barlow,sans-serif}.bar{height:6px;border-radius:99px;background:var(--muted);overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:var(--accent);border-radius:99px}.steps{display:flex;gap:4px;margin-top:6px}.steps i{flex:1;height:4px;border-radius:4px;background:var(--muted)}.steps i.d{background:var(--accent)}.steps i.c,.bar.o i{background:var(--primary)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;border-radius:var(--r-md);font-weight:700;font-size:17px;transition:transform .15s var(--ease),background .2s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-dark{background:var(--on-primary);color:var(--fg)}.btn-success{background:var(--accent);color:var(--on-primary)}.btn-ghost{background:var(--card);border:1px solid var(--border)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;background:var(--muted);font-size:12px;font-weight:700}.chip.ok{background:#22c55e29;color:#86efac}.chip.warn{background:#f9731629;color:#fdba74}.input{width:100%;height:52px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:0 14px;color:var(--fg);font-size:16px;font-family:inherit;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.input::placeholder{color:var(--fg-3)}.hero{background:linear-gradient(135deg,#f97316,#fb923c);color:var(--on-primary);border-radius:var(--r-lg);padding:14px;margin-bottom:var(--gap);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-36px;top:-36px;width:130px;height:130px;border-radius:50%;background:#0f172a1a;pointer-events:none}.hero small{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.hero h2{font-size:40px;margin:4px 0}.hero p{font-weight:600;margin-bottom:12px;font-size:15px}.macro{display:flex;gap:14px;align-items:center}.ring{--p: 0;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p) * 1%),var(--muted) 0);display:grid;place-items:center;flex:none}.ring:before{content:"";width:64px;height:64px;border-radius:50%;background:var(--surface);grid-area:1 / 1}.ring b{grid-area:1 / 1;font-family:Barlow Condensed,sans-serif;font-size:22px;z-index:1}.macro ul{list-style:none;padding:0;flex:1;font-size:14px}.macro li{display:flex;justify-content:space-between;padding:3px 0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.row-i{display:flex;align-items:center;gap:10px;min-height:56px;border-top:1px solid var(--border)}.row-i:first-of-type{border-top:0}.row-i .ico{width:38px;height:38px;border-radius:11px;background:var(--muted);display:grid;place-items:center;color:var(--primary);flex-shrink:0}.row-i .main,.row-i>div:first-of-type{flex:1;min-width:0;line-height:1.25}.row-i .actions{flex:none;display:flex;align-items:center;gap:4px}.row-i b{display:block;font-size:16px}.row-i small{color:var(--fg-3);font-size:13px}.wk-top{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);padding:8px 0 10px;margin-bottom:var(--gap)}.wk-top .head{margin:0;min-height:36px}.timer{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;color:var(--primary);display:flex;gap:6px;align-items:center}.ex{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px;margin-bottom:var(--gap)}.ex.active{border-color:var(--primary)}.ex-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px}.ex-h h3{font-size:24px}.icon-btn{width:44px;height:44px;border-radius:12px;background:var(--card);display:grid;place-items:center;border:1px solid var(--border)}.meta{color:var(--fg-3);font-size:13px;margin-bottom:10px}.set{display:grid;grid-template-columns:22px 1fr 1fr 52px;gap:6px;align-items:center;margin-bottom:6px}.set .n{font-weight:700;color:var(--fg-3);text-align:center;font-size:14px}.field{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:700}.field.cur{border-color:var(--primary);background:#f9731614}.field .f-adj{width:28px;height:40px;border-radius:6px;background:transparent;color:var(--fg-3);font-size:18px;font-weight:700;display:grid;place-items:center;border:none;cursor:pointer}.field .f-adj:active{background:var(--muted);color:var(--fg)}.field .val{display:flex;align-items:baseline;gap:2px}.field small{font-family:Barlow,sans-serif;font-size:12px;color:var(--fg-3);font-weight:500}.done{width:52px;height:52px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--muted);color:var(--fg-3);transition:background .2s,color .2s;border:1px solid var(--border)}.done.on{background:var(--accent);color:var(--on-primary);border-color:var(--accent)}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 2px}.stepper button{height:44px;border-radius:var(--r-sm);background:var(--card);font-weight:700;font-size:15px;border:1px solid var(--border)}.stepper button:active{background:var(--muted)}.rpe{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.rpe button{height:52px;border-radius:var(--r-sm);background:var(--muted);font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:700;border:1px solid var(--border)}.rpe button.sel{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.dock{position:sticky;bottom:0;margin:0 calc(-1 * var(--px)) -12px;padding:10px var(--px) calc(10px + var(--safe-b));background:linear-gradient(transparent,var(--bg) 35%);z-index:10}.coach{margin-bottom:var(--gap);padding:12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary)}.coach-h{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--primary)}.coach-h svg{width:18px;height:18px}.coach-h b{font-family:Barlow Condensed,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.09em}.coach p{font-size:16px;line-height:1.4;color:var(--fg)}.coach strong{color:var(--primary)}.pr{display:flex;align-items:center;gap:10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.45);border-radius:var(--r-md);padding:10px 12px;margin-bottom:var(--gap)}.pr svg{color:var(--accent);width:26px;height:26px}.pr small{color:var(--fg-2)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--surface);border:1px solid var(--border);padding:4px;border-radius:var(--r-md);margin-bottom:var(--gap)}.seg button{height:40px;border-radius:10px;font-weight:700;color:var(--fg-3);border:none}.seg button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.settings-page{min-width:0}.settings-page .card{margin-bottom:0}.settings-page .card h4{gap:8px;flex-wrap:wrap;letter-spacing:.02em;line-height:1.4}.settings-page .card h4>span:first-child{min-width:0;flex:1 1 160px}.settings-page .row-i{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px 10px;padding:12px 0}.settings-page .row-i>button{grid-column:2;justify-self:start;min-height:44px;max-width:100%}.settings-page .row-i b,.settings-page .row-i small{overflow-wrap:anywhere}.settings-page .input{width:100%;min-width:0;box-sizing:border-box;font-size:16px}.settings-page .btn{width:auto;min-width:0;white-space:normal;line-height:1.3}@media(max-width:374px){.settings-page .row-i>button{grid-column:1 / -1;width:100%}}
