:root{--paper: #faf3e4;--panel: #f2e7d0;--panel-2: #e8d9bb;--border: #d6c19a;--ink: #3a2a16;--muted: #7d6647;--accent: #a8402c;--accent-2: #8a5a1e;--shadow: 0 1px 2px rgba(74, 50, 24, .08), 0 8px 24px rgba(74, 50, 24, .09);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.32'/%3E%3C/svg%3E");color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--panel) var(--grain);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{display:grid;grid-template-columns:292px minmax(0,1fr) 340px;grid-template-rows:100%;height:100%;overflow:hidden}.sidebar,.detail{background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:18px}.detail{border-right:none;border-left:1px solid var(--border)}.stage{position:relative;min-width:0;min-height:0;background:var(--grain),radial-gradient(120% 90% at 50% 15%,#fdf7ea,#f6ecd6 55%,#eee0c4)}.stage canvas{display:block;position:relative;touch-action:none}.app--compact{display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.app--compact .stage{flex:none;height:min(46dvh,420px);border-bottom:1px solid var(--border)}.topbar{flex:none;padding:10px 16px calc(10px + env(safe-area-inset-top)) 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--border)}.topbar .brand{margin:0}.topbar .tagline{margin:2px 0 0}.panel{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px calc(24px + env(safe-area-inset-bottom));background:var(--panel)}.pane-tabs{flex:none;display:flex;gap:6px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.pane-tabs button{flex:1;min-height:40px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.pane-tabs button.active{background:var(--paper);border-color:var(--accent);color:var(--ink)}.stage-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center}.stage-fallback h2{margin:0 0 8px}.stage-fallback p{color:var(--muted);font-size:13px;max-width:360px;line-height:1.5}.brand{margin:0 0 16px}.brand h1{font-family:var(--serif);font-size:21px;margin:0;letter-spacing:.01em}.brand .keiser{color:var(--accent);font-weight:800}.tagline{color:var(--muted);font-size:12px;margin:2px 0 0}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 8px}.category{margin-bottom:6px}.category h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2);margin:14px 0 6px}.exercise-btn{display:block;width:100%;min-height:44px;text-align:left;background:transparent;border:1px solid transparent;color:var(--ink);padding:8px 10px;border-radius:9px;cursor:pointer;font:inherit;font-size:14px;transition:background .12s,border-color .12s}.exercise-btn:hover{background:var(--panel-2)}.exercise-btn.active{background:var(--paper);border-color:var(--accent);box-shadow:var(--shadow)}.exercise-btn small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.detail h2,.panel h2{font-family:var(--serif);margin:0 0 2px;font-size:23px;letter-spacing:.01em}.setup{color:var(--muted);font-size:13px;margin:0 0 14px}.pill{display:inline-block;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px;margin:0 6px 6px 0}.muscle-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0}.swatch{width:12px;height:12px;border-radius:3px;flex:none}.muscle-row .tag{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.prescription{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0}.prescription .stat{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.prescription .stat .k{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.prescription .stat .v{font-size:18px;font-weight:700}.cues{margin:8px 0 0;padding-left:18px}.cues li{font-size:13px;color:#4d3a22;margin-bottom:6px;line-height:1.45}.controls{position:absolute;z-index:1;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);background:#faf3e4e6;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:7px 12px;box-shadow:var(--shadow)}.controls button{display:inline-flex;align-items:center;gap:7px;min-height:38px;background:var(--accent);color:#fff;border:none;border-radius:9px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.controls label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;min-width:0}.controls input[type=range]{accent-color:var(--accent);min-width:0;width:110px;height:26px}.controls__speed{font-variant-numeric:tabular-nums;min-width:42px}.controls--compact{gap:8px;padding:6px 10px;bottom:10px}.controls--compact .controls__label{display:none}.controls--compact button{padding:8px 12px}.controls--compact input[type=range]{width:clamp(80px,34vw,160px)}.plan-toggle{display:flex;gap:6px;margin-bottom:12px}.plan-toggle button{flex:1;min-height:36px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:9px;padding:6px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.plan-toggle button.active{background:var(--paper);color:var(--ink);border-color:var(--accent)}.volume-bar{height:8px;border-radius:4px;background:var(--panel-2);overflow:hidden;margin-top:3px}.volume-bar>div{height:100%}.legend-note{font-size:11px;color:var(--muted);margin-top:4px}@media (min-width: 901px) and (max-width: 1180px){.app{grid-template-columns:232px minmax(0,1fr) 268px}.sidebar,.detail{padding:14px}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}.brand .seven{color:var(--accent);font-weight:800}.exercise-btn__row{display:flex;align-items:center;gap:8px}.exercise-btn__row>span:first-child{flex:1}.tick{color:var(--accent);font-weight:700}.kind{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700;color:var(--accent)}.why{font-size:13.5px;line-height:1.5;color:#4d3a22;border-left:2px solid var(--border);padding-left:10px;margin:0 0 14px}.scale{font-size:13px;line-height:1.5;color:#4d3a22;margin:0 0 8px}.scale strong{color:var(--accent-2)}.today{display:flex;align-items:center;gap:10px;margin:12px 0 4px;flex-wrap:wrap}.tick-btn{flex:1;min-height:40px;min-width:150px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.tick-btn.done{background:var(--accent);border-color:var(--accent);color:#fff}.load{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.load input{width:72px;min-height:40px;background:var(--paper);border:1px solid var(--border);border-radius:9px;color:var(--ink);font:inherit;font-size:14px;padding:6px 8px}.streak{font-size:12px;font-weight:600;color:var(--accent);margin:0 0 10px}.optional-tag{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}