:root{--bg:#111214;--bg-glow:radial-gradient(1200px 600px at 10% -10%, #2a3b1d55, transparent 60%), radial-gradient(900px 500px at 110% 10%, #1d2a5a55, transparent 60%);--surface:#1c1d21;--surface-2:#26282d;--text:#f5f6f7;--muted:#9a9ea8;--border:#2a2c31;--accent:#d7f75b;--accent-text:#14160c;--highlight:#4c62e8;--highlight-text:#fff;--ring-a:#d7f75b;--ring-b:#4c62e8;--seg-thumb:#d7f75b;--seg-thumb-text:#14160c;--pr:#ffb84d;--good:#7ee08a;--bad:#ff6b6b;--radius:22px;--radius-sm:calc(var(--radius) * .6);--font:"Outfit", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--shadow:0 1px 2px #00000014, 0 8px 24px #00000014;--ease:cubic-bezier(.2, .8, .2, 1);--dock-h:0px;--nav-offset:calc(88px + env(safe-area-inset-bottom));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0}body{background-image:var(--bg-glow);min-height:100vh;padding-bottom:calc(var(--nav-offset) + 8px + var(--dock-h));-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background-attachment:fixed;font-size:16px;line-height:1.4}a{color:var(--link,var(--accent));text-decoration:none}h1{letter-spacing:-.03em;margin:0;font-size:2.1rem;font-weight:700;line-height:1.1}h2{letter-spacing:-.015em;margin:0 0 8px;font-size:1.15rem;font-weight:650}.page{max-width:720px;margin:0 auto;padding:16px 16px 24px}.center{text-align:center;padding-top:15vh}.muted{color:var(--muted)}.small{font-size:.84rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{justify-content:space-between;align-items:center;gap:8px;display:flex}.stack{gap:14px;display:grid}.code{font-family:var(--mono);background:var(--surface-2);white-space:pre-wrap;word-break:break-word;border-radius:10px;padding:10px;font-size:.8rem;overflow:auto}.hello{color:var(--muted);font-size:.95rem;font-weight:500}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;padding-top:4px;display:flex}.avatar-btn{width:44px;height:44px;color:var(--accent-text);background:linear-gradient(135deg, var(--ring-a), var(--ring-b));box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.focused{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent), var(--shadow)}.card.hero{background:var(--highlight);color:var(--highlight-text);border-color:#0000}.card.hero .muted{color:color-mix(in srgb, var(--highlight-text) 75%, transparent)}.tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);align-content:start;gap:4px;padding:16px;display:grid}.tile.hero{background:var(--highlight);color:var(--highlight-text);border-color:#0000}.tile.lime{background:var(--accent);color:var(--accent-text);border-color:#0000}.tile.hero .muted,.tile.lime .muted{color:inherit;opacity:.75}.tile .label{opacity:.75;font-size:.8rem;font-weight:600}.tile .value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:750;line-height:1.05}.tile .value small{opacity:.7;letter-spacing:0;font-size:.95rem;font-weight:600}.tile .foot{opacity:.7;font-size:.78rem}.bar{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;height:6px;margin:6px 0 2px;overflow:hidden}.bar>i{border-radius:inherit;background:var(--ring-a);height:100%;transition:width .4s var(--ease);display:block}.tile.lime .bar>i{background:currentColor}.tile.hero .bar>i{background:var(--highlight-text)}.btn{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;min-height:44px;transition:transform .12s var(--ease), background .2s, opacity .2s;border-radius:999px;padding:8px 16px;font-weight:600}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.btn.danger{color:var(--bad)}.btn.ghost{background:0 0;border-color:#0000}.btn.big{min-height:56px;padding:12px 22px;font-size:1.08rem}.btn.sm{min-width:44px;min-height:44px;padding:4px 12px;font-size:.85rem}.btn.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.88rem;font-weight:600;display:inline-flex}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;padding:9px 12px}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px;font-size:.92rem;font-weight:600}textarea{width:100%;font-family:var(--mono);font-size:.85rem}label.field{color:var(--muted);gap:6px;font-size:.84rem;font-weight:500;display:grid}input[type=checkbox]{width:20px;height:20px;min-height:auto;accent-color:var(--accent);flex:none;padding:0}input[type=color]{padding:0}label.row{flex-wrap:nowrap}.segmented{background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented button{font:inherit;color:var(--muted);cursor:pointer;transition:background .2s var(--ease), color .2s;background:0 0;border:0;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:600}.segmented button.on{background:var(--seg-thumb);color:var(--seg-thumb-text);box-shadow:0 1px 3px #0000002e}.badge{background:var(--pr);color:#1b1300;letter-spacing:.01em;border-radius:999px;padding:3px 7px;font-size:.7rem;font-weight:750;display:inline-block}.pill{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-block}.pill.good{background:color-mix(in srgb, var(--good) 18%, transparent);color:var(--good)}.btn:active:not(:disabled),.chip:active,.nav a:active,.stepper button:active,.weekstrip .num:active{transform:scale(.96)}.tile:has(>a):active{transform:scale(.96)}.tile:has(>button):active{transform:scale(.96)}.tile,.nav a,.stepper button,.chip{transition:transform .12s var(--ease), background .2s}.nav{bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border);border-radius:999px;justify-content:space-around;align-items:center;width:min(100vw - 24px,480px);height:68px;padding:0 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.nav a{background:var(--surface-2);width:52px;height:52px;color:var(--text);border-radius:50%;place-items:center;display:grid}.nav a.on{background:var(--accent);color:var(--accent-text)}.nav .ico{place-items:center;line-height:1;display:grid}.nav .lbl{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.weekstrip{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.weekstrip .dow{color:var(--muted);font-size:.72rem;font-weight:600}.weekstrip .num{font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:38px;height:38px;margin:6px auto 0;font-weight:650;display:grid}.weekstrip .today .num{background:var(--text);color:var(--bg)}.weekstrip .future .num{color:var(--muted)}.weekstrip .mark{background:0 0;border-radius:50%;width:5px;height:5px;margin:4px auto 0}.weekstrip .done .mark{background:var(--ring-a)}.setlist{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.setlist li{border-radius:var(--radius-sm);background:var(--surface-2);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:8px 10px;font-weight:550;display:flex}.setlist .idx{background:var(--surface);width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.setlist .grow{flex:1}.dock{left:0;right:0;bottom:var(--nav-offset);z-index:15;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;padding:12px 16px 14px;position:fixed;box-shadow:0 -10px 30px #00000038}.dock-inner{gap:10px;max-width:720px;margin:0 auto;display:grid}.steppers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stepper{background:var(--surface-2);border-radius:var(--radius-sm);grid-template-columns:56px 1fr 56px;align-items:center;padding:4px;display:grid}.stepper button{background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;border:0;border-radius:50%;margin:auto;font-size:1.5rem;line-height:1;box-shadow:0 1px 2px #00000026}.stepper .val{text-align:center;letter-spacing:-.02em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:1.6rem;font-weight:750}.stepper .val small{color:var(--muted);letter-spacing:.02em;font-size:.68rem;font-weight:600;display:block}.stepper input{text-align:center;width:100%;min-height:44px;font-size:1.2rem}.timer{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.timer .bar{background:var(--surface-2);flex:1;height:6px;margin:0}.timer .bar>div{background:linear-gradient(90deg, var(--ring-a), var(--ring-b));border-radius:inherit;height:100%;transition:width .25s linear}.timer.done .bar>div{background:var(--good)}.toast{left:50%;bottom:calc(var(--nav-offset) + 12px + var(--dock-h));z-index:30;color:#fff;-webkit-backdrop-filter:blur(12px);width:max-content;max-width:calc(100vw - 32px);animation:toast-in .25s var(--ease);background:#1c1c1ef0;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:12px;padding:11px 16px;font-size:.92rem;font-weight:550;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.toast button{color:#64d2ff;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:750}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.grid2{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px}.stat .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:750}.stat .v.up{color:var(--good)}.stat .v.down{color:var(--bad)}.chart{width:100%;height:300px}.ring{place-items:center;display:grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring .ring-label{text-align:center;font-variant-numeric:tabular-nums;position:absolute}.ring .ring-label b{font-size:1.1rem;display:block}.friend{align-items:center;gap:12px;display:flex}.avatar{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:750;display:grid}.dot{background:var(--muted);border-radius:50%;width:9px;height:9px;display:inline-block}.dot.good{background:var(--good)}.dot.wait{background:var(--pr)}.debug-fab{left:10px;bottom:calc(var(--nav-offset) + 12px + var(--dock-h));z-index:40;position:fixed}.debug-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:41;padding:12px;position:fixed;inset:10px 10px 70px;overflow:auto}.sync-banner{z-index:25;background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:550;display:flex;position:sticky;top:0}.sync-banner.off{background:color-mix(in srgb, var(--pr) 20%, var(--surface))}.sync-banner .dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.sync-banner.off .dot{background:var(--pr)}.swatches{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.swatch{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;gap:6px;padding:8px;font-size:.75rem;font-weight:600;display:grid}.swatch.on{border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.swatch .preview{border-radius:10px;height:54px;position:relative;overflow:hidden}.swatch .preview i{border-radius:6px;position:absolute}:root[data-style=pro]{--nav-offset:calc(64px + env(safe-area-inset-bottom));--shadow:0 1px 2px #0000000d}[data-style=pro] body{background-image:var(--bg-glow);font-feature-settings:"tnum" 1, "cv11" 1}[data-style=pro] h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem;font-weight:600}[data-style=pro] .tile.hero h2,[data-style=pro] .card.hero h2{color:inherit;opacity:.75}[data-style=pro] .btn.big{min-height:52px;font-size:1rem}[data-style=pro] .tile.lime{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent)}[data-style=pro] .tile.lime .bar>i{background:var(--ring-a)}[data-style=pro] .badge,[data-style=pro] .pill{border-radius:6px}[data-style=pro] .nav{width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);box-shadow:none;border-width:1px 0 0;border-radius:0;bottom:0;left:0;right:0;transform:none}[data-style=pro] .nav a{width:auto;min-width:64px;height:auto;color:var(--muted);background:0 0;border-radius:10px;gap:3px;padding:6px 8px}[data-style=pro] .nav a.on{color:var(--link,var(--accent));background:0 0}[data-style=pro] .nav .lbl{clip:auto;width:auto;height:auto;font-size:.66rem;font-weight:600;position:static;overflow:visible}[data-style=pro] .dock{border-width:1px 0 0;border-radius:0;box-shadow:0 -4px 16px #0000000f}[data-glass=on] body{background-color:var(--bg);background-image:var(--bg-glow);background-size:cover}[data-glass=on] .card,[data-glass=on] .tile,[data-glass=on] .nav,[data-glass=on] .dock,[data-glass=on] .segmented,[data-glass=on] .chip,[data-glass=on] select,[data-glass=on] input:not([type=checkbox]):not([type=color]),[data-glass=on] .sync-banner,[data-glass=on] .swatch{background:color-mix(in srgb, var(--surface) 38%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff38,0 10px 30px #0000002e}[data-glass=on] .tile.hero,[data-glass=on] .card.hero{background:color-mix(in srgb, var(--highlight) 55%, transparent)}[data-glass=on] .tile.lime{background:color-mix(in srgb, var(--accent) 78%, transparent)}[data-glass=on] .setlist li,[data-glass=on] .stepper,[data-glass=on] .stat,[data-glass=on] .btn:not(.primary):not(.ghost){background:color-mix(in srgb, var(--surface-2) 45%, transparent);border-color:#ffffff1f}[data-glass=on] .stepper button{background:#ffffff29}[data-glass=on] .nav a:not(.on){background:#ffffff1a}[data-glass=on] .card.focused{border-color:var(--accent)}[data-glass=on] .dock,[data-glass=on] .nav,[data-glass=on] .sync-banner{background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(36px)saturate(180%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.coach-fab{right:16px;bottom:calc(var(--nav-offset) + 14px + var(--dock-h));z-index:22;border:1px solid var(--border);background:var(--highlight);color:var(--highlight-text);font:inherit;cursor:pointer;transition:transform .12s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:10px 16px 10px 12px;font-size:.9rem;font-weight:650;display:inline-flex;position:fixed;box-shadow:0 10px 30px #0000004d}.coach-fab:active{transform:scale(.96)}.coach-fab.compact{padding:12px}.coach-fab.compact span{display:none}.coach-panel{z-index:45;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:max(12px, env(safe-area-inset-top));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:460px;animation:coach-in .22s var(--ease);flex-direction:column;margin-left:auto;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 60px #00000073}@media (min-height:760px){.coach-panel{height:min(640px,100vh - 24px);top:auto}}@keyframes coach-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.coach-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 10px 12px 14px;display:flex}.coach-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.bubble{word-wrap:break-word;border-radius:18px;max-width:86%;padding:10px 13px;font-size:.94rem;line-height:1.4}.bubble p{margin:0 0 6px}.bubble p:last-child{margin-bottom:0}.bubble ul{margin:4px 0;padding-left:18px}.bubble li{margin:2px 0}.bubble code{font-family:var(--mono);background:color-mix(in srgb, currentColor 12%, transparent);border-radius:4px;padding:1px 4px;font-size:.85em}.bubble.user{background:var(--accent);color:var(--accent-text);border-bottom-right-radius:6px;align-self:flex-end}.bubble.coach{background:var(--surface-2);border-bottom-left-radius:6px;align-self:flex-start}.bubble.typing{gap:4px;padding:14px 16px;display:inline-flex}.bubble.typing i{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.coach-input{border-top:1px solid var(--border);gap:8px;padding:10px 12px;display:flex}.coach-input input{border-radius:999px;flex:1}.coach-input .btn{width:44px;padding:0;font-size:1.2rem}[data-glass=on] .coach-panel{background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(30px)saturate(180%)}.mascot{cursor:pointer;animation:toast-in .3s var(--ease);align-items:center;gap:10px;display:flex}.mascot-bubble{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px 18px 18px 6px;flex:1;min-height:42px;padding:10px 14px;font-size:.93rem;font-weight:550;line-height:1.35;position:relative}.mascot-caret{vertical-align:-2px;background:var(--muted);width:7px;height:1em;margin-left:2px;animation:.8s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}[data-glass=on] .mascot-bubble{background:color-mix(in srgb, var(--surface) 45%, transparent);-webkit-backdrop-filter:blur(20px)}.profile-hero{gap:8px;display:grid}.profile-banner{border-radius:var(--radius-sm);background:linear-gradient(120deg, var(--ring-a,var(--accent)), var(--ring-b,var(--highlight)));background-position:50%;background-size:cover;height:110px}.profile-hero-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:-40px;padding:0 8px;display:flex}.profile-hero-row .avatar{border:3px solid var(--surface);box-shadow:0 2px 10px #00000040}.avatar-btn.has-photo{padding:0;overflow:hidden}.avatar-btn.has-photo img{object-fit:cover;width:100%;height:100%;display:block}.proposal{border-radius:var(--radius-sm);border:1px dashed var(--accent);background:var(--surface-2);align-self:flex-start;gap:6px;max-width:88%;padding:10px 12px;display:grid}.coach-input{align-items:flex-end}.coach-input textarea{resize:none;min-height:44px;max-height:150px;line-height:1.35;font:inherit;border-radius:22px;flex:1;padding:11px 16px;overflow-y:auto}.coach-input .btn{flex:none;height:44px}.setlist li.split-cols{background:0 0;padding-top:0;padding-bottom:0;font-weight:600}.setlist li.split-ex{align-items:stretch;gap:8px;display:grid}.split-ex-name{width:100%;min-width:0;font-weight:650}.split-ex-row{align-items:center;gap:8px;display:flex}.split-ex-field{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.split-ex-field input{text-align:center;width:64px}.split-ex-field:nth-child(2) input{width:80px}.import-day{border-radius:var(--radius-sm);background:var(--surface-2);padding:10px 12px}.import-day>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;display:flex}.import-day>summary::-webkit-details-marker{display:none}.import-ex{border-radius:var(--radius-sm);background:var(--surface);gap:6px;padding:8px;display:grid}.import-ex .split-ex-field input{width:56px}.chip.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.photo-thumb{border-radius:var(--radius-sm);background:var(--surface-2);width:96px;height:96px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-thumb .btn{min-height:0;padding:2px 8px;position:absolute;top:4px;right:4px}[data-glass=on][data-mode=light] .card,[data-glass=on][data-mode=light] .tile{background:color-mix(in srgb, var(--surface) 72%, transparent);border-color:#fff9}[data-glass=on][data-mode=light] .tile.hero,[data-glass=on][data-mode=light] .card.hero{background:color-mix(in srgb, var(--highlight) 92%, transparent)}[data-glass=on][data-mode=light] .dock,[data-glass=on][data-mode=light] .nav,[data-glass=on][data-mode=light] .sync-banner{background:color-mix(in srgb, var(--surface) 96%, transparent)}[data-glass=on][data-mode=light] .stepper button,[data-glass=on][data-mode=light] .nav a:not(.on){background:color-mix(in srgb, var(--text) 7%, transparent)}label.row:has(>input[type=checkbox]){cursor:pointer;min-height:44px}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.today-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:4px 2px -4px;font-size:.8rem;font-weight:700}.tap-pad{align-items:center;min-height:44px;margin:-12px -10px;padding:0 10px;display:inline-flex}.settings-jump{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.settings-jump::-webkit-scrollbar{display:none}.settings-group{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:14px 2px -4px;scroll-margin-top:12px;font-size:.8rem;font-weight:700}#advanced{scroll-margin-top:12px}#advanced>summary{cursor:pointer;align-items:center;gap:6px;min-height:44px;list-style:none;display:flex}#advanced>summary::-webkit-details-marker{display:none}.timer.done{border-radius:var(--radius-sm);animation:.9s ease-in-out 3 rest-done}@keyframes rest-done{50%{background:color-mix(in srgb, var(--good) 28%, transparent)}}@media (prefers-reduced-motion:reduce){.timer.done{background:color-mix(in srgb, var(--good) 22%, transparent);animation:none}}.widget{position:relative}.widgets.editing .widget{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;animation:.32s ease-in-out infinite alternate wiggle}.widgets.editing .widget.dragging{opacity:.85;z-index:2;cursor:grabbing;animation:none;transform:scale(1.03);box-shadow:0 16px 40px #00000059}@keyframes wiggle{0%{transform:rotate(-.7deg)}to{transform:rotate(.7deg)}}@media (prefers-reduced-motion:reduce){.widgets.editing .widget{outline:2px dashed var(--muted);outline-offset:3px;animation:none}}.widget,.widget *{-webkit-touch-callout:none}.widget-remove{cursor:pointer;background:var(--surface-2);width:30px;height:30px;color:var(--text);z-index:3;border:0;border-radius:50%;font-size:1.3rem;font-weight:800;line-height:1;position:absolute;top:-10px;left:-10px;box-shadow:0 2px 8px #0000004d}.widget-remove:before{content:"";position:absolute;inset:-7px}.widget-tools{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.widget-tools .btn.sm{padding:4px 10px}.widget-add{border:2px dashed var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;place-items:center;min-height:88px;font-weight:650}.sheet-backdrop{z-index:60;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:640px;max-height:88vh;color:var(--text);padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:sheet-up .25s var(--ease);border-radius:22px 22px 0 0;gap:10px;display:grid;overflow-y:auto;box-shadow:0 -10px 40px #0000004d}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-item{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);min-height:56px;color:var(--text);font:inherit;cursor:pointer;gap:2px;padding:12px 14px;display:grid}.code-input{white-space:pre;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.4;overflow-x:auto}.widget-body{align-content:start;gap:4px;min-width:0;display:grid}.font-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.font-choice{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);min-height:64px;color:var(--text);cursor:pointer;gap:2px;padding:10px 12px;display:grid}.font-choice.on{border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.font-name{font-size:.95rem;font-weight:700}.font-sample{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.james-btn{cursor:pointer;box-shadow:var(--shadow);transition:transform .12s var(--ease);background:0 0;border:0;border-radius:50%;flex:none;padding:0;line-height:0;position:relative}.james-btn:active{transform:scale(.94)}.james-badge{background:var(--accent);width:22px;height:22px;color:var(--accent-text);border:2px solid var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.coach-fab-james{right:16px;bottom:calc(var(--nav-offset) + 14px + var(--dock-h));z-index:22;position:fixed;box-shadow:0 10px 30px #00000059}.mascot.attached{--james-tail:78px;margin-top:-2px;display:block;position:relative}.mascot.attached .mascot-bubble{border-radius:18px;padding-right:44px}.mascot.attached .mascot-bubble:before{content:"";top:-9px;right:calc(var(--james-tail) - 9px);background:inherit;border-left:1px solid var(--border);border-top:1px solid var(--border);border-radius:3px 0 0;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.mascot.attached .mascot-close{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.split-ex-top{align-items:center;gap:8px;display:flex}.split-ex-top .split-ex-name{flex:1;width:auto}.split-ex-weight{color:var(--muted);flex:none;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.split-ex-weight input{text-align:center;width:72px}.widget[role=link]{cursor:pointer}.widget[role=link]:active{transform:scale(.98)}.onb{animation:toast-in .3s var(--ease);gap:14px;padding-top:6px;display:grid}.onb-dots{gap:6px;display:flex}.onb-dots i{background:var(--border);border-radius:50%;width:8px;height:8px}.onb-dots i.done{background:var(--muted)}.onb-dots i.on{background:var(--accent);border-radius:4px;width:22px}.onb-ask{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.onb-bubble{border-top-left-radius:6px;flex:1;min-height:56px;padding:14px 16px;font-size:1.05rem}.onb-input{min-height:54px;font-size:1.15rem}.onb-small{flex:1;width:0;min-width:70px}.onb-choices{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.onb-choice{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:76px;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow);gap:2px;padding:14px;display:grid}.onb-choice.on{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.onb-emoji{margin-bottom:4px;font-size:1.5rem;line-height:1}@media (prefers-reduced-motion:reduce){.onb{animation:none}}