:root{--bg: #16181c;--panel: #1e2126;--line: #2c3037;--text: #e7e9ec;--dim: #9aa1ab;--accent: #ff5a1f;--accent2: #ffb000;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}:root{color-scheme:dark}body{background:var(--bg);color:var(--text);font-size:15px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.app{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:100%}.stage,.panel{min-width:0}.stage{position:relative;min-height:0}.panel{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.panel h1{font-size:18px;margin:0;letter-spacing:.02em}.panel-body{padding:14px 16px;overflow:auto}.seg{display:inline-flex;background:#15171b;border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}.seg button{padding:6px 12px;border-radius:7px;color:var(--dim)}.seg button.on{background:#2b2f36;color:var(--text)}.seg.small button{padding:4px 9px;font-size:13px}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--dim)}.field.wide{margin-bottom:14px}.field b{color:var(--text)}.field input[type=range]{width:100%;accent-color:var(--accent)}.inp{display:flex;align-items:center;background:#15171b;border:1px solid var(--line);border-radius:8px;padding:0 8px}.inp input{width:100%;background:none;border:0;color:var(--text);font:inherit;font-size:15px;padding:8px 0;outline:none}.inp em{font-style:normal;color:var(--dim);font-size:12px}.field small{min-height:14px;font-size:11px}.field small.warn{color:var(--accent2)}.hint{color:var(--dim);font-size:12px;line-height:1.45}.link{color:var(--accent2);font-size:13px;padding:0}.exlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.exlist li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.exlist li.on{border-color:var(--accent);background:#24211f}.exlist b{font-size:15px}.exlist span{font-size:12px;color:var(--dim)}.exlist a{font-size:11px;color:var(--accent2);text-decoration:none;align-self:flex-start}.hud-top{position:absolute;top:14px;left:14px;display:flex;gap:8px;align-items:center}.hud-top span{background:#14161acc;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px}.phase.concentric{border-color:var(--accent)!important;color:#ffb59a}.phase.eccentric{border-color:var(--accent2)!important;color:#ffd98a}.side{text-transform:capitalize}.hud-muscles{position:absolute;top:56px;left:14px;width:190px;display:flex;flex-direction:column;gap:6px}.hud-muscles .m{position:relative;background:#14161abf;border-radius:7px;padding:4px 8px;font-size:12px;overflow:hidden}.hud-muscles .m span{position:relative;z-index:1}.hud-muscles .m i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ff5a1f8c,#ffb00059);transition:width .15s}.controls{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;background:#14161ad9;border:1px solid var(--line);border-radius:12px;padding:6px}.controls>button{padding:6px 12px;border-radius:8px;min-width:40px}.controls>button.on{background:#2b2f36}.busy{position:absolute;top:14px;right:14px;background:#14161ad9;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--dim)}@media(max-width:820px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:56vh minmax(0,1fr);height:100dvh}.panel{border-left:0;border-top:1px solid var(--line)}.hud-muscles{width:150px}}.hud-top .bal{font-variant-numeric:tabular-nums}.hud-top .bal.ok{color:#3ddc84}.hud-top .bal.warn{color:#ffb020}.hud-top .bal.bad{color:#ff4d4d}.exlist .load{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.exlist .load label{opacity:.7}.exlist .load input{flex:1;accent-color:#ff5a1f}.exlist .load span{min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.patterns{display:grid;grid-template-columns:1fr;gap:8px}.pattern{text-align:left;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.pattern:hover{border-color:var(--accent)}.pattern b{font-size:15px}.pattern span{font-size:12px;color:var(--dim);line-height:1.4}.pattern em{font-style:normal;font-size:11px;color:var(--accent2);text-transform:uppercase;letter-spacing:.06em}.builder section{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.builder h3,h3.sub{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 0 10px;font-weight:600}h3.sub{margin-top:18px}.builder h3 small{text-transform:none;letter-spacing:0;font-weight:400;margin-left:6px}.tag{font-size:12px;color:var(--dim)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13px;color:var(--dim)}.chip.on{background:#2b2f36;color:var(--text);border-color:#3a3f48}.chip.ok:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3ddc84;margin-left:6px;vertical-align:middle}.chip.warn:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffb020;margin-left:6px;vertical-align:middle}.chip.bad:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff4d4d;margin-left:6px;vertical-align:middle}.chip.m{font-size:12px;padding:4px 9px}.chip.m.prim{background:#ff5a1f33;border-color:var(--accent);color:var(--text)}.chip.m.sec{background:#ffb00022;border-color:#8a6a1a;color:var(--text)}.hold-hint{margin-top:10px;font-size:12px;color:var(--dim);line-height:1.45;background:#15171b;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.pins{display:flex;flex-direction:column;gap:4px;margin-top:8px}.pin{color:var(--text);display:flex;justify-content:space-between;align-items:center}.pin button{color:var(--dim);padding:0 6px;font-size:15px}.checks .check{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;font-size:13px}.checks .check b{font-size:13px}.checks .ok{color:#3ddc84}.checks .warn{color:#ffb020}.checks .bad,.hint.bad{color:#ff6b6b}.field .q{font-style:normal;color:var(--dim);border:1px solid var(--line);border-radius:50%;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;margin-left:6px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-bottom:8px}.actions button{border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:14px}.actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.link.small{font-size:12px;align-self:flex-start;margin-top:6px}.rowbtns{display:flex;gap:14px}.chip.m.stab{background:#4aa3ff1f;border-color:#2f5f8f;color:var(--text)}.chip.m small{opacity:.6;margin-left:3px}.detected .mrow{display:grid;grid-template-columns:82px 1fr;gap:6px;align-items:start;margin-bottom:6px}.detected .mrow>span{font-size:12px;padding-top:5px}.pattern.scratch{border-color:var(--accent);background:#ff5a1f12}.posebox{border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:8px;display:flex;flex-direction:column;gap:6px}.posebox .pname{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text);padding:4px 8px;font-weight:600;flex:1;min-width:0}.posebox .checks{display:flex;flex-direction:column;gap:3px;font-size:12px}.seg.wrap{flex-wrap:wrap}.link.danger{color:#ff6b6b}.dim{opacity:.65}.badge{font-style:normal;font-size:.72em;opacity:.7;border:1px solid currentColor;border-radius:6px;padding:0 4px;margin-left:6px}.banner{margin:0 0 8px}.takeover{margin:12px 0;padding:14px;border:1px solid currentColor;border-radius:10px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.takeover p{margin:0}.routine section.day{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;margin-top:14px}.routine .slot{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;margin:8px 0;display:flex;flex-direction:column;gap:6px}.routine .slot.grouped{border-left:3px solid #ff8a3d}.routine .slotgrid{display:grid;grid-template-columns:.7fr 1.4fr .8fr .9fr;gap:8px}.routine .slotgrid label{display:flex;flex-direction:column;gap:2px;font-size:.8em;opacity:.9}.routine .slotgrid input,.routine .slotgrid select,.routine select{width:100%;background:transparent;color:inherit;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 6px}.routine select option{color:#111}.routine .pair{display:flex;align-items:center;gap:4px}.routine .pair i{opacity:.6;font-style:normal}.routine .slotopts{gap:10px;flex-wrap:wrap;justify-content:flex-start;font-size:.85em}.routine .slotopts select{width:auto}.routine .check{display:flex;gap:6px;align-items:center}.routine .link.on{opacity:1;font-weight:600}.routine .addex{margin-top:6px}.routine .small{font-size:.8em}.covlist{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:8px}.cov{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:baseline;font-size:.85em;padding:2px 6px;border-radius:6px;border-left:3px solid transparent}.cov b{font-variant-numeric:tabular-nums}.cov em{font-style:normal;font-size:.8em;opacity:.75}.cov.none{opacity:.45}.cov.under,.cov.low{border-left-color:#3a8cff}.cov.ideal{border-left-color:#2fd35a}.cov.high{border-left-color:#ff9a1a}.cov.over{border-left-color:#ff3b1a}@media(max-width:420px){.covlist{grid-template-columns:1fr}.routine .slotgrid{grid-template-columns:1fr 1.4fr}}.panel header{flex-wrap:wrap;gap:8px}.panel header nav.seg button{padding:6px 10px}.routine .pname{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text);padding:4px 8px;font-weight:600;flex:1;min-width:0;margin-right:8px}.log{padding-bottom:90px}.log .wide{width:100%}.log .excard{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0}.log .excard.grouped{border-left:3px solid #ff8a3d}.log .glabel{display:inline-block;font-size:.75em;padding:1px 6px;margin-right:6px;border-radius:6px;background:#ff8a3d33;color:#ffb27a}.log .cue{margin:4px 0;font-style:italic}.log .exmenu{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0}.log select{background:transparent;color:inherit;border:1px solid var(--line);border-radius:6px;padding:4px 6px}.log select option{color:#111}.log .sets{display:flex;flex-direction:column;gap:4px;margin:8px 0 6px}.log .sethead,.log .setline{display:grid;grid-template-columns:2.2em 1.6fr 1fr .8fr 2.4em;gap:6px;align-items:center}.log .sethead{font-size:.72em;opacity:.6;text-transform:uppercase;letter-spacing:.04em}.log .setline{padding:3px 4px;border-radius:8px}.log .setline.next{background:#ff8a3d1f;outline:1px solid #ff8a3d66}.log .setline.done{background:#2fd35a14}.log .setline.warm .tag{opacity:.6}.log .setline .tag{text-align:center;font-weight:600;font-size:.85em}.log .setline .prev{text-align:left;font-size:.8em;color:var(--dim);background:none;border:none;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log .setline input{width:100%;min-width:0;background:transparent;color:inherit;border:1px solid var(--line);border-radius:6px;padding:6px;text-align:center;font-variant-numeric:tabular-nums}.log .setline input:disabled{border-color:transparent}.log .tick{height:32px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--dim);font-weight:700}.log .tick.on{background:#2fd35a;border-color:#2fd35a;color:#0b1a10}.log .setmeta{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:0 4px 4px 2.6em}.log .chip.tiny{padding:2px 8px;font-size:.8em}.log .pr{font-style:normal;font-size:.8em;color:#ffcf4d;margin-left:4px}.log .restbar{position:sticky;bottom:0;margin:12px -16px -16px;padding:10px 16px;background:#1b1e24;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;overflow:hidden}.log .restbar .fill{position:absolute;left:0;top:0;height:3px;background:#ff8a3d;transition:width .25s linear}.log .restbar b{font-size:1.4em;font-variant-numeric:tabular-nums}.log .restbar.over b{color:#2fd35a}.log .restbar button{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:transparent;color:inherit}.log .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.log .stats div{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 4px}.log .stats b{font-size:1.2em}.log .stats span{font-size:.75em;opacity:.7}.history .seg{margin-bottom:10px}.history .cal-head{justify-content:space-between;margin:6px 0}.history .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.history .cal .dow{text-align:center;font-size:.7em;opacity:.55}.history .cal .day{position:relative;aspect-ratio:1;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--dim);font-variant-numeric:tabular-nums}.history .cal .day.trained{color:var(--text);background:#ff8a3d1a}.history .cal .day.trained i{position:absolute;left:50%;bottom:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#ff8a3d}.history .cal .day.today{border-color:var(--line)}.history .cal .day.on{border-color:#ff8a3d}.history .hcard{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0}.history .hsets{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:2px;font-size:.85em}.history .hsets li{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.history .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.history .stats div{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 4px}.history .stats b{font-size:1.2em}.history .stats span{font-size:.72em;opacity:.7;text-align:center}.history .chart{position:relative}.history .chart svg{width:100%;height:auto;display:block;touch-action:none}.history .chart .grid{stroke:var(--line);stroke-width:1}.history .chart .axis{fill:var(--dim);font-size:9px}.history .chart .cross{stroke:var(--dim);stroke-width:1;stroke-dasharray:3 3}.history .chart .tip{position:absolute;top:-6px;background:#23262d;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:.75em;white-space:nowrap;pointer-events:none}.history .htable{width:100%;border-collapse:collapse;font-size:.82em}.history .htable th{text-align:left;font-weight:500;opacity:.6;padding:4px;border-bottom:1px solid var(--line)}.history .htable td{padding:4px;border-bottom:1px solid #ffffff0d;vertical-align:top;font-variant-numeric:tabular-nums}.history .spark{width:64px;height:16px;display:block}.history .spark .planline{stroke:var(--dim);stroke-width:1;stroke-dasharray:2 2}.history .covcell{border-left:3px solid transparent;padding-left:6px}.history .covcell.under,.history .covcell.low{border-left-color:#3a8cff}.history .covcell.ideal{border-left-color:#2fd35a}.history .covcell.high{border-left-color:#ff9a1a}.history .covcell.over{border-left-color:#ff3b1a}.panel header nav.seg{flex-wrap:wrap;row-gap:2px}.panel header nav.seg button{padding:5px 9px;font-size:.92em}.syncdot{font-size:.6em;vertical-align:middle;margin-left:6px;padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--dim);cursor:pointer}.syncdot.idle{color:#2fd35a;border-color:#2fd35a55}.syncdot.syncing{color:#ff8a3d;border-color:#ff8a3d55}.syncdot.error{color:#ff4d4d;border-color:#ff4d4d55}.syncdot.offline{color:#ffb020}.sync .syncstate.error{color:#ff6b6b}.sync .syncstate.idle{color:#6fe08e}
