:root{--brand:#313c4f;--bg:#1b1f26;--surface:#262c35;--surface-2:#343b47;--accent:#79a6d9;--on-accent:#1b2230;--fg:#eef2f8;--muted:#a6b0c2;--danger:#ff7a7a;--warn:#ffd27a;--figure:#a6b0c2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{background:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;padding-bottom:calc(64px + env(safe-area-inset-bottom));margin:0}input,textarea,select{-webkit-user-select:text;user-select:text}body.in-workout{padding-bottom:0}a{color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--danger)}.top-bar{z-index:1;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--brand);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.top-bar h1{margin:0;font-size:1.1rem}.top-bar a{text-decoration:none}.top-bar-right{justify-content:flex-end;display:flex}.icon-link{color:var(--fg);display:flex}.more-link{padding:12px 0 0;text-decoration:none;display:block}.page{max-width:560px;padding:16px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.stack{flex-direction:column;gap:16px;display:flex}.center{text-align:center;align-items:center}.btn{border:1px solid var(--surface-2);background:var(--surface);min-height:48px;color:var(--fg);border-radius:10px;justify-content:center;align-items:center;padding:0 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.btn-large{align-self:stretch;min-height:60px;font-size:1.15rem}.btn:disabled{opacity:.5}.link-btn{color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.segmented{background:var(--surface);border-radius:10px;padding:4px;display:flex}.segmented button{min-height:44px;color:var(--muted);background:0 0;border:none;border-radius:8px;flex:1;font-size:1rem;font-weight:600}.segmented button.selected{background:var(--surface-2);color:var(--fg)}.banner{background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;font-weight:600;display:flex}.banner-warn{border:1px solid var(--warn);color:var(--warn)}.progress{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .1s linear}.card-link{background:var(--surface);color:var(--fg);border-radius:12px;flex-direction:column;gap:4px;padding:20px;text-decoration:none;display:flex}.card-link strong{font-size:1.2rem}.card-link span{color:var(--muted)}.card-with-icon{flex-direction:row;align-items:center;gap:16px}.card-with-icon>div{flex-direction:column;gap:4px;display:flex}.card-icon{width:56px;height:56px;color:var(--accent);flex:none}.hero-icon{width:160px;height:160px;color:var(--accent);align-self:center}.icon{line-height:0;display:inline-block}.icon svg{width:100%;height:100%}.card-link.disabled{opacity:.45}.list{flex-direction:column;gap:12px;display:flex}.workout-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.big-number{color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;font-size:7rem;font-weight:800;line-height:1}.hidden-video{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}.status{min-height:2.5em;color:var(--muted);text-align:center;flex-direction:column;gap:8px;display:flex}.tap-zone{aspect-ratio:1;border:3px solid var(--accent);background:var(--surface);width:min(80vw,400px);color:var(--muted);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0 auto;display:flex}.style-figure{width:48px;height:48px;color:var(--figure);--arm-color:var(--accent);line-height:0;display:inline-block}.style-figure svg{width:100%;height:100%}.style-badge{align-items:center;gap:4px;display:inline-flex}.style-badge-label{margin-left:8px;font-weight:600}.style-summary{background:var(--surface);color:var(--fg);border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:1rem;display:flex}.style-picker{flex-direction:column;gap:8px;display:flex}.picker-heading,.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 0;font-size:.85rem;font-weight:600}.tile-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tile-grid-3{grid-template-columns:repeat(3,1fr)}.tile{background:var(--surface);color:var(--fg);border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.75rem;display:flex}.tile .style-figure{aspect-ratio:1;width:100%;height:auto}.tile.selected{border-color:var(--accent)}.tip{margin:0;font-size:.9rem}.side-option{font-size:.85rem}.side-choice{flex-wrap:wrap;gap:8px;display:flex}.quiet-link{color:var(--muted);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.quiet-chip{border:1px solid var(--surface-2);color:var(--muted);font-size:inherit;background:0 0;border-radius:999px;padding:4px 10px}.quiet-chip.selected{border-color:var(--muted);color:var(--fg)}.plain-list{margin:0;padding:0;list-style:none}.style-row{border-bottom:1px solid var(--surface-2);align-items:center;gap:12px;padding:6px 0;display:flex}.style-row .style-figure{width:36px;height:36px}.style-row-label{flex:1}.tap-zone .style-figure{width:64px;height:64px}.settings-group{flex-direction:column;gap:4px;display:flex}.setting-row{background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 16px;display:flex}.setting-row select{max-width:60%;min-height:36px;font-size:1rem}.setting-row input[type=range]{max-width:60%;accent-color:var(--accent);flex:1}.switch{appearance:none;background:var(--surface-2);border-radius:999px;width:51px;height:31px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:var(--fg);border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.hint-left{margin:0 4px;font-size:.85rem}.row-buttons{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tab-bar{z-index:2;padding-bottom:env(safe-area-inset-bottom);background:var(--brand);border-top:1px solid var(--surface-2);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar a{min-height:56px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.tab-bar a.active{color:var(--accent)}body.in-workout .tab-bar{display:none}.period{grid-template-columns:48px 1fr 48px;align-items:center;display:grid}.period-title{flex-direction:column;align-items:center;gap:2px;display:flex}.icon-btn{background:var(--surface);width:48px;height:48px;color:var(--fg);border:none;border-radius:50%;font-size:1.5rem}.icon-btn:disabled{opacity:.3}.chart{height:280px;position:relative}.hint{text-align:center;margin:0;font-size:.85rem}.debug{padding:12px 16px calc(24px + env(safe-area-inset-bottom))}.debug-header{align-items:center;gap:16px;display:flex}.debug-header a{text-decoration:none}.debug-header h1{margin:0;font-size:1.25rem}.debug .banner{margin:8px 0}.banner-position{flex-direction:column;align-items:stretch}.preview{aspect-ratio:4/3;background:#000;border-radius:8px;width:100%;max-width:480px;margin:12px auto;position:relative;overflow:hidden;transform:scaleX(-1)}.preview video{object-fit:cover;width:100%;height:100%}.face-box{border:3px solid var(--accent);border-radius:4px;position:absolute}.no-face{text-align:center;color:var(--danger);font-weight:700;position:absolute;inset:auto 0 12px;transform:scaleX(-1)}.controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.toggle{color:var(--muted);align-items:center;gap:8px;display:flex}.toggle select{min-height:40px;font-size:1rem}.counter{text-align:center;margin:8px 0}.counter-number{color:var(--accent);font-variant-numeric:tabular-nums;font-size:6rem;font-weight:800;line-height:1}.counter-state{color:var(--muted)}.stats{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:6px 16px;display:grid}.stats dt{color:var(--muted)}.stats dd{margin:0;font-weight:600}.graph{margin:16px 0}.graph canvas{background:var(--surface);border-radius:8px;width:100%;height:160px;display:block}.legend{flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:.85rem;display:flex}.panel{background:var(--surface);border-radius:8px;margin:16px 0;padding:16px}.panel p{margin-top:0}.field{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field input{border:1px solid var(--muted);background:var(--bg);min-height:44px;color:var(--fg);border-radius:8px;padding:0 12px;font-size:1rem}