:root{--bg:#111214;--surface:#1b1d21;--surface-2:#25282e;--line:#30343b;--field-line:#6b717c;--text:#f1f2f4;--muted:#9aa0aa;--accent:#e8ff5a;--accent-ink:#111214;--danger:#ff6b5e;--rec:#ff4d4d;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--accent)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{flex-direction:column;height:100dvh;display:flex;overflow:hidden}#app{width:100%;max-width:560px;min-height:0;padding:env(safe-area-inset-top) 0 0;flex-direction:column;flex:1;margin:0 auto;display:flex}main{overscroll-behavior:contain;flex:1;min-height:0;padding:16px 16px 24px;overflow-y:auto}main:has(.workout-head){scroll-padding-block:190px 70px}button,input,select{font:inherit;color:inherit}button{background:var(--surface-2);cursor:pointer;border:0;border-radius:10px;padding:10px 14px}button:disabled{opacity:.5}@media (prefers-reduced-motion:no-preference){button{transition:scale .15s ease-out}button:not(:disabled):active{scale:.96}}button.primary{background:var(--accent);color:var(--accent-ink);font-weight:600}button.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}button.ghost{color:var(--muted);background:0 0;padding:6px 8px}input,select{background:var(--surface);border:1px solid var(--field-line);border-radius:10px;width:100%;padding:10px 12px}h1{margin:0;font-size:1.35rem}h2{margin:0;font-size:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.row{align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}.stack>*+*{margin-top:12px}.card{background:var(--surface);border-radius:var(--radius);padding:14px}.workout-head{z-index:1;background:var(--bg);margin:-16px 0 4px;padding:16px 0 12px;position:sticky;top:-16px}.workout-head .end{white-space:nowrap;flex:none;padding:5px 12px;font-size:.85rem}.workout-head .gym{color:var(--muted);text-align:start;background:0 0;border-radius:4px;margin-top:2px;padding:0;font-size:.85rem;display:block}.clock{font-variant-numeric:tabular-nums}.title-btn{text-align:start;font-weight:inherit;background:0 0;border-radius:4px;padding:0}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0;display:grid}.stat{background:var(--surface);text-align:start;border-radius:12px;flex-direction:column;align-items:flex-start;padding:8px 12px;display:flex}.stat .label{color:var(--muted);font-size:.75rem}.stat .value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;line-height:1.2}.stat.rest .value{color:var(--accent)}.stat.rest{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ex-head,.ex-head .title-btn{justify-content:space-between;align-items:baseline;gap:8px;width:100%;min-width:0;display:flex}.ex-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ex-head .cat{flex:none}.ex-details{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.ex-details .variation{font-size:inherit}.cat{color:var(--muted);font-size:.8rem;font-weight:400}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 12px}.chip .note{color:var(--muted);margin-left:4px;font-size:.8rem}.chip.fresh{outline:2px solid var(--accent)}.add-row{z-index:1;background:var(--bg);box-shadow:0 -12px 12px var(--bg), 0 24px 0 var(--bg);gap:8px;display:flex;position:sticky;bottom:0}.add-exercise{border:1px dashed var(--field-line);color:var(--accent);border-radius:var(--radius);background:0 0;flex:1;padding:10px;font-weight:600}.add-row .icon-btn{border-radius:var(--radius);width:48px;height:auto}.photos{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.photos::-webkit-scrollbar{display:none}.photo{background:var(--surface);border-radius:10px;flex:none;width:72px;height:72px;padding:0;position:relative;overflow:hidden}.photo img{object-fit:cover;outline-offset:-1px;border-radius:10px;outline:1px solid #ffffff1a;outline:1px solid lab(100% 0 0/.1);width:100%;height:100%;display:block}.photo span{text-align:center;color:#fff;background:#0000008c;padding:1px 0;font-size:.7rem;position:absolute;inset:auto 0 0}.photo-view .view-box{border-radius:10px}.photo-view img{object-fit:contain;background:#000;border-radius:10px;width:100%;max-height:70dvh;display:block}.card.group{padding-inline-end:70px;position:relative}.card.group.done{align-items:center;gap:10px;padding:8px 14px;display:flex}.card.group.done .ex-head{flex:0 auto;max-width:42%;font-size:.9rem}.card.group.done .chips{flex:1;min-width:0;margin:-3px}.add-side{border-radius:0 var(--radius) var(--radius) 0;width:56px;color:var(--accent);font-size:1.75rem;font-weight:600;line-height:1;position:absolute;inset-block:0;inset-inline-end:0}.card.group .chips{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;margin:7px -3px -3px;padding:3px;overflow-x:auto}.card.group .chips::-webkit-scrollbar{display:none}.card.group .chip{white-space:nowrap;flex:none;padding:5px 10px;font-size:.875rem}.suggests{gap:6px;margin-top:6px;display:flex}.suggests:empty{display:none}.chip.suggest{color:var(--accent);flex:1;padding:4px 0;font-size:.875rem}.chip.pending{border:1px dashed var(--accent);color:var(--accent);background:0 0}.group.current{box-shadow:inset 3px 0 0 var(--accent)}.empty{text-align:center;padding:40px 12px}.empty p{margin:6px 0}.exchange{border-left:3px solid var(--accent)}.exchange .heard{color:var(--muted);font-style:italic}.exchange.error{border-left-color:var(--danger)}.dock{background:var(--bg);border-top:1px solid var(--line)}.voice{padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.voice .status{text-align:center;overflow-wrap:anywhere;min-height:1.4em;margin-bottom:6px}.mic{background:var(--accent);width:60px;height:60px;color:var(--accent-ink);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;margin:0 auto;display:block;box-shadow:0 6px 24px #e8ff5a2e}.mic svg{width:26px;height:26px}.mic-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.mic-row .side{white-space:nowrap;padding:6px 12px;font-size:.85rem}.mic-row .side-left{justify-content:space-between;justify-self:stretch;align-items:center;gap:8px;display:flex}.mic-row .side:last-child{justify-self:start}.chip.on{background:var(--accent);color:var(--accent-ink)}@media (prefers-reduced-motion:no-preference){.mic.listen{animation:2s infinite listen}.mic.rec{animation:1.2s infinite pulse}}@keyframes listen{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 50%, transparent)}70%{box-shadow:0 0 0 18px #0000}to{box-shadow:0 0 #0000}}.mic.rec{background:var(--rec);color:#fff}.mic.busy{background:var(--surface-2);color:var(--accent)}@keyframes pulse{0%{box-shadow:0 0 #ff4d4d80}70%{box-shadow:0 0 0 18px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}.type-row input{flex:1;min-width:0}.icon-btn{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.icon-btn svg{width:22px;height:22px}dialog.menu{margin:auto auto calc(76px + env(safe-area-inset-bottom)) 16px;width:max-content;min-width:200px;padding:6px}dialog.menu:focus{outline:none}dialog.menu nav{flex-direction:column;display:flex}dialog.menu button{text-align:start;background:0 0;border-radius:8px;padding:12px 14px}dialog.menu button[aria-current]{color:var(--accent);font-weight:600}.menu-float{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:3;width:48px;height:48px;position:fixed;box-shadow:0 4px 16px #00000073}main.float-pad{padding-bottom:88px}.help summary{cursor:pointer;color:var(--text)}.help p{margin:6px 0 0}.ex+.ex{margin-top:8px}label.field{display:block}label.field span{color:var(--muted);margin-bottom:4px;font-size:.9rem;display:block}.switch{align-items:center;gap:10px;display:flex}.switch input{width:auto}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);width:min(420px,100vw - 32px);padding:16px}dialog::backdrop{background:#0009}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toast{left:50%;top:calc(12px + env(safe-area-inset-top));background:var(--surface-2);z-index:10;border-radius:10px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;transform:translate(-50%)}.ratio{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.ex b{font-weight:600}.gym-card{border-left:3px solid var(--accent)}.gym-card .chips button.primary{border-radius:999px;padding:6px 16px}a{color:var(--accent)}.variation{color:var(--accent);font-size:.85rem;font-weight:400}.variation-head{margin:14px 0 6px;font-size:.95rem}.variation-head:first-child{margin-top:0}.group[data-group]{cursor:pointer}.gate{margin-top:15vh}.gate .error{color:var(--danger)}.install{width:min(528px,100% - 32px);margin:calc(12px + env(safe-area-inset-top)) auto 0;border:1px solid var(--line)}.install-head{gap:12px}.install-head h2{flex:1}.install-head img{border-radius:10px;flex:none}.install p,.install ol{color:var(--muted);margin:10px 0 0}.install .primary{margin-top:12px}.install ol{padding-inline-start:1.25em}.install li+li{margin-top:4px}.inline-icon{vertical-align:-.2em;width:1.1em;height:1.1em;color:var(--text)}button.google{color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-weight:500;display:flex}button.google svg{width:20px;height:20px}.usage meter{width:100%;height:8px;margin-top:6px;display:block}.back{align-self:flex-start;padding-inline:0}.avatar{background:var(--surface-2);width:28px;height:28px;color:var(--text);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:600;display:inline-grid}.streak{align-items:center;gap:8px;display:flex}.streak-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.days{flex:none;gap:3px;display:flex}.days i{background:var(--surface-2);border-radius:3px;width:9px;height:18px}.days i.on{background:var(--accent)}.streak .count{text-align:end;font-variant-numeric:tabular-nums;width:1.5em}.checkin{padding:0;overflow:hidden}.checkin>:not(.cover){margin-inline:14px}.checkin .cover{aspect-ratio:4/3;background:var(--surface-2)}.checkin .cover img{object-fit:cover;width:100%;height:100%;display:block}.checkin .who{align-items:center;gap:10px;margin-top:12px;display:flex}.checkin h3{margin-block:10px 2px;font-size:1rem}.checkin p{margin-block:0 12px}.checkin details{margin-bottom:12px}.checkin summary{cursor:pointer;color:var(--accent)}.ex-line{margin-top:6px}.photo-nudge{align-items:center;gap:12px;display:flex}.photo-nudge p{margin:0}.group-chips{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.group-chips::-webkit-scrollbar{display:none}.group-chips .chip{white-space:nowrap;flex:none}.link-card{text-align:start;flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.link-card h2{margin:0}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .line{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-linejoin:round}.chart .hit{fill:#0000;cursor:pointer}#chart-info{min-height:1.4em;margin:0}.legend{flex-wrap:wrap;gap:6px 14px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:50%;flex:none;width:10px;height:10px}img.wait:not(.loaded){opacity:0}:has(>img.wait:not(.loaded)){background:linear-gradient(100deg, var(--surface-2) 35%, #3a3e46 50%, var(--surface-2) 65%) 0 0 / 300% 100%}.view-box:has(>img.wait:not(.loaded)){aspect-ratio:3/4}@media (prefers-reduced-motion:no-preference){:has(>img.wait:not(.loaded)){animation:1.2s linear infinite shimmer}}@media (prefers-reduced-motion:reduce){:has(>img.wait:not(.loaded)){animation:1.2s ease-in-out infinite alternate fade}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes fade{to{opacity:.5}}.eq-line{text-align:start;justify-content:space-between;gap:12px;width:100%;display:flex}.eq-line>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.eq-line>span{flex:none;max-width:45%}
