:root,[data-theme=light]{--font-display: "Caveat Brush", "Bradley Hand", "Segoe Print", cursive;--font-sans: "Nunito", "Trebuchet MS", Arial, sans-serif;--font-num: "Nunito", "Trebuchet MS", Arial, sans-serif;--font-size-display: 60px;--line-height-display: 58px;--font-size-h1: 36px;--line-height-h1: 38px;--font-size-h2: 20px;--line-height-h2: 26px;--font-size-body: 16px;--line-height-body: 24px;--font-size-small: 14px;--line-height-small: 20px;--font-size-caption: 13px;--line-height-caption: 18px;--font-stretch-display: 100%;--font-weight-display: 400;--font-weight-strong: 800;--space-0-5: 4px;--space-1: 8px;--space-1-5: 12px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-hand: 14px 6px 12px 5px / 6px 12px 5px 14px;--radius-hand-alt: 12px 5px 14px 6px / 5px 14px 6px 12px;--radius-blob: 50% 45% 52% 48% / 48% 52% 46% 54%;--border-hairline: 2px;--border-strong: 2.5px;--tap-min: 48px;--tap-compact: 44px;--icon-size: 22px;--icon-stroke: 2.2;--content-max: 1200px;--reading-max: 640px;--motion-fade: .15s;--grain-opacity: .12;--grain-blend: multiply;--color-bg: #F5EFE3;--color-surface: #FFFAF0;--color-raised: #EAE1CF;--color-border: rgba(44, 42, 38, .28);--color-border-strong: #6B655C;--text-primary: #2C2A26;--text-secondary: #55504A;--text-muted: #6B655C;--color-accent: #2F5DA8;--color-accent-on: #FFFFFF;--color-accent-ink: #2F5DA8;--color-accent-tint: rgba(47, 93, 168, .12);--color-highlight: rgba(255, 214, 64, .5);--color-success: #2F7D3B;--color-warning: #8A5600;--color-warning-fill: #E2A11B;--color-warning-on: #2C2A26;--color-danger: #B03226;--color-info: #6B44B5;--color-status-on: #FFFFFF;--color-note: #F7D66A;--color-scrim: rgba(44, 42, 38, .45);--tint-danger: #FBE3DF;--tint-danger-ink: #8E2A20;--tint-danger-text: #5E1E17;--tint-success: #E4F1E6;--tint-success-ink: #24622E;--tint-warning: #FCEFD2;--tint-warning-ink: #6E4500;--tint-info: #EDE4F5;--tint-info-ink: #5A3A9A;--tint-accent: #E1EAF7;--tint-accent-ink: #1F4580;--text-soft: #3A3630;--text-mid: #4A453E;--text-quiet: #5E5850;--shadow-btn: 3px 4px 0 #2C2A26;--shadow-btn-pressed: 1px 1px 0 #2C2A26;--shadow-panel: 4px 6px 0 rgba(44, 42, 38, .14);--shadow-panel-sm: 3px 5px 0 rgba(44, 42, 38, .14);--dots: radial-gradient(rgba(44, 42, 38, .045) 1px, transparent 1px);--dots-size: 6px 6px;color-scheme:light}:root[data-theme=dark],[data-theme=dark]{--color-bg: #23292B;--color-surface: #2B3234;--color-raised: #353D40;--color-border: rgba(237, 232, 220, .3);--color-border-strong: #ABA597;--text-primary: #F2EEE5;--text-secondary: #D0CABD;--text-muted: #ABA597;--color-accent: #8CB8F2;--color-accent-on: #17212C;--color-accent-ink: #9CC3F5;--color-accent-tint: rgba(140, 184, 242, .14);--color-highlight: rgba(242, 190, 85, .16);--color-success: #86D394;--color-warning: #F2BE55;--color-warning-fill: #F2BE55;--color-warning-on: #1C2124;--color-danger: #F58E7B;--color-info: #C7A9F5;--color-status-on: #1C2124;--color-note: #E8C45A;--color-scrim: rgba(10, 12, 13, .6);--grain-opacity: .07;--grain-blend: screen;--tint-danger: #4A2A27;--tint-danger-ink: #F9B8AB;--tint-danger-text: #FBD0C7;--tint-success: #25382A;--tint-success-ink: #A8DDB2;--tint-warning: #4A3C1E;--tint-warning-ink: #F2D08A;--tint-info: #3C3449;--tint-info-ink: #D9C4F7;--tint-accent: #2A3A4F;--tint-accent-ink: #BBD5F7;--text-soft: #E3DED2;--text-mid: #D0CABD;--text-quiet: #C3BDAF;--shadow-btn: 3px 4px 0 rgba(0, 0, 0, .35);--shadow-btn-pressed: 1px 1px 0 rgba(0, 0, 0, .35);--shadow-panel: 4px 6px 0 rgba(0, 0, 0, .28);--shadow-panel-sm: 3px 5px 0 rgba(0, 0, 0, .28);--dots: radial-gradient(rgba(237, 232, 220, .04) 1px, transparent 1px);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #23292B;--color-surface: #2B3234;--color-raised: #353D40;--color-border: rgba(237, 232, 220, .3);--color-border-strong: #ABA597;--text-primary: #F2EEE5;--text-secondary: #D0CABD;--text-muted: #ABA597;--color-accent: #8CB8F2;--color-accent-on: #17212C;--color-accent-ink: #9CC3F5;--color-accent-tint: rgba(140, 184, 242, .14);--color-highlight: rgba(242, 190, 85, .16);--color-success: #86D394;--color-warning: #F2BE55;--color-warning-fill: #F2BE55;--color-warning-on: #1C2124;--color-danger: #F58E7B;--color-info: #C7A9F5;--color-status-on: #1C2124;--color-note: #E8C45A;--color-scrim: rgba(10, 12, 13, .6);--grain-opacity: .07;--grain-blend: screen;--tint-danger: #4A2A27;--tint-danger-ink: #F9B8AB;--tint-danger-text: #FBD0C7;--tint-success: #25382A;--tint-success-ink: #A8DDB2;--tint-warning: #4A3C1E;--tint-warning-ink: #F2D08A;--tint-info: #3C3449;--tint-info-ink: #D9C4F7;--tint-accent: #2A3A4F;--tint-accent-ink: #BBD5F7;--text-soft: #E3DED2;--text-mid: #D0CABD;--text-quiet: #C3BDAF;--shadow-btn: 3px 4px 0 rgba(0, 0, 0, .35);--shadow-btn-pressed: 1px 1px 0 rgba(0, 0, 0, .35);--shadow-panel: 4px 6px 0 rgba(0, 0, 0, .28);--shadow-panel-sm: 3px 5px 0 rgba(0, 0, 0, .28);--dots: radial-gradient(rgba(237, 232, 220, .04) 1px, transparent 1px);color-scheme:dark}}:root{--motion-instant: 80ms;--motion-fast: .14s;--motion-base: .22s;--motion-slow: .34s;--motion-slower: .52s;--motion-draw: .9s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.5, 0, .85, .4);--ease-in-out: cubic-bezier(.6, 0, .3, 1);--ease-settle: cubic-bezier(.3, 1.25, .5, 1);--ease-spring: cubic-bezier(.3, 1.5, .5, 1);--move-near: 6px;--move-mid: 16px;--move-far: 32px;--squash-x: .99;--squash-y: .96;--press-scale: .96;--stagger: 45ms;--snap-half: 52dvh;--snap-full: calc(100dvh - 56px - env(safe-area-inset-top, 0px)) }@supports (transition-timing-function: linear(0,1)){:root{--ease-settle: linear(0, .335, .761, .98, 1.037, 1.03, 1.012, 1.002, .999, .999, 1);--ease-spring: linear(0, .232, .638, .953, 1.102, 1.123, 1.082, 1.032, .998, .985, .986, .992, .998, 1.001, 1)}}.mo-press{transition:transform var(--motion-fast) var(--ease-spring)}.mo-press:active{transform:scale(var(--press-scale));transition:transform var(--motion-instant) var(--ease-out)}.btn:not(.is-disabled):not([disabled]){transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-spring),background-color var(--motion-fast),opacity var(--motion-fade)}.btn.btn-primary:not(.is-disabled):not([disabled]):active{transform:translate(2px,3px) scale(var(--squash-x),var(--squash-y));transition:transform var(--motion-instant) var(--ease-out),box-shadow var(--motion-instant) var(--ease-out)}.btn:not(.btn-primary):not(.is-disabled):not([disabled]):active{transform:scale(var(--press-scale));transition:transform var(--motion-instant) var(--ease-out)}@keyframes mo-pop{0%{transform:scale(.6);opacity:0}55%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes mo-thunk{0%{transform:scale(.92)}to{transform:scale(1)}}.rsvp-opt.is-just-on{animation:mo-thunk var(--motion-base) var(--ease-spring) both}@keyframes mo-ring{0%{box-shadow:0 0 0 2px var(--ring-colour, var(--color-success))}to{box-shadow:0 0 0 11px color-mix(in srgb,var(--ring-colour, var(--color-success)) 0%,transparent)}}.mo-ring.is-ringing{animation:mo-ring var(--motion-slow) var(--ease-out) both}.rsvp-opt.is-just-on.is-ringing{animation:mo-thunk var(--motion-base) var(--ease-spring) both,mo-ring var(--motion-slow) var(--ease-out) both}.toggle:after{transition:left var(--motion-fast) var(--ease-spring),width var(--motion-fast) var(--ease-out)}.toggle:active:after{width:30px}.toggle[aria-checked=true]:active:after{left:18px}@keyframes mo-settle{0%{opacity:0;transform:translateY(var(--move-mid)) scale(.97)}to{opacity:1;transform:none}}@keyframes mo-rise{0%{opacity:0;transform:translateY(var(--move-near))}to{opacity:1;transform:none}}@keyframes mo-fade-in{0%{opacity:0}to{opacity:1}}.mo-settle{animation:mo-settle var(--motion-slow) var(--ease-settle) both;animation-delay:calc(var(--i, 0) * var(--stagger))}.mo-rise{animation:mo-rise var(--motion-base) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--stagger))}.mo-fade-in{animation:mo-fade-in var(--motion-base) var(--ease-out) both}.mo-pop{animation:mo-pop var(--motion-base) var(--ease-spring) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes mo-draw{to{stroke-dashoffset:0}}.mo-tick path{stroke-dasharray:24;stroke-dashoffset:24;animation:mo-draw var(--motion-base) var(--ease-out) var(--motion-fast) forwards}@keyframes mo-flash{0%{background-color:var(--color-highlight)}to{background-color:transparent}}.mo-flash{animation:mo-flash 1.4s var(--ease-out) both;border-radius:var(--radius-md)}@keyframes mo-shake{0%,to{transform:none}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.mo-shake{animation:mo-shake var(--motion-slow) var(--ease-in-out) both}.mo-collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--motion-base) var(--ease-in-out),opacity var(--motion-base) var(--ease-in-out)}.mo-collapse>*{min-height:0;overflow:hidden}.mo-collapse.is-gone{grid-template-rows:0fr;opacity:0}@keyframes mo-grow{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}.mo-collapse.is-new{animation:mo-grow var(--motion-base) var(--ease-out) both}@keyframes mo-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-timer{position:absolute;left:6px;right:6px;bottom:2px;height:3px;border-radius:2px;background:var(--color-bg);opacity:.55;transform-origin:left;animation:mo-countdown var(--undo-ms, 7s) linear both}.toast:hover .toast-timer,.toast:focus-within .toast-timer{animation-play-state:paused}@keyframes mo-toast-in{0%{opacity:0;transform:translateY(var(--move-mid)) scale(.97)}to{opacity:1;transform:none}}@keyframes mo-toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(var(--move-near)) scale(.98)}}.toast.mo-toast{position:relative;animation:mo-toast-in var(--motion-base) var(--ease-settle) both}.toast.mo-toast.is-leaving{animation:mo-toast-out var(--motion-fast) var(--ease-in) both;pointer-events:none}.savechip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:var(--radius-sm);font-size:13px;line-height:16px;font-weight:800;background:var(--tint-accent);color:var(--tint-accent-ink);transition:background-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),opacity var(--motion-slow) var(--ease-out)}.savechip .ico{width:16px;height:16px}.savechip.is-saved{background:var(--tint-success);color:var(--tint-success-ink)}.savechip.is-failed{background:var(--tint-danger);color:var(--tint-danger-ink)}.savechip.is-quiet{background:transparent;color:var(--text-quiet)}@keyframes mo-dots{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.dots-live{display:inline-flex;gap:3px}.dots-live i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:mo-dots 1s ease-in-out infinite}.dots-live i:nth-child(2){animation-delay:.15s}.dots-live i:nth-child(3){animation-delay:.3s}@keyframes mo-breathe{0%,to{opacity:.55}50%{opacity:1}}.skel.is-live,.is-live .skel{filter:none;animation:mo-breathe 1.5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .12s)}.loadstroke{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;height:4px;z-index:60;pointer-events:none;opacity:0;transform-origin:left;transform:scaleX(0)}.loadstroke:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent);border-radius:0 3px 3px 0}.loadstroke:after{content:"";pointer-events:none;position:absolute;right:-3px;top:-3px;width:12px;height:10px;border-radius:var(--radius-blob);background:var(--color-accent);opacity:.9}@keyframes mo-crawl{0%{transform:scaleX(.04)}20%{transform:scaleX(.6)}to{transform:scaleX(.9)}}.loadstroke.is-on{opacity:1;animation:mo-crawl 12s var(--ease-out) forwards}.loadstroke.is-done{opacity:0;transform:scaleX(1);animation:none;transition:transform var(--motion-base) var(--ease-out),opacity var(--motion-base) var(--ease-in) var(--motion-base)}.ptr{display:grid;place-items:center;height:0;overflow:visible;position:relative}.ptr-ring{position:absolute;top:8px;width:40px;height:40px;border-radius:var(--radius-blob);background:var(--color-surface);box-shadow:var(--shadow-panel-sm);display:grid;place-items:center;opacity:calc(var(--pull, 0) * 1.4);transform:translateY(calc(var(--pull, 0) * 28px)) scale(calc(.6 + var(--pull, 0) * .4))}.ptr-ring svg{width:24px;height:24px;fill:none;stroke:var(--color-accent-ink);stroke-width:2.6;stroke-linecap:round;transform:rotate(-90deg)}.ptr-ring circle{stroke-dasharray:57;stroke-dashoffset:calc(57 - var(--pull, 0) * 57)}@keyframes mo-spin{to{transform:rotate(270deg)}}.ptr.is-loading .ptr-ring svg{animation:mo-spin .8s linear infinite}.ptr.is-loading .ptr-ring circle{stroke-dashoffset:18}@keyframes mo-sheet-in{0%{transform:translateY(100%)}}@keyframes mo-scrim-in{0%{opacity:0}}.sheet.mo-sheet{height:var(--snap-full);max-height:none;transform:translateY(calc(var(--sheet-rest, 0px) + var(--sheet-drag, 0px)));transition:transform var(--motion-slow) var(--ease-settle);will-change:transform;touch-action:none}.sheet.mo-sheet:before{content:"";pointer-events:none;position:absolute;left:0;right:0;top:100%;height:48px;background:inherit}.sheet.mo-sheet[data-snap=half]{--sheet-rest: calc(100% - var(--snap-half))}.sheet.mo-sheet[data-snap=full]{--sheet-rest: 0px}.sheet.mo-sheet[data-dragging]{transition:none}.sheet.mo-sheet[data-snap=half] .sheet-body{overflow:hidden}.sheet.mo-sheet[data-snap=full] .sheet-body{overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.mo-sheet-root.is-opening>.sheet{animation:mo-sheet-in var(--motion-slow) var(--ease-settle) both}.mo-sheet-root.is-opening{animation:mo-scrim-in var(--motion-base) var(--ease-out) both}.mo-sheet-root.is-closing>.sheet{transform:translateY(100%);transition:transform var(--motion-base) var(--ease-in)}.mo-sheet-root.is-closing{opacity:0;transition:opacity var(--motion-base) var(--ease-in)}.sheet-handle{transition:width var(--motion-fast) var(--ease-out),background-color var(--motion-fast)}.sheet[data-dragging] .sheet-handle{width:52px;background:var(--text-primary)}.sheet-grab{display:grid;place-items:center;height:28px;margin:-8px -16px 0;cursor:grab}@keyframes mo-dialog-in{0%{opacity:0;transform:scale(.96) translateY(var(--move-near))}to{opacity:1;transform:none}}.sheet.sheet-dialog.mo-dialog{animation:mo-dialog-in var(--motion-base) var(--ease-settle) both}@keyframes mo-side-in{0%{opacity:0;transform:translate(var(--move-far))}to{opacity:1;transform:none}}.sidesheet{position:absolute;top:0;right:0;bottom:0;width:440px;max-width:100%;z-index:7;background:var(--color-surface);border-left:2px solid var(--color-border-strong);box-shadow:-6px 0 #2c2a261a;padding:20px 24px;display:flex;flex-direction:column;gap:16px;animation:mo-side-in var(--motion-slow) var(--ease-settle) both}[data-theme=dark] .sidesheet{box-shadow:-6px 0 #00000047}.overlay.mo-sheet-root{background:color-mix(in srgb,var(--color-scrim) calc(var(--sheet-open, 1) * 100%),transparent)}.ptr-body{transform:translateY(calc(var(--pull, 0) * 56px));transition:transform var(--motion-slow) var(--ease-settle)}.ptr-body[data-dragging]{transition:none}.swipe{position:relative;overflow:hidden}.swipe-act{position:absolute;inset:0 0 0 auto;width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 24px;background:var(--color-success);color:var(--color-status-on);font-weight:800}.swipe-act .ico{transition:transform var(--motion-fast) var(--ease-spring)}.swipe.is-armed .swipe-act .ico{transform:scale(1.25)}.swipe-face{position:relative;background:var(--color-bg);transform:translate(var(--swipe-x, 0px));transition:transform var(--motion-slow) var(--ease-settle)}.swipe[data-dragging] .swipe-face{transition:none}.row:not(.row-static){transition:background-color var(--motion-fast) var(--ease-out)}.row:not(.row-static):active{background-color:color-mix(in srgb,var(--color-raised) 75%,transparent);transition-duration:var(--motion-instant)}a.card,button.card{transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-spring)}a.card:active,button.card:active{transform:translate(1px,2px) scale(.99);box-shadow:var(--shadow-panel-sm);transition-duration:var(--motion-instant);transition-timing-function:var(--ease-out)}.icon-btn{transition:transform var(--motion-fast) var(--ease-spring),background-color var(--motion-fast)}.icon-btn:active{transform:scale(.9);background-color:var(--color-accent-tint);transition-duration:var(--motion-instant)}.mo-tabs{position:relative}.mo-tabs-pill{position:absolute;top:0;left:0;height:44px;width:var(--w, 0px);transform:translate(var(--x, 0px));border-radius:var(--radius-md);background:var(--text-primary);border-radius:var(--radius-hand-alt);transition:transform var(--motion-base) var(--ease-in-out),width var(--motion-base) var(--ease-in-out);pointer-events:none}.mo-tabs.has-pill .tab[aria-current=page]{background:transparent;position:relative;z-index:1}.mo-tabs.has-pill .tab[aria-current=page]:before,.mo-nav.has-ind .nav-item[aria-current=page]:before{display:none}.mo-tabs.has-pill .tab{position:relative;z-index:1;transition:color var(--motion-base) var(--ease-in-out)}@keyframes mo-smudge{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}.phone-tabs .tab{position:relative}.phone-tabs .tab .ico{transition:transform var(--motion-base) var(--ease-spring)}.phone-tabs .tab[aria-current=page] .ico{transform:translateY(-2px)}.phone-tabs .tab[aria-current=page]:before{animation:mo-smudge var(--motion-base) var(--ease-spring) both}.phone-tabs .tab:active .ico{transform:scale(.88);transition-duration:var(--motion-instant)}.mo-bump{animation:mo-pop var(--motion-base) var(--ease-spring) both}.mo-nav{position:relative}.mo-nav-ind{position:absolute;left:0;right:0;top:0;height:var(--h, 44px);transform:translateY(var(--y, 0px));border-radius:var(--radius-md);background:var(--text-primary);transition:transform var(--motion-base) var(--ease-in-out),height var(--motion-base) var(--ease-in-out);pointer-events:none}.mo-nav.has-ind .nav-item[aria-current=page]{background:transparent;position:relative;z-index:1}.mo-nav.has-ind .nav-item{position:relative;z-index:1;transition:color var(--motion-base) var(--ease-in-out)}.netbar{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;font-size:13px;line-height:18px;font-weight:800;background:var(--tint-warning);color:var(--tint-warning-ink);overflow:hidden}.netbar .ico{width:18px;height:18px}.netbar.is-online{background:var(--tint-success);color:var(--tint-success-ink)}@keyframes mo-drop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.netbar.mo-drop{animation:mo-drop var(--motion-base) var(--ease-out) both}.installcard{display:flex;flex-direction:column;gap:12px}.installcard-head{display:flex;gap:12px;align-items:center}.installcard-mark{width:56px;height:56px;flex:none;border-radius:14px;background:var(--color-accent);display:grid;place-items:center;box-shadow:var(--shadow-panel-sm)}.installcard-mark i{width:26px;height:26px;border-radius:var(--radius-blob);background:var(--color-accent-on);display:block}.installcard-steps{display:flex;flex-direction:column;gap:8px;counter-reset:s}.installcard-steps li{display:flex;gap:10px;align-items:center;font-weight:700;font-size:14px;line-height:20px}.installcard-steps li:before{counter-increment:s;content:counter(s);flex:none;width:24px;height:24px;border-radius:var(--radius-blob);display:grid;place-items:center;background:var(--tint-accent);color:var(--tint-accent-ink);font-family:var(--font-display);font-size:16px}@keyframes mo-nudge{0%,to{transform:none}50%{transform:translateY(6px)}}.mo-nudge{animation:mo-nudge 1.1s var(--ease-in-out) 3}.appicon{position:relative;width:64px;height:64px;border-radius:16px;background:var(--color-accent);display:grid;place-items:center;box-shadow:var(--shadow-panel-sm)}.appicon i{width:30px;height:30px;border-radius:var(--radius-blob);background:var(--color-accent-on);display:block}.appicon-badge{position:absolute;top:-8px;right:-8px;min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:var(--color-danger);color:var(--color-status-on);font-weight:800;font-size:14px;line-height:26px;text-align:center;box-shadow:0 0 0 3px var(--color-bg)}html.theme-fade,html.theme-fade *,html.theme-fade *:before,html.theme-fade *:after{transition:background-color var(--motion-slow) var(--ease-in-out),color var(--motion-slow) var(--ease-in-out),border-color var(--motion-slow) var(--ease-in-out),fill var(--motion-slow) var(--ease-in-out),stroke var(--motion-slow) var(--ease-in-out)!important}@keyframes mo-wipe{0%{clip-path:circle(0 at var(--wx, 90%) var(--wy, 6%))}to{clip-path:circle(150% at var(--wx, 90%) var(--wy, 6%))}}:root[data-nav=theme]::view-transition-old(root){animation:none}:root[data-nav=theme]::view-transition-new(root){animation:mo-wipe calc(var(--motion-slow) + var(--motion-instant)) var(--ease-in-out) both}@keyframes vt-out-fwd{to{opacity:0;transform:translate(calc(var(--move-near) * -1))}}@keyframes vt-in-fwd{0%{opacity:0;transform:translate(var(--move-far))}}@keyframes vt-out-back{to{opacity:0;transform:translate(var(--move-far))}}@keyframes vt-in-back{0%{opacity:0;transform:translate(calc(var(--move-near) * -1))}}@keyframes vt-out-tab{to{opacity:0}}@keyframes vt-in-tab{0%{opacity:0;transform:translateY(var(--move-near))}}:root[data-nav=forward]::view-transition-old(root){animation:vt-out-fwd var(--motion-base) var(--ease-in) both}:root[data-nav=forward]::view-transition-new(root){animation:vt-in-fwd var(--motion-slow) var(--ease-out) both}:root[data-nav=back]::view-transition-old(root){animation:vt-out-back var(--motion-base) var(--ease-in) both}:root[data-nav=back]::view-transition-new(root){animation:vt-in-back var(--motion-slow) var(--ease-out) both}:root[data-nav=tab]::view-transition-old(root){animation:vt-out-tab var(--motion-fast) var(--ease-in) both}:root[data-nav=tab]::view-transition-new(root){animation:vt-in-tab var(--motion-base) var(--ease-out) both}::view-transition-group(chrome),::view-transition-group(sidenav),::view-transition-group(pagehead-bar){animation-duration:0s}::view-transition-group(show-title),::view-transition-group(show-date){animation-duration:var(--motion-slow);animation-timing-function:var(--ease-settle)}::view-transition-old(show-title),::view-transition-new(show-title),::view-transition-old(show-date),::view-transition-new(show-date){height:100%;object-fit:none;object-position:left top}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--motion-instant: 1ms;--motion-fast: 80ms;--motion-base: .1s;--motion-slow: .1s;--motion-slower: .1s;--motion-draw: .1s;--move-near: 0px;--move-mid: 0px;--move-far: 0px;--squash-x: 1;--squash-y: 1;--press-scale: 1;--stagger: 0ms;--ease-settle: var(--ease-out);--ease-spring: var(--ease-out)}:root:not([data-motion=full]) :is(.skel.is-live,.is-live .skel,.dots-live i,.mo-nudge,.loadstroke.is-on){animation:none}:root:not([data-motion=full]) .loadstroke.is-on{transform:scaleX(.6)}:root:not([data-motion=full]) .mo-tick path{animation:none;stroke-dashoffset:0}:root:not([data-motion=full]) :is(.mo-shake,.mo-ring.is-ringing,.rsvp-opt.is-just-on,.rsvp-opt.is-just-on.is-ringing){animation:none}:root:not([data-motion=full]) .toast-timer{animation:none;transform:none}:root:not([data-motion=full]) .ptr.is-loading .ptr-ring svg{animation:none}:root:not([data-motion=full]) .toggle:after,:root:not([data-motion=full]) .toggle:active:after{width:24px}}:root[data-motion=reduce],[data-motion=reduce]{--motion-instant: 1ms;--motion-fast: 80ms;--motion-base: .1s;--motion-slow: .1s;--motion-slower: .1s;--motion-draw: .1s;--move-near: 0px;--move-mid: 0px;--move-far: 0px;--squash-x: 1;--squash-y: 1;--press-scale: 1;--stagger: 0ms;--ease-settle: var(--ease-out);--ease-spring: var(--ease-out)}[data-motion=reduce] :is(.skel.is-live,.is-live .skel,.dots-live i,.mo-nudge,.loadstroke.is-on){animation:none}[data-motion=reduce] .loadstroke.is-on{transform:scaleX(.6)}[data-motion=reduce] .mo-tick path{animation:none;stroke-dashoffset:0}[data-motion=reduce] :is(.mo-shake,.mo-ring.is-ringing,.rsvp-opt.is-just-on,.rsvp-opt.is-just-on.is-ringing){animation:none}[data-motion=reduce] .toast-timer{animation:none;transform:none}[data-motion=reduce] .ptr.is-loading .ptr-ring svg{animation:none}html.lowpower :is(.skel.is-live,.is-live .skel,.dots-live i,.mo-nudge){animation:none}.ico{width:var(--icon-size);height:var(--icon-size);flex:none;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}.ico{filter:url(#crayon)}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--tap-min);height:var(--tap-min);display:grid;place-items:center;background:transparent;border:0;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-decoration:none}.skel{background:var(--color-raised);border-radius:var(--radius-sm);height:12px}.skel{border-radius:6px 3px 6px 4px;filter:url(#crayon)}.hl{background:var(--color-highlight);padding:0 4px;border-radius:3px 10px 4px 12px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.paper-dots{background-image:var(--dots);background-size:var(--dots-size)}:root,[data-theme=light]{--color-accent: #23787F;--color-accent-on: #FFFFFF;--color-accent-ink: #1D6168;--color-accent-tint: #CFE6E6;--tint-accent: #CFE6E6;--tint-accent-ink: #1D6168}:root[data-theme=dark],[data-theme=dark]{--color-accent: #7CC9CF;--color-accent-on: #10272A;--color-accent-ink: #7CC9CF;--color-accent-tint: #2A4547;--tint-accent: #2A4547;--tint-accent-ink: #A9DDE1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-accent: #7CC9CF;--color-accent-on: #10272A;--color-accent-ink: #7CC9CF;--color-accent-tint: #2A4547;--tint-accent: #2A4547;--tint-accent-ink: #A9DDE1}}:root,[data-theme=light],[data-theme=dark]{--bg: var(--color-bg);--surface: var(--color-surface);--inset: var(--color-raised);--raise: var(--color-raised);--feature: var(--color-surface);--line: var(--color-border);--line-strong: var(--color-border-strong);--line-hover: var(--text-muted);--text: var(--text-primary);--body: var(--text-secondary);--muted: var(--text-quiet);--faint: var(--text-muted);--accent: var(--color-accent);--accent-text: var(--color-accent-ink);--accent-press: var(--color-accent-ink);--accent-ink: var(--color-accent-on);--accent-tint: var(--color-accent-tint);--accent-line: color-mix(in srgb, var(--color-accent) 55%, transparent);--flame: var(--tint-danger-ink);--warn: var(--tint-warning-ink);--good: var(--tint-success-ink);--heat0: var(--color-raised);--heat1: color-mix(in srgb, var(--color-accent) 30%, var(--color-raised));--heat2: color-mix(in srgb, var(--color-accent) 62%, var(--color-raised));--heat3: var(--color-accent);--sans: "Nunito Variable", "Nunito", "Trebuchet MS", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Caveat Brush", "Bradley Hand", "Segoe Print", cursive;--serif: var(--sans);--mono: var(--sans);--r-sm: var(--radius-md);--r: var(--radius-hand-alt);--r-tile: var(--radius-hand);--r-card: var(--radius-hand);--r-pill: var(--radius-hand-alt);--tap: var(--tap-min);--tap-show: 56px;--topbar-h: 56px;--tabbar-h: 68px;--pad-x: clamp(16px, 4vw, 48px);--pad-y: clamp(20px, 4vw, 44px);--gap: clamp(16px, 2.2vw, 24px);--ease: var(--ease-out);--shadow: var(--shadow-panel-sm);--shadow-lift: var(--shadow-panel)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-weight:400;font-synthesis:none;font-variant-numeric:tabular-nums lining-nums;color:var(--text);background-color:var(--bg);background-image:var(--dots);background-size:var(--dots-size);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.55}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;filter:url(#paper);opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend)}html.lowpower body:after{display:none}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--accent-text);outline-offset:3px;border-radius:var(--r-sm)}.app{width:100%;overflow-x:clip;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.screen{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:var(--pad-y) var(--pad-x) 90px;animation:mo-rise var(--motion-base) var(--ease-out) both}:root[data-nav=forward] .screen{animation:vt-in-fwd var(--motion-slow) var(--ease-out) both}:root[data-nav=back] .screen{animation:vt-in-back var(--motion-slow) var(--ease-out) both}:root[data-nav=tab] .screen{animation:vt-in-tab var(--motion-base) var(--ease-out) both}.screen.narrow{max-width:660px}.screen.medium{max-width:1000px}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}@media(hover:none){.btn:hover,.keychip:hover,.bill:hover{--sk: var(--color-border-strong)}}:where(.btn--accent,.btn.tiny.on,.chip,.keychip.active,.nav button.on,.subnav button.on,.show-tabs button.on,.tabbar button.on,.key-tile.learned,.vamp-toggle.on,.climb-rung--reached,.stylechip.on,.tag-pill--accent,.locked__tag,.craft-plays,.craft-area.on,.ktick.on,.grade-bar .btn.is-chosen,.plate.panic.on,.session-key,.runner-key,.upsell,.session-bar,.first-run,.done-note,.devicecode,.planpanel,.landing__lastcall,.toast){position:relative;isolation:isolate}.nav button.on,.show-tabs button.on,.chip.on,.subnav button.on,.upsell,.session-bar,.first-run,.done-note,.devicecode,.planpanel,.landing__lastcall,.session-key,.runner-key{--wax-mix: 100%}:where(.btn--accent,.btn.tiny.on,.chip,.keychip.active,.nav button.on,.subnav button.on,.show-tabs button.on,.tabbar button.on,.key-tile.learned,.vamp-toggle.on,.climb-rung--reached,.stylechip.on,.tag-pill--accent,.locked__tag,.craft-plays,.craft-area.on,.ktick.on,.grade-bar .btn.is-chosen,.plate.panic.on,.session-key,.runner-key,.upsell,.session-bar,.first-run,.done-note,.devicecode,.planpanel,.landing__lastcall,.toast):before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--wax);border-radius:inherit;filter:url(#wax);pointer-events:none;z-index:-1}:where(.btn:not(.btn--accent):not(.btn--ghost):not(.on),.plate,.disclosure,.bill,.key-tile,.vamp-toggle,.ktick,.ear-choice,.climb-rung,.craft-area,.keychip,.seg button.on,.rusty-flag,.ladder,.plan,.helpcard,.transport__step,.steps li,.landing__heroCard,.stylechip,.grade-bar .btn,.vamp-strip){position:relative;isolation:isolate;border-color:transparent}:where(.btn:not(.btn--accent):not(.btn--ghost):not(.on),.plate,.disclosure,.bill,.key-tile,.vamp-toggle,.ktick,.ear-choice,.climb-rung,.craft-area,.keychip,.seg button.on,.rusty-flag,.ladder,.plan,.helpcard,.transport__step,.steps li,.landing__heroCard,.stylechip,.grade-bar .btn,.vamp-strip):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--sk, var(--color-border-strong));border-radius:inherit;filter:url(#crayon);pointer-events:none;z-index:1}.btn:not(.btn--accent):not(.btn--ghost),.keychip,.ear-choice,.climb-rung,.vamp-toggle,.ktick,.stylechip,.craft-area{--sk: var(--color-border-strong)}.btn:not(.btn--accent):not(.btn--ghost):hover,.keychip:hover,.ear-choice:hover:not(:disabled),.climb-rung:hover:not(:disabled),.vamp-toggle:hover,.ktick:hover,.craft-area:hover,.bill:hover,.key-tile:hover{--sk: var(--text)}.disclosure,.vamp-strip,.stat-tile{--sk: var(--color-border)}h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,5vw,52px);line-height:1;letter-spacing:0;margin:0;text-wrap:balance}h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.4vw,36px);line-height:1.05;letter-spacing:0;margin:0;text-wrap:balance}h3{font-family:var(--sans);font-weight:800;font-size:1.1rem;line-height:1.25;margin:0}.h-sans{font-family:var(--sans);font-weight:800;font-size:1.05rem;line-height:1.25;letter-spacing:0}.eyebrow{font-family:var(--sans);font-size:13px;line-height:18px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.9rem;line-height:1.5}.mono{font-family:var(--sans);font-variant-numeric:tabular-nums lining-nums}.serif,.hand{font-family:var(--display);font-weight:400;letter-spacing:0}.accidental{font-family:var(--sans);font-weight:800}.field-label{font-family:var(--display);font-weight:400;font-size:22px;line-height:24px}.diagnostic{margin-top:14px;border-top:2px dashed var(--line);padding-top:14px}.diagnostic__out{margin:10px 0 0;padding:12px;background:var(--inset);border-radius:var(--r-sm);overflow-x:auto;white-space:pre-wrap;font-size:13px}.page-head{margin-bottom:clamp(18px,2.4vw,26px)}.prose{max-width:68ch}.page-lede{margin:8px 0 0;font-size:1rem;line-height:1.6;color:var(--body);max-width:68ch;text-wrap:pretty}.skiplink{position:absolute;left:8px;top:-100px;z-index:100;background:var(--text);color:var(--bg);padding:12px 18px;border-radius:var(--r);font-weight:800;text-decoration:none;transition:transform var(--motion-fast) var(--ease-out)}.skiplink:focus-visible{top:8px;color:var(--bg);text-decoration:none;outline:3px solid var(--accent-text);outline-offset:2px}main:focus{outline:none}main:focus-visible{outline:3px solid var(--accent-text);outline-offset:-4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.topbar{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;height:var(--topbar-h);padding:4px calc(var(--pad-x) - 8px) 4px var(--pad-x);position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:2px dashed var(--line)}.back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-text);font-family:var(--sans);font-size:.95rem;font-weight:800;padding:6px 2px;min-height:44px;cursor:pointer;align-self:center}.back:hover{color:var(--text)}.topbar .btn{white-space:nowrap;padding:0 10px}.topbar .icon-btn{width:44px;height:44px}.icon-btn--glyph{font-size:20px;line-height:1;cursor:pointer}.brand{display:flex;align-items:center;gap:8px;margin-right:auto;background:none;border:none;padding:0;cursor:pointer;color:var(--text);font:inherit;min-width:0;min-height:var(--tap)}.brand__blob{flex:none;display:inline-block;width:16px;height:16px;border-radius:var(--radius-blob);background:var(--color-accent);filter:url(#wax)}.wordmark{font-family:var(--display);font-weight:400;font-size:26px;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-bottom:8px;margin-bottom:-8px}.wordmark__keys{position:relative;display:inline-block}.wordmark__swash{position:absolute;left:-2px;bottom:-7px;width:calc(100% + 4px);height:8px;overflow:visible;filter:url(#crayon);pointer-events:none}.wordmark__swash path{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linecap:round}.brand .tag-pill{display:none}@media(min-width:1200px){.brand .tag-pill{display:inline}}@media(max-width:420px){.wordmark{font-size:20px;line-height:24px}.brand{gap:6px}.topbar{gap:0}.topbar .btn{padding:0 8px;flex:none}.topbar .icon-btn{flex:none}}@media(max-width:370px){.brand__blob{display:none}}@media(min-width:861px){.brand{flex:none}.wordmark{overflow:visible;text-overflow:clip}}@media(max-width:340px){.wordmark{font-size:17px}}.tag-pill{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}.tag-pill--accent{--wax: var(--accent-tint);color:var(--accent-text);border-radius:var(--radius-hand-alt);padding:3px 10px}.tag-pill--plain{text-transform:none}.nav{display:flex;gap:4px;overflow-x:auto;min-width:0;max-width:100%;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{border:none;background:transparent;color:var(--body);padding:0 14px;min-height:var(--tap-compact);border-radius:var(--radius-hand-alt);font:inherit;font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap}.nav button:hover{color:var(--text)}.nav button.on{--wax: var(--text);color:var(--bg)}.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;min-height:var(--tabbar-h);background:var(--bg);border-top:2px solid var(--line);padding:4px 4px calc(8px + env(safe-area-inset-bottom));transform:translateY(var(--viewport-shift, 0px))}.tabbar button{flex:1;min-width:0;border:none;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;line-height:14px;font-weight:800;padding:4px 2px;min-height:56px;margin:2px;border-radius:var(--radius-hand-alt);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;white-space:nowrap}.tabbar button.on{--wax: var(--text-primary);--wax-mix: 100%;color:var(--color-bg)}.tabbar button .ico{filter:url(#crayon)}.tabbar button.on .ico{transform:translateY(-2px);transition:transform var(--motion-fast) var(--ease-spring)}@media(max-width:860px){.topbar .nav{display:none}.tabbar{display:flex}.screen,.show.screen{padding-bottom:calc(var(--tabbar-h) + 28px)}}.subnav{position:sticky;top:var(--topbar-h);z-index:9;display:flex;gap:6px;overflow-x:auto;min-width:0;scrollbar-width:none;padding:8px var(--pad-x);border-bottom:2px dashed var(--line);background:var(--bg)}.subnav::-webkit-scrollbar{display:none}.subnav button{border:0;background:transparent;color:var(--body);padding:0 14px;min-height:var(--tap-compact);border-radius:var(--radius-hand-alt);font:inherit;font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap}.subnav button:hover{color:var(--text)}.subnav button.on{--wax: var(--accent-tint);color:var(--accent-text)}.plate{background:var(--surface);border-radius:var(--radius-hand);padding:clamp(18px,2.5vw,28px);box-shadow:var(--shadow);--sk: var(--color-border-strong)}.plate+.plate,.btn--big+.plate{margin-top:var(--gap)}.plate.tight{padding:20px}.plate.feature{background:var(--feature);padding:clamp(22px,3vw,36px)}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.stack>*+*{margin-top:12px}.row:not(.row-static):active{background-color:transparent}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.6vw,18px)}.stat{display:flex;flex-direction:column;gap:6px}.stat .n{font-family:var(--display);font-weight:400;font-size:clamp(38px,4.4vw,48px);line-height:1;font-variant-numeric:tabular-nums}.stat .n.hot{color:var(--accent-text)}.stat .label{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}button{font-family:var(--sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:var(--text);padding:0 20px;min-height:var(--tap);border-radius:var(--radius-hand);font-size:16px;line-height:20px;font-weight:800;cursor:pointer;text-decoration:none}.btn:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}.btn--accent{--wax: var(--color-accent);--wax-mix: 88%;color:var(--accent-ink);border-radius:var(--radius-hand-alt);box-shadow:var(--shadow-btn)}.btn.btn--accent:not(.btn-primary):not(.is-disabled):not([disabled]):active{transform:translate(2px,3px);box-shadow:var(--shadow-btn-pressed)}.btn--big{width:100%;padding:0 18px;min-height:56px;font-size:18px}.btn--ghost{background:transparent;color:var(--body)}.btn--ghost:hover{color:var(--text);background:color-mix(in srgb,var(--color-raised) 75%,transparent)}.btn.tiny{padding:0 14px;min-height:var(--tap-compact);font-size:14px;white-space:nowrap}.btn.tiny.on{--wax: var(--color-accent);--wax-mix: 88%;color:var(--accent-ink)}.btn:disabled{opacity:.4;cursor:default}.hero{display:flex;flex-direction:column;justify-content:space-between;min-height:230px}.hero .key{font-family:var(--display);font-weight:400;font-size:clamp(72px,12vw,120px);line-height:.9;margin:14px 0 12px;color:var(--text)}.hero .key .accidental{color:var(--accent-text)}.streak{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:800;color:var(--text);background:var(--raise);padding:6px 13px;border-radius:var(--radius-hand-alt)}.headliner{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,32px);line-height:1.1;margin-top:6px}.numbers{font-family:var(--sans);font-size:14px;font-weight:800;color:var(--accent-text);margin-top:5px}.vamp-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:4px;margin:20px 0 4px;padding:8px;background:var(--surface);border-radius:var(--radius-hand);--sk: var(--color-border-strong)}.vamp-strip.row7{grid-template-columns:repeat(7,minmax(0,1fr))}.vamp-strip--seq{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(56px,1fr);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.vamp-strip--seq::-webkit-scrollbar{display:none}.vamp-strip.row7 .bar{padding:14px 2px}.vamp-strip.row7 .bar__chord{font-size:clamp(16px,1.8vw,24px)}@media(max-width:560px){.vamp-strip.row7{grid-template-columns:repeat(7,minmax(64px,1fr));overflow-x:auto;scrollbar-width:none}.vamp-strip.row7::-webkit-scrollbar{display:none}}.bar{position:relative;background:transparent;padding:14px 6px;text-align:center;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-hand-alt)}.bar__chord{font-family:var(--display);font-size:clamp(26px,3.2vw,34px);font-weight:400;line-height:1.1;color:var(--text)}.bar__chord .accidental{color:inherit}.bar__num{font-family:var(--sans);font-size:14px;font-weight:800;color:var(--muted);margin-top:4px}.bar.active{background:var(--accent-tint)}.bar.active .bar__chord{color:var(--accent-text)}.keychips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.keychip-tier{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);min-width:84px;flex:0 0 auto}@media(max-width:420px){.keychip-tier{width:100%;min-width:0}}.keychip{display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-size:22px;line-height:24px;color:var(--text);border:0;background:transparent;border-radius:var(--radius-hand);padding:4px 14px;cursor:pointer;min-width:52px;min-height:48px}.keychip:nth-child(2n){border-radius:var(--radius-hand-alt)}.keychip.active{--wax: var(--color-accent);color:var(--accent-ink)}.keychip.active:after{display:none}.note-body{font-size:15px;line-height:1.65;color:var(--body);white-space:pre-line}.note-body p{margin:0 0 14px;text-wrap:pretty}.note-body strong{color:var(--text);font-weight:800}.note-h2{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.1;color:var(--text);margin:28px 0 12px}.note-h3{font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-text);margin:24px 0 10px}.note-list{margin:0 0 14px;padding-left:20px}.note-list li{margin-bottom:8px;text-wrap:pretty}.note-quote{margin:0 0 16px;padding:12px 16px;border-left:2px solid var(--accent-line);background:var(--inset);border-radius:0 var(--r-sm) var(--r-sm) 0}.note-quote p:last-child{margin:0}.note-body hr{border:none;border-top:1px solid var(--line);margin:24px 0}.note-table-wrap{overflow-x:auto;margin:0 0 18px}.note-table{border-collapse:collapse;width:100%;font-size:14px}.note-table th,.note-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}.note-table th{font-family:var(--sans);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:800;white-space:nowrap}.show.screen{max-width:1240px}.show-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-bottom:18px}.show-head__night{display:flex;flex-direction:column;flex:1 1 150px;min-width:0;line-height:1.3}.show-head__night strong{font-weight:800;font-size:17px}.show-key{--wax: var(--accent-tint);display:inline-flex;align-items:center;gap:10px;min-height:var(--tap-show);padding:0 18px;border:0;background:transparent;border-radius:var(--radius-hand);cursor:pointer;font:inherit;font-weight:800;color:var(--accent-text)}.show-key__name{font-family:var(--display);font-weight:400;font-size:36px;line-height:1}.show-key__label{font-size:13px;letter-spacing:.06em;text-transform:uppercase}.show-keys{margin-bottom:18px}.show-keys .keychips{margin-top:0}.show .live-row{display:flex;gap:6px 16px;align-items:baseline;flex-wrap:wrap;padding:14px 0;border-top:2px dashed var(--line)}.show .live-when{flex:0 0 clamp(140px,24%,230px);font-weight:800;font-size:17px}.show .live-then{flex:1 1 240px;min-width:0;color:var(--body);font-size:16px;text-wrap:pretty}.show .live-row .btn{margin-left:auto}.show-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:2px 0;margin-bottom:22px}.show-tabs::-webkit-scrollbar{display:none}.show-tabs button{border:0;background:transparent;color:var(--body);min-height:var(--tap-show);padding:0 18px;border-radius:var(--radius-hand-alt);font:inherit;font-size:16px;font-weight:800;cursor:pointer;white-space:nowrap}.show-tabs button.on{--wax: var(--text);color:var(--bg)}.show-sec{margin-top:6px}.show-sec>h2{margin-bottom:8px}.show-sec__lede{margin:6px 0 0;max-width:68ch}.show-sec__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px}.show-sec__tools{display:flex;gap:8px;margin-left:auto}.show-cols{display:grid;gap:8px var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start}.show-cols>.plate+.plate{margin-top:0}.show-panic{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr);align-items:start}.show-panic__vamps{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}@media(min-width:960px){.show-panic{grid-template-columns:minmax(0,1fr) 340px}.show-panic__vamps{grid-column:1;grid-row:1}.show-panic__help{grid-column:1;grid-row:2}.show-tap{grid-column:2;grid-row:1 / span 2}}.plate.panic{text-align:left;cursor:pointer;font:inherit;color:var(--text);min-height:230px;display:flex;flex-direction:column;gap:6px;margin-top:0}.plate.panic.on{--wax: var(--color-accent);color:var(--color-accent-on)}.plate.panic.on:after{display:none}.plate.panic.on .eyebrow,.plate.panic.on .muted,.plate.panic.on .numbers{color:var(--color-accent-on)}.panic__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.panic__name{font-family:var(--display);font-size:clamp(40px,6vw,56px);line-height:1}.panic__act{font-size:14px;font-weight:800;white-space:nowrap}.panic__now{margin-top:auto;font-weight:800;font-size:15px}.panic-chords{display:flex;gap:6px 20px;flex-wrap:wrap;margin:8px 0 2px;font-family:var(--display);font-size:clamp(38px,7vw,56px);font-weight:400;line-height:1.05}.show-tap{display:flex;flex-direction:column;gap:14px;margin-top:0}.show-tap>h2{font-size:30px}.tap-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:190px;padding:16px;cursor:pointer;font:inherit;color:var(--text);background:var(--inset);border:2.5px dashed var(--line-strong);border-radius:var(--radius-hand);text-align:center;text-wrap:balance}.tap-pad:active{background:var(--accent-tint)}.tap-pad__word{font-family:var(--display);font-size:64px;line-height:1;animation:mo-thunk var(--motion-fast) var(--ease-out)}.tap-read{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.tap-read__bpm{font-family:var(--display);font-size:64px;line-height:1;color:var(--accent-text)}.tap-read__unit{font-weight:800}.tap-read__taps{margin-left:auto}.chord-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.chord-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:84px;padding:8px 4px;border:0;background:var(--surface);cursor:pointer;font:inherit;color:var(--text);border-radius:var(--radius-hand);--sk: var(--color-border-strong)}.chord-tile:nth-child(2n){border-radius:var(--radius-hand-alt)}.chord-tile:active{background:var(--accent-tint)}.chord-tile__num{font-size:14px;font-weight:800;color:var(--muted)}.chord-tile__chord{font-family:var(--display);font-size:26px;line-height:1.1}@media(min-width:960px){.chord-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.show .btn,.show .btn.tiny,.show .keychip,.show-tabs button{min-height:var(--tap-show)}.show .btn.tiny{padding:0 18px;font-size:16px}.show .keychip{min-width:56px}.show .bar{min-height:var(--tap-show)}.gate{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:2px dashed var(--line);min-height:var(--tap-compact);font-size:15px;line-height:1.5;cursor:pointer;text-wrap:pretty}.gate input{margin-top:0;flex:0 0 auto}.gate input:checked+span{color:var(--good)}.gate span{flex:1;min-width:0}.metro{text-align:center}.metro .bpm{font-family:var(--display);font-size:clamp(68px,9vw,88px);font-weight:400;line-height:1;margin:10px 0 0}.metro .bpm small{font-family:var(--sans);font-size:14px;color:var(--muted);font-weight:800}.beats{display:flex;gap:14px;align-items:center;justify-content:center;margin:16px 0}.beatdot{width:16px;height:16px;border-radius:var(--radius-blob);background:var(--color-accent);opacity:.35;transition:transform var(--motion-instant) var(--ease-out),opacity var(--motion-instant) var(--ease-out)}.beatdot.accent{width:22px;height:22px}.beatdot.on{opacity:1;transform:scale(1.35)}input[type=range]{width:100%;accent-color:var(--accent);height:40px}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;position:relative;width:24px;height:24px;margin:0;cursor:pointer;border:2.5px solid var(--line-strong);border-radius:7px 3px 6px 4px/4px 6px 3px 7px;background:var(--surface);display:inline-grid;place-items:center}input[type=checkbox]:after{content:"";width:6px;height:12px;border:solid var(--accent-ink);border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px);opacity:0;transition:opacity var(--motion-instant) var(--ease-out)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:disabled{opacity:.55;cursor:default}.transport{display:flex;align-items:stretch;justify-content:center;gap:10px;margin-top:12px}.transport__step{flex:0 0 auto;width:60px;min-height:56px;border:0;background:transparent;color:var(--text);border-radius:var(--radius-hand);font:inherit;font-size:1.6rem;font-weight:800;line-height:1;cursor:pointer}.transport__step:nth-of-type(2){border-radius:var(--radius-hand-alt)}.transport__go{flex:1 1 auto;max-width:220px;min-height:56px;font-family:var(--display);font-size:28px;font-weight:400}.disclosure{border:0;border-radius:var(--radius-hand);background:var(--surface)}.disclosure>summary{cursor:pointer;padding:13px 16px;list-style:none;min-height:var(--tap);font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:"＋";font-size:14px}.disclosure[open]>summary{border-bottom:2px dashed var(--line)}.disclosure[open]>summary:after{content:"－"}.disclosure>:not(summary){padding:4px 16px 16px}.filterbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.bill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.6vw,18px)}.bill{text-align:left;width:100%;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:0;border-radius:var(--r-tile);box-shadow:var(--shadow);padding:20px;cursor:pointer;color:var(--text);font:inherit;--sk: var(--color-border-strong)}.bill:nth-child(2n){border-radius:var(--radius-hand-alt)}.bill .name{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.05;letter-spacing:0}.bill .numbers{margin-top:0}.bill .meta{font-size:14px;color:var(--muted)}.bill.pinned{--sk: var(--accent)}.guide{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:18px}.guide-line{margin:0;line-height:1.6;font-size:14px;color:var(--body);text-wrap:pretty}.guide-hand{display:inline-block;font-family:var(--sans);font-size:12px;font-weight:800;color:var(--accent-text);background:var(--accent-tint);border-radius:6px 3px 7px 4px;padding:1px 8px;margin-right:8px;vertical-align:1px}.trap{margin:14px 0 0;font-size:14px;color:var(--muted);text-wrap:pretty}.trap .label{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--warn);margin-right:8px}.heat{display:grid;grid-template-columns:repeat(14,minmax(14px,1fr));gap:5px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.heat::-webkit-scrollbar{display:none}.heatcell{aspect-ratio:1;border-radius:5px 2px 5px 3px;background:var(--heat0)}.heatcell.l1{background:var(--heat1)}.heatcell.l2{background:var(--heat2)}.heatcell.l3{background:var(--heat3)}.rec-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:11px 0;font-size:14px}.rec-row>:first-child{flex:1 1 11rem;min-width:0}.rec-row+.rec-row{border-top:2px dashed var(--line)}.rec-row .detail{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--muted)}.log-cols{display:grid;gap:var(--gap);align-items:start;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(min-width:1100px){.log-cols{grid-template-columns:1.25fr 1fr}}.field{width:100%;padding:12px 14px;min-height:var(--tap);border-radius:10px 4px 9px 6px/4px 9px 5px 10px;background:var(--surface);border:2px solid var(--line-strong);color:var(--text);font-size:16px;font-family:var(--sans);font-weight:700}.field:focus-visible{outline:none;border:3px solid var(--accent-text);padding:11px 13px}.input{width:100%;padding:12px 14px;min-height:var(--tap);border-radius:10px 4px 9px 6px/4px 9px 5px 10px;background:var(--surface);border:2px solid var(--line-strong);color:var(--text);font-size:16px;font-family:var(--sans)}.input::placeholder{color:var(--faint)}.input:focus-visible{outline:none;border:3px solid var(--accent-text);padding:11px 13px}select.input{cursor:pointer}a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;font-weight:700}a:hover{color:var(--text)}a.btn,a.chip,a.tab,a.keychip,a.linkish,a.tag-pill,.habit-toc a,.stylechip,nav a{text-decoration:none}code{font-family:var(--sans);font-weight:800;background:var(--accent-tint);padding:1px 7px;border-radius:6px 3px 7px 4px;color:var(--accent-text);font-size:.9em}.note-bill .name{text-align:left;align-self:flex-start}.bill-list a.bill{align-items:flex-start;text-align:left}.note-doc{margin-top:18px;line-height:1.65}.note-doc h1{font-size:2.2rem;margin:26px 0 10px}.note-doc h2{font-size:1.8rem;margin:24px 0 10px;padding-top:10px;border-top:2px dashed var(--line)}.note-doc h2:first-child{border-top:none;padding-top:0}.note-doc h3{font-size:1.15rem;margin:18px 0 8px}.note-doc h4{font-size:.92rem;margin:14px 0 6px;color:var(--muted)}.note-doc p{margin:10px 0}.note-doc ul,.note-doc ol{margin:10px 0;padding-left:22px}.note-doc li{margin:4px 0}.note-doc li>ul,.note-doc li>ol{margin:4px 0}.note-doc li.task-list-item{list-style:none;margin-left:-22px}.note-doc strong{font-weight:650}.note-doc hr{border:none;border-top:1px solid var(--line);margin:22px 0}.note-doc blockquote{margin:12px 0;padding:2px 14px;border-left:3px solid var(--line-strong);color:var(--muted)}.note-doc pre{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;overflow-x:auto;margin:12px 0}.note-doc pre code{background:none;padding:0;color:var(--text);font-size:.85rem}.note-doc :not(pre)>code{word-break:break-word}.note-doc table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin:14px 0;font-size:.88rem}.note-doc th,.note-doc td{border:1px solid var(--line);padding:7px 10px;text-align:left}.note-doc th{background:var(--bg);font-weight:650}@media(min-width:700px){.note-body{font-size:1.02rem}}.kb{width:100%;height:auto;display:block;max-width:520px;margin:12px auto 0}.kb-whites{filter:url(#crayon)}.kb-blacks{filter:url(#wax)}.kb-white{fill:var(--surface)}.kb-fill{stroke:none}.kb-line{fill:none;stroke:var(--text);stroke-width:1.8}.kb-black{fill:var(--text);stroke:var(--text);stroke-width:1}.kb-white.on,.kb-white.root{fill:var(--accent-tint)}.kb-cap{fill:var(--accent)}.kb-cap.soft{fill:var(--good)}.kb-black.on,.kb-black.root{fill:var(--accent);stroke:var(--accent)}.kb-white.soft{fill:color-mix(in srgb,var(--good) 22%,var(--surface))}.kb-black.soft{fill:var(--good);stroke:var(--good)}.kb-dot{fill:var(--text)}.kb-label{fill:var(--accent-text);font-family:var(--sans);font-size:12px;font-weight:800}.kb-label.on-black,.kb-label.on-fill{fill:var(--accent-ink)}.kb-white.root~.kb-label.on-fill{fill:var(--accent-ink)}.shout{text-align:center;padding:10px 0 4px}.shout__num{font-family:var(--display);font-weight:400;font-size:clamp(88px,20vw,140px);line-height:1;color:var(--accent-text)}.shout__ans{font-family:var(--display);font-size:clamp(32px,7vw,48px);min-height:1.4em;color:var(--muted);opacity:0;transition:opacity var(--motion-fade) var(--ease-out)}.shout__ans.on{opacity:1;color:var(--text)}.card-q{font-family:var(--display);font-weight:400;font-size:clamp(32px,6vw,44px);line-height:1.05;margin:18px 0 6px;text-align:center}.card-a{font-family:var(--display);font-size:clamp(40px,8vw,60px);line-height:1.05;text-align:center;color:var(--text)}.card-a .accidental{color:var(--accent-text)}.tool-row__go{flex:none;color:var(--faint);font-size:1.4rem;font-weight:800;line-height:1}.tool-row:hover .tool-row__go{color:var(--accent-text)}.key-hero{font-family:var(--display);font-weight:400;font-size:clamp(64px,10vw,96px);line-height:.95;color:var(--text);margin:6px 0 8px}.key-hero .accidental{color:var(--accent-text)}.key-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;margin-top:14px}.key-tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:0;border-radius:var(--r-tile);box-shadow:var(--shadow);padding:16px 8px;cursor:pointer;color:var(--text);font:inherit;--sk: var(--color-border-strong)}.key-tile:nth-child(2n){border-radius:var(--radius-hand-alt)}.key-tile.learned{--wax: var(--accent-tint);color:var(--accent-text)}.key-tile.learned:after{display:none}.key-tile.review{--sk: var(--warn);background:var(--surface)}.key-tile--waiting{--sk: var(--color-border);opacity:.74}:is(.key-tile--waiting,.gate--waiting,.climb-rung--done,.pipeline__step--ahead,.stage-card--later,.ktick--derived) :is(.eyebrow,.muted,.small,.tag-pill,.key-tile__state,.sidework__what,.sidework__why,.locked__tag,.ktick__goal,.meta,.stage-head__gates small){color:var(--text)}.key-tile.review .key-tile__state{color:var(--warn)}.key-tile__glyph{font-family:var(--display);font-weight:400;font-size:40px;line-height:1}.key-tile__glyph .accidental{color:var(--accent-text)}.key-tile__state{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--muted)}.key-tile.learned .key-tile__state{color:var(--good)}.tool-list{display:flex;flex-direction:column;gap:0;border-top:2px solid var(--line)}.tool-list.scrolly{max-height:340px;overflow-y:auto}.tool-row{display:flex;align-items:center;gap:12px;background:transparent;padding:11px 6px;border-bottom:2px solid var(--line);min-height:var(--tap)}button.tool-row{width:100%;border:none;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}button.tool-row:hover .tool-row__name{color:var(--accent-text)}button.tool-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tool-row__name{font-size:15px;font-weight:800}.tool-row__chords{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--body)}.tool-row__chords .accidental{color:var(--accent-text)}.tool-row .btn.tiny{flex:0 0 auto;min-width:40px;padding:7px 12px}.tool-row__open{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.tool-row__open:hover .tool-row__name{color:var(--accent-text)}.tool-row__open:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.tool-row__sub{font-size:13.5px;color:var(--muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-row__tempo{flex:0 0 auto;font-family:var(--sans);font-size:13px;font-weight:800;color:var(--muted)}@media(max-width:520px){.tool-row{flex-wrap:wrap}.tool-row__tempo{order:3;width:100%}}.competency__head{display:flex;align-items:center;gap:10px}.competency__toggle{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:none;border:none;padding:0;min-height:var(--tap);cursor:pointer;color:var(--text);font:inherit;text-align:left}.competency__toggle .headliner{min-width:0;overflow-wrap:anywhere}.competency__chev{margin-left:auto;font-family:var(--sans);font-weight:800;color:var(--muted);font-size:15px}.competency.done .competency__toggle .headliner{color:var(--muted)}.competency__body{margin-top:14px}.learn-meta{margin-top:16px;padding-top:14px;border-top:2px dashed var(--line);display:flex;flex-direction:column;gap:8px}.learn-line{margin:0;font-size:14px;line-height:1.55;color:var(--body);text-wrap:pretty}.learn-label{display:inline-block;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-right:10px;vertical-align:1px;min-width:34px}.learn-label.goal{color:var(--good)}.key-vamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.vamp-toggle{display:flex;flex-direction:column;gap:4px;text-align:left;border:0;background:transparent;color:var(--text);border-radius:var(--r);padding:12px 14px;min-height:var(--tap);cursor:pointer;font:inherit}.vamp-toggle.on{--wax: var(--accent-tint);color:var(--accent-text)}.vamp-toggle.on:after{display:none}.vamp-toggle .numbers{margin-top:0}.coverage{display:flex;align-items:center;gap:10px;padding:3px 0}.coverage-key{font-family:var(--display);font-size:20px;line-height:1;color:var(--body);width:34px;flex:0 0 auto}.coverage-bar{flex:1;height:8px;background:var(--raise);border-radius:4px 2px 4px 3px;overflow:hidden}.coverage-bar>span{display:block;height:100%;border-radius:4px 2px 4px 3px}.coverage-n{font-family:var(--sans);font-size:13px;font-weight:800;color:var(--muted);width:26px;text-align:right;flex:0 0 auto}.session-bar{--wax: var(--accent-tint);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:var(--gap);padding:12px 16px;border-radius:var(--r)}.session-bar__state{display:flex;flex-direction:column;gap:2px;min-width:0}.session-bar .eyebrow{color:var(--accent-text)}.session-bar .small,.session-bar .muted{color:var(--text)}.session-bar .btn{flex:none}.seg button:disabled,.chip:disabled{opacity:.55;cursor:not-allowed}.seg button:disabled.on,.chip.on:disabled{opacity:.8}.session-strip{display:flex;gap:12px;padding:12px;margin-bottom:12px}.session-key{--wax: var(--accent-tint);flex:none;width:84px;min-height:100px;padding:0;border:0;cursor:pointer;color:var(--accent-text);font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-hand-alt)}.session-key__glyph{font-family:var(--display);font-size:54px;line-height:48px}.session-key__mode{font-size:13px;line-height:16px;font-weight:800}.session-strip__side{flex:1;min-width:0;display:flex;flex-direction:column}.stage-strip{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;padding:2px 0 8px;min-height:52px;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:0}.stage-strip__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.stage-strip__name{font-weight:800;font-size:16px;line-height:22px}.stage-strip__gates{font-size:14px;line-height:20px;color:var(--body)}.stage-strip__next{font-size:14px;line-height:20px;color:var(--body);overflow-wrap:anywhere;text-wrap:pretty}.stage-strip:hover .stage-strip__name{color:var(--accent-text)}.segbar{display:flex;gap:4px;width:100%}.segbar>span{flex:1;height:6px;border-radius:2px;background:var(--raise)}.segbar>span.on{background:var(--accent)}.strip-link{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;cursor:pointer;background:none;border:0;padding:0;min-height:44px;color:inherit}.strip-link__what{font-size:14px;line-height:20px;color:var(--body)}.strip-link__val{flex:1;font-weight:800;font-size:16px;line-height:22px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-link__go{flex:none;color:var(--faint);font-weight:800}.strip-link:hover .strip-link__val{color:var(--accent-text)}.queue-head{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);gap:2px;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-hand);padding:2px}.seg button{border:0;background:transparent;color:var(--body);font:inherit;font-size:15px;font-weight:800;padding:0 16px;min-height:44px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.seg button.on{background:var(--raise);color:var(--text);border-radius:var(--radius-hand);--sk: var(--text)}.chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chip{--wax: var(--color-raised);font-family:var(--display);font-weight:400;font-size:24px;line-height:24px;color:var(--text);font-variant-numeric:tabular-nums;border:0;border-radius:var(--radius-hand-alt);padding:0 12px;cursor:pointer;min-width:60px;min-height:44px}.chip:nth-of-type(odd){border-radius:var(--radius-hand)}.chip.on{--wax: var(--text);color:var(--bg)}.move-line{margin:16px 0 0;font-size:16px;color:var(--body)}.move-line strong{color:var(--text);font-weight:800;font-family:var(--display);font-size:1.5em}.move-line .accidental{color:var(--accent-text)}.notice{--sk: var(--warn);margin-bottom:var(--gap);display:flex;flex-direction:column;gap:10px}.notice .eyebrow{color:var(--warn)}.notice p{margin:0;color:var(--body);max-width:62ch}.notice .btn{align-self:flex-start}.first-run{--wax: var(--accent-tint);margin-bottom:var(--gap);display:flex;flex-direction:column;gap:10px}.first-run:after{display:none}.first-run .eyebrow{color:var(--accent-text)}.first-run p{margin:0;color:var(--body);max-width:60ch}.queue-group{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:20px 2px 6px}.queue-group:first-child{padding-top:4px}.queue-group h2{font-size:30px}.queue-group__mins{font-size:14px;color:var(--muted)}.queue{list-style:none;margin:var(--gap) 0 0;padding:0;display:flex;flex-direction:column}.queue-item{border-bottom:2px solid var(--line)}.queue-item:first-child{border-top:2px solid var(--line)}.queue-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:transparent;border:none;color:var(--text);font:inherit;padding:4px 2px;min-height:64px;cursor:pointer;border-radius:var(--r-sm)}.queue-row:hover:not(:disabled){background:color-mix(in srgb,var(--raise) 55%,transparent)}.queue-row:disabled{cursor:default;color:var(--muted)}.queue-mins{flex:none;width:46px;display:flex;flex-direction:column;align-items:center}.queue-mins__n{font-family:var(--display);font-size:34px;line-height:30px}.queue-mins__u{font-size:12px;line-height:14px;font-weight:800;color:var(--muted)}.queue-main{flex:1;min-width:0;display:flex;flex-direction:column}.queue-title{font-weight:800;font-size:16px;line-height:22px;overflow-wrap:anywhere}.queue-sub{font-size:14px;line-height:20px;color:var(--body)}.queue-tick{flex:none;width:26px;text-align:center;color:var(--good);font-size:18px;font-weight:800}.queue-go{flex:none;color:var(--faint)}.queue-item.done .queue-title{color:var(--muted);text-decoration:line-through}.queue-item.done .queue-mins__n{color:var(--muted)}.queue-tick .mo-tick{display:block;margin:auto}.queue-item.relearning .queue-tick{color:var(--accent-text)}.queue-item.relearning .queue-title{opacity:.85}.queue-item.phase-perform{margin-top:10px}.cta-line{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.cta-line__lead{flex:none;font-family:var(--display);font-weight:400;font-size:28px;line-height:28px}.cta-line__what{min-width:0;overflow-wrap:anywhere;text-align:left;flex:1;font-size:16px;line-height:20px}.cta-line__meta{flex:none;font-size:14px;font-weight:800}.done-note{--wax: var(--accent-tint)}.done-note:after{display:none}.done-note .eyebrow{color:var(--accent-text)}.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:56ch}.empty-state p{margin:0;color:var(--body)}.empty-state h2{font-size:clamp(26px,3.4vw,32px)}.empty-state__mark{width:64px;height:40px;overflow:visible}.empty-state__mark path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;filter:url(#crayon)}.empty-state .btn{margin-top:4px}.runner-head{display:flex;align-items:center;gap:12px;margin:4px 0 0}.runner-key{--wax: var(--accent-tint);flex:none;width:64px;height:64px;display:grid;place-items:center;color:var(--accent-text);font-family:var(--display);font-size:42px;line-height:40px;border-radius:var(--radius-hand-alt)}.runner-head h1{font-size:clamp(34px,6vw,44px);line-height:1}.runner-head p{margin:2px 0 0}.runner-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.runner-top__spacer{flex:none;width:var(--tap)}.runner-progress{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.segbar--runner{width:auto}.segbar--runner>span{flex:none;width:24px}.segbar--runner>span.on{background:var(--line-strong)}.segbar--runner>span.here{background:var(--accent)}.rusty-flag{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px auto 8px;padding:10px 16px;min-height:var(--tap);max-width:30rem;border:0;border-radius:var(--r);color:var(--warn);font-size:.95rem;font-weight:800;cursor:pointer;--sk: var(--warn)}.rusty-flag:hover{color:var(--text)}.rusty-flag.on{background:var(--tint-warning);color:var(--tint-warning-ink);cursor:default}.grade-title{font-family:var(--display);font-weight:400;font-size:28px;line-height:28px;margin:var(--gap) 0 0}.grade-bar{position:sticky;bottom:0;display:grid;gap:6px;margin-top:10px;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:8px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 78%,transparent)}.grade-bar .btn{min-height:60px;padding:0 6px;background:var(--surface);font-family:var(--display);font-weight:400;font-size:24px;line-height:24px;border-radius:var(--radius-hand);color:var(--ink, var(--text));--sk: var(--tone, var(--color-border-strong))}.grade-bar .btn:nth-child(2n){border-radius:var(--radius-hand-alt)}.grade-bar .btn[data-tone=good]{--sk: var(--color-success);--tone: var(--color-success);--ink: var(--tint-success-ink);--fill: var(--color-success);--on: var(--color-status-on)}.grade-bar .btn[data-tone=ok]{--sk: var(--color-warning);--tone: var(--color-warning);--ink: var(--tint-warning-ink);--fill: var(--color-warning-fill);--on: var(--color-warning-on)}.grade-bar .btn[data-tone=bad]{--sk: var(--color-danger);--tone: var(--color-danger);--ink: var(--tint-danger-ink);--fill: var(--color-danger);--on: var(--color-status-on)}.grade-bar .btn[data-tone]:hover{--sk: var(--tone)}.grade-bar .btn.is-chosen{--wax: var(--fill);color:var(--on)}.grade-bar .btn.is-chosen:before{animation:mo-thunk var(--motion-base) var(--ease-settle) both}.grade-bar .btn:disabled{opacity:1;cursor:default}@media(max-width:860px){.grade-bar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}}.climb-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px}.climb-rung{display:flex;align-items:flex-start;gap:10px;text-align:left;border:0;background:var(--surface);color:var(--text);padding:10px 12px;min-height:var(--tap);border-radius:var(--r);font-size:.95rem;cursor:pointer}.climb-rung--done{opacity:.74}.climb-rung--done.climb-rung--reached{opacity:1}.climb-rung--reached{--wax: var(--accent-tint);color:var(--accent-text)}.climb-rung--reached:after{display:none}.climb-rung__n{flex:none;width:28px;height:28px;border-radius:var(--radius-blob);display:inline-flex;align-items:center;justify-content:center;background:var(--raise);font-family:var(--display);font-size:20px;line-height:1}.climb-rung--reached .climb-rung__n{background:var(--accent);color:var(--accent-ink)}.climb-rung__detail{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}.climb-rung--reached .climb-rung__detail{color:var(--text)}.climb-rung__next{display:inline-block;margin-left:8px;vertical-align:1px;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-tint);border-radius:6px 3px 7px 4px;padding:1px 8px}.curveball{display:flex;flex-direction:column;gap:4px;margin:16px 0 4px;padding:12px 14px;border-radius:var(--r);background:var(--accent-tint)}.curveball .eyebrow{color:var(--accent-text)}.curveball strong{font-size:1.06rem;color:var(--text);font-weight:800}.drill-brief{font-size:1rem;color:var(--body);margin:14px 0 4px;padding-left:14px;border-left:4px solid var(--accent-line);border-radius:2px}.what-line{color:var(--muted);font-size:.95rem;margin:12px 0 2px}.hand-switch{display:flex;gap:6px;justify-content:center;margin:12px 0 4px}.howto{margin:14px 0 4px}.howto__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.howto__tempo{font-family:var(--sans);font-size:.9rem;font-weight:800;color:var(--muted)}.howto__notes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.howto__note{font-family:var(--display);font-size:1.3rem;line-height:1.2;background:var(--raise);border-radius:6px 3px 7px 4px;padding:1px 10px;color:var(--text)}.kticks{display:flex;flex-direction:column;gap:8px;margin-top:12px}.ktick{display:flex;align-items:flex-start;gap:10px;border:0;border-radius:var(--r);background:var(--surface);padding:10px 12px;min-height:var(--tap);font-size:.95rem;cursor:pointer}.ktick__body{display:flex;flex-direction:column;gap:2px}.ktick__name{font-weight:800}.ktick__goal{color:var(--muted);font-size:.88rem;line-height:1.35}.ktick input{margin-top:1px}.ktick.on{--wax: var(--accent-tint)}.ktick.on:after{display:none}.ktick--derived{opacity:.74;cursor:default}.competency__tick{margin-right:10px;flex:none}.unit-tick{margin-right:0;cursor:pointer}.tool-row.done .tool-row__name{color:var(--muted)}.tool-row.done .tool-row__chords{opacity:.74;color:var(--text)}.unit-count{font-family:var(--display);font-size:20px;line-height:1;color:var(--muted);background:var(--raise);border-radius:var(--radius-hand-alt);padding:2px 10px;flex:none;margin-left:8px}.unit-count.all{color:var(--accent-ink);background:var(--accent)}.ear-choice{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:var(--r);background:var(--surface);color:var(--text);padding:12px 14px;min-height:var(--tap);font-size:1rem;font-weight:800;cursor:pointer}.ear-choice:disabled{cursor:default}.ear-choice.right{--sk: var(--color-success);background:var(--tint-success);color:var(--tint-success-ink)}.ear-choice.wrong{opacity:.5;text-decoration:line-through}.ear-choice .numbers{font-family:var(--sans);font-size:.85rem;color:var(--muted)}.gate--waiting{opacity:.74}.flash-answer{font-family:var(--display);font-size:clamp(2rem,6vw,2.6rem);line-height:1.15;font-weight:400;color:var(--accent-text);text-align:center;margin:var(--gap) 0 0}.flash-why{color:var(--muted);font-size:.9rem;line-height:1.5;text-align:center;margin:8px 0 0}.tempo-history{text-align:center;font-size:.85rem;color:var(--muted);margin:6px 0 0}.tempo-history strong{color:var(--accent-text)}.leech-label{min-width:0;overflow-wrap:anywhere;line-height:1.35}.sound-fold{margin-top:16px;border-top:2px dashed var(--line);padding-top:12px}.sound-fold>summary{cursor:pointer;list-style:none;color:var(--muted);font-size:.95rem;font-weight:800;padding:10px 2px;min-height:44px;display:flex;align-items:center;gap:8px}.sound-fold>summary::-webkit-details-marker{display:none}.sound-fold>summary:before{content:"▸";color:var(--faint);transition:transform var(--motion-fast) var(--ease-out)}.sound-fold[open]>summary:before{transform:rotate(90deg)}.sound-fold>summary:hover{color:var(--text)}.sound-fold .stack{margin-top:10px}.locked{position:relative}.locked__veil{filter:blur(5px);opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none}.locked__tag{--wax: var(--accent-tint);display:inline-flex;align-items:center;gap:5px;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);border-radius:var(--r-pill);padding:2px 10px;white-space:nowrap}.upsell{--wax: var(--accent-tint);display:flex;flex-direction:column;gap:10px;align-items:flex-start;border-radius:var(--r);padding:18px 20px;margin-top:var(--gap)}.upsell h2,.upsell h3{margin:0;font-family:var(--display);font-weight:400;font-size:28px;line-height:1.05}.upsell p{margin:0;font-size:14px;color:var(--body)}.sechead{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.landing{max-width:1120px;margin:0 auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,32px) 96px;display:flex;flex-direction:column;gap:clamp(48px,7vw,96px)}.landing__hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;padding-top:clamp(8px,3vw,40px)}.landing__heroText{display:flex;flex-direction:column;gap:18px}.landing__hero h1{margin:0;font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:.98;letter-spacing:0;font-weight:400;text-wrap:balance}.landing__lede{margin:0;max-width:56ch;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.62;color:var(--body)}.landing__cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.landing__cta .btn--big{width:auto;padding-inline:26px}.landing__heroCard{background:var(--surface);border-radius:var(--r-tile);padding:22px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-lift)}.fakerow{display:flex;justify-content:space-between;align-items:baseline;gap:14px;background:var(--raise);border-radius:10px 4px 9px 6px/4px 9px 5px 10px;padding:10px 13px;font-size:14px;font-weight:700}.fakerow .mono{font-family:var(--display);font-size:20px;color:var(--muted)}.landing__method{display:flex;flex-direction:column;gap:18px}.methodgrid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));counter-reset:none}@media(min-width:1000px){.methodgrid{grid-template-columns:repeat(var(--method-steps, 5),1fr)}}.methodgrid li{display:flex;flex-direction:column;gap:5px;padding-top:14px;border-top:3px solid var(--accent-line);border-radius:2px}.methodgrid__n{font-family:var(--display);font-size:30px;line-height:1;color:var(--accent-text);font-variant-numeric:tabular-nums}.methodgrid strong{font-size:1.05rem;font-weight:800}.methodgrid__what{color:var(--muted);font-size:.9rem;line-height:1.55}.methodgrid__opens{margin-top:auto;padding-top:6px;font-family:var(--sans);font-size:13px;font-weight:800;color:var(--accent-text)}.ladders{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.ladder{display:flex;flex-direction:column;gap:8px;padding:clamp(14px,2vw,18px);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow)}.ladder__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.ladder__head strong{font-size:1.05rem;font-weight:800}.ladder__pace{font-family:var(--sans);font-size:13px;font-weight:800;color:var(--accent-text)}.ladder__what{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.ladder__rungs{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:none}.ladder__rungs li{display:flex;align-items:baseline;gap:10px;padding:7px 0;font-size:.95rem;line-height:1.4;border-top:2px dashed var(--line)}.ladder__rungs li:first-child{border-top:0}.ladder__n{flex:none;width:1.4em;font-family:var(--display);font-size:20px;line-height:1;color:var(--accent-text);font-variant-numeric:tabular-nums}.ladder__rungs li:last-child span:last-child{color:var(--text);font-weight:800}.landing__points{display:grid;gap:clamp(22px,3vw,34px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.landing__point{display:flex;flex-direction:column;gap:7px}.landing__point h2{margin:0;font-size:30px}.landing__point p{margin:0;color:var(--body);line-height:1.6;font-size:14.5px}.landing__library{display:flex;flex-direction:column;gap:18px}.stylegrid{display:flex;flex-wrap:wrap;gap:8px}.stylechip{border:0;border-radius:var(--radius-hand-alt);padding:6px 14px;font-size:14px;font-weight:800;color:var(--body);--sk: var(--color-border)}.stylechip.on{--wax: var(--accent-tint);color:var(--accent-text)}.stylechip.on:after{display:none}.stylechip em{font-style:normal;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);margin-left:5px}.libcols{display:grid;gap:clamp(20px,3vw,34px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:6px}.libcols h3{margin:0 0 6px;font-size:1.05rem}.libcols p{margin:0;font-size:14px;line-height:1.6;color:var(--body)}.landing__pricing{display:flex;flex-direction:column;gap:22px}.plans{display:grid;gap:clamp(16px,2.5vw,26px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.plan{background:var(--surface);border-radius:var(--r-tile);padding:clamp(22px,3vw,30px);display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.plan--lead{--sk: var(--accent-text)}.plan__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.plan__head h3{margin:0;font-family:var(--display);font-weight:400;font-size:30px;line-height:1}.plan__price{margin:0;font-size:1.1rem}.plan__price strong{font-family:var(--display);font-weight:400;font-size:2.6rem;line-height:1}.plan__price .muted{font-size:.85rem;font-weight:400}.plan__note{margin:0;font-size:13.5px;color:var(--muted)}.plan ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.plan li{font-size:14.5px;line-height:1.5;color:var(--body)}.plan li::marker{color:var(--faint)}.plan .btn{width:100%}.landing__closer{display:flex;flex-direction:column;gap:8px}.landing__closer p{margin:0;color:var(--body)}.linkish{background:none;border:none;padding:0;font:inherit;font-weight:700;cursor:pointer;color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}@media(max-width:860px){.landing__hero{grid-template-columns:1fr}.landing__heroCard{display:none}}.landing__lastcall{--wax: var(--accent-tint);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:clamp(28px,5vw,48px) clamp(18px,4vw,40px);border-radius:var(--r-card);margin-bottom:clamp(28px,5vw,44px)}.landing__lastcall h2{margin:0}.landing__lastcall p{margin:0;max-width:46ch;color:var(--body)}.landing__lastcall .btn--big{width:auto;padding-inline:32px}.wide{max-width:1060px;margin:0 auto;padding:clamp(18px,3vw,34px) clamp(16px,3vw,28px) 96px;display:flex;flex-direction:column;gap:clamp(20px,3vw,30px)}.wide__head{display:flex;flex-direction:column;gap:8px}.wide__head h1{margin:0;font-size:clamp(2.4rem,5vw,3.2rem)}.wide__lede{margin:0;max-width:60ch;color:var(--body);line-height:1.6}.settings-grid{display:grid;gap:var(--gap);align-items:start;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.settings-grid>.plate{margin:0;height:auto;min-width:0;overflow-wrap:anywhere}.itbutton{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.itmark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px 3px 6px 4px;border:2px solid currentColor;font-size:.75rem;font-weight:800;letter-spacing:.02em;line-height:1}.linkbtn{align-self:flex-start;background:none;border:0;padding:6px 0;min-height:44px;color:var(--accent-text);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.linkbtn:disabled{color:var(--muted);cursor:default;text-decoration:none}.linkbtn:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.devicecode{--wax: var(--accent-tint);border-radius:var(--r);padding:16px}.devicecode__code{margin:0;font-family:var(--display);font-weight:400;font-size:2.6rem;letter-spacing:.1em;color:var(--text)}.toast-region{position:fixed;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;padding:0 var(--pad-x);pointer-events:none;z-index:60}.toast{--wax: var(--text);pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:520px;min-height:56px;color:var(--bg);border-radius:var(--r);padding:8px 8px 8px 16px;font-size:15px;font-weight:800;line-height:1.35;box-shadow:var(--shadow-lift);animation:mo-toast-in var(--motion-base) var(--ease-settle) both}.toast--problem{--wax: var(--color-danger);color:var(--color-status-on)}.toast__close{background:none;border:0;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer;padding:0;min-width:44px;min-height:44px;opacity:.85}.planpanel{--wax: var(--accent-tint);border-radius:var(--r-tile);padding:clamp(20px,3vw,28px);display:flex;flex-direction:column;gap:14px}.planpanel__top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.planpanel__now{margin:0;font-family:var(--display);font-weight:400;font-size:2rem;line-height:1.05;color:var(--text)}.planpanel__cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.planpanel ul{margin:0;padding-left:18px;display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.planpanel li{font-size:14.5px;line-height:1.5;color:var(--body)}.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:clamp(12px,2vw,20px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.steps li{counter-increment:step;position:relative;background:var(--surface);border-radius:var(--r-tile);padding:20px 20px 20px 62px;box-shadow:var(--shadow)}.steps li:before{content:counter(step);position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:var(--radius-blob);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-family:var(--display);font-size:22px;line-height:1}.steps h2{margin:0 0 5px;font-family:var(--sans);font-weight:800;font-size:1.05rem;line-height:1.25}.steps p{margin:0;font-size:14px;line-height:1.55;color:var(--body)}.helpgrid{display:grid;gap:clamp(16px,2.4vw,24px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.helpcard{background:var(--surface);border-radius:var(--r-tile);padding:clamp(18px,2.4vw,24px);display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.helpcard h2{margin:0;font-size:28px}.helpcard>p{margin:0}.helptable{width:100%;border-collapse:collapse}.helptable th,.helptable td{text-align:left;vertical-align:top;padding:9px 0;border-top:2px dashed var(--line);font-size:15px;line-height:1.55}.helptable tr:first-child th,.helptable tr:first-child td{border-top:0;padding-top:0}.helptable th{font-weight:800;color:var(--text);white-space:nowrap;padding-right:14px}.helptable td{color:var(--body)}@media(max-width:420px){.helptable th,.helptable td{display:block;border-top:0;padding:2px 0}.helptable th{padding-top:12px;border-top:2px dashed var(--line)}.helptable tr:first-child th{border-top:0;padding-top:0}}.qa{margin:0}.qa dt{font-weight:800;color:var(--text);font-size:15px;margin-top:14px}.qa dt:first-child{margin-top:0}.qa dd{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--body)}.sidework{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}.sidework li{display:flex;flex-direction:column;gap:3px;padding-left:14px;border-left:4px solid var(--line);border-radius:2px}.sidework strong{font-size:1rem;font-weight:800}.sidework__what{font-size:.94rem;line-height:1.6;color:var(--body)}.sidework__why{font-size:.88rem;line-height:1.6;color:var(--muted)}.pipeline{list-style:none;margin:10px 0 0;padding:0;position:relative}.pipeline:before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:3px;background:var(--line);border-radius:2px}.pipeline__step{display:flex;gap:12px;align-items:flex-start;padding:7px 0;position:relative}.pipeline__n{flex:none;width:26px;height:26px;border-radius:var(--radius-blob);display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-size:18px;line-height:1;border:2.5px solid var(--line-strong);background:var(--surface);color:var(--muted);position:relative;z-index:1}.pipeline__step--done .pipeline__n{border-color:var(--good);color:var(--good)}.pipeline__step--done strong{color:var(--muted)}.pipeline__step--here .pipeline__n{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.pipeline__step--ahead{opacity:.74}.pipeline__step strong{font-size:1rem;font-weight:800}.pipeline__what{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}.pipeline__tag{margin-left:8px;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.stage-card{position:relative}.stage-card__n{font-variant-numeric:tabular-nums;color:var(--text);margin-right:2px}.stage-card--here{--sk: var(--accent-text)}.stage-card--here .stage-card__n{color:var(--accent-text)}.stage-card--later{opacity:.72}.stage-card--later:hover,.stage-card--later:focus-within{opacity:1}.craft-areas{display:grid;gap:10px;margin-top:var(--gap);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.craft-area{display:flex;flex-direction:column;gap:5px;text-align:left;padding:14px 16px;min-height:var(--tap);cursor:pointer;border:0;border-radius:var(--r);background:var(--surface);color:var(--text);font:inherit}.craft-area.on{--wax: var(--accent-tint)}.craft-area.on:after{display:none}.craft-area__label{font-weight:800;font-size:1.05rem}.craft-area.on .craft-area__label{color:var(--accent-text)}.craft-area__blurb{font-size:.9rem;line-height:1.5;color:var(--muted)}.craft-family{margin-bottom:clamp(26px,4vw,40px);scroll-margin-top:calc(var(--topbar-h) + 20px)}.craft-family h2{font-size:34px;margin:0 0 12px}.craft-plays{--wax: var(--accent-tint);flex:none;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap}.habitlist{display:flex;flex-direction:column;gap:clamp(30px,5vw,52px)}.habit{display:flex;gap:clamp(14px,2.5vw,24px);align-items:flex-start;scroll-margin-top:calc(var(--topbar-h) + 20px)}.habit:focus-visible,.craft-family:focus-visible{outline:2px solid var(--accent-line);outline-offset:8px;border-radius:var(--r)}.habit__n{flex:none;font-family:var(--display);font-size:34px;line-height:1;color:var(--accent-text);padding-top:4px;font-variant-numeric:tabular-nums}.habit__body{min-width:0}.habit__body h2{font-size:clamp(1.9rem,3.4vw,2.4rem);margin:0 0 10px}.habit__what{margin:0;font-size:1.06rem;line-height:1.62;color:var(--body)}.habit__detail{margin:18px 0 0;padding-left:16px;border-left:4px solid var(--line);border-radius:2px;display:grid;gap:4px 14px}.habit__detail dt{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-top:10px}.habit__detail dt:first-child{margin-top:0}.habit__detail dd{margin:0;font-size:.94rem;line-height:1.6;color:var(--muted)}@media(min-width:640px){.habit__detail{grid-template-columns:74px minmax(0,1fr);align-items:baseline}.habit__detail dt{margin-top:0}}.habit-toc{display:flex;flex-direction:column;gap:4px}.habit-toc a{display:flex;align-items:baseline;gap:10px;min-height:40px;padding:8px 0;color:var(--body);text-decoration:none;font-size:.94rem}.habit-toc a:hover{color:var(--accent-text);text-decoration:none}.habit-toc__n{font-family:var(--display);font-size:20px;color:var(--muted)}.habit-toc .eyebrow{margin-bottom:4px}.doc{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:minmax(0,62ch) minmax(260px,1fr);align-items:start}.doc__aside{position:sticky;top:calc(var(--topbar-h) + 22px);display:flex;flex-direction:column;gap:14px}@media(max-width:900px){.doc{grid-template-columns:1fr}.doc__aside{position:static}}.srlist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.srlist li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.srlist__by{color:var(--muted);font-size:.88rem}.srlist__note{flex-basis:100%;color:var(--muted);font-size:.85rem}.srbench{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-top:2px dashed var(--line);margin-top:12px}.srbench__links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.9rem}.srbench__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.srbench__actions .gate{flex:1 1 220px;margin:0;padding:4px 0;border-top:0}:is(.btn--accent,.btn.tiny.on,.chip,.keychip.active,.nav button.on,.subnav button.on,.show-tabs button.on,.tabbar button.on,.key-tile.learned,.vamp-toggle.on,.climb-rung--reached,.stylechip.on,.tag-pill--accent,.locked__tag,.craft-plays,.craft-area.on,.ktick.on,.grade-bar .btn.is-chosen,.plate.panic.on,.session-key,.runner-key,.upsell,.session-bar,.first-run,.done-note,.devicecode,.planpanel,.landing__lastcall,.toast){background:color-mix(in srgb,var(--wax) var(--wax-mix, 74%),transparent)}:where(.show-key){position:relative;isolation:isolate}:where(.show-key):before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--wax);border-radius:inherit;filter:url(#wax);pointer-events:none;z-index:-1}:is(.show-key){background:color-mix(in srgb,var(--wax) var(--wax-mix, 74%),transparent)}.show-key{--wax-mix: 100%}:where(.chord-tile){position:relative;isolation:isolate;border-color:transparent}:where(.chord-tile):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--sk, var(--color-border-strong));border-radius:inherit;filter:url(#crayon);pointer-events:none;z-index:1}.keys-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}.keys-head__text{flex:1 1 320px;min-width:0}.keys-count{display:flex;flex-direction:column;align-items:flex-start;min-width:150px}.keys-count__n{font-family:var(--display);font-size:clamp(64px,9vw,88px);line-height:.9;color:var(--accent-text)}.keys-count__of{font-family:var(--display);font-size:26px;line-height:1;margin-top:2px}.keys-count .eyebrow{margin:4px 0 8px}.keys-count__bar,.key-tile__bar{display:block;width:100%;height:8px;border-radius:4px;background:var(--raise);overflow:hidden}.keys-count__bar i,.key-tile__bar i{display:block;height:100%;background:var(--accent);border-radius:4px}.key-tile__bar{height:6px;margin-top:2px}.tier{margin-bottom:clamp(26px,3.4vw,40px)}.tier__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}.tier__note{margin:6px 0 0;max-width:68ch}.keydetail{display:grid;gap:var(--gap);align-items:start;grid-template-columns:minmax(0,1fr)}.keydetail__hero{margin-bottom:0}.keydetail__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.keydetail__count{font-family:var(--display);font-size:30px;line-height:1;color:var(--accent-text);white-space:nowrap}.keydetail__count b{font-weight:400;font-size:44px}.keydetail__hero .keys-count__bar{margin-top:10px}.keydetail__of{font-family:var(--sans);font-size:15px;font-weight:800;color:var(--muted);margin-left:8px}.keydetail__main .plate.competency{margin-bottom:var(--gap)}@media(min-width:960px){.keydetail{grid-template-columns:340px minmax(0,1fr);gap:32px}.keydetail__hero{position:sticky;top:calc(var(--topbar-h) + 72px)}}.sec-title{margin:clamp(26px,3.4vw,38px) 0 12px}.tool-list--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;border-top:0}.tool-list--cards .tool-row{background:var(--surface);border:0;border-radius:var(--radius-hand);padding:14px 16px;box-shadow:var(--shadow);align-items:center;text-align:left;font:inherit;color:var(--text);--sk: var(--color-border-strong)}.tool-list--cards .tool-row:nth-child(2n){border-radius:var(--radius-hand-alt)}.tool-list--cards .tool-row__name{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.1}:where(.tool-list--cards .tool-row){position:relative;isolation:isolate}:where(.tool-list--cards .tool-row):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--sk);border-radius:inherit;filter:url(#crayon);pointer-events:none;z-index:1}.bill-list--keys .bill:first-child{grid-column:1 / -1}.bill__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bill__bpm{font-size:13px;font-weight:800;color:var(--muted);white-space:nowrap}.bill__bpm b{font-family:var(--display);font-weight:400;font-size:30px;line-height:1;color:var(--accent-text);margin-right:2px}@media(max-width:680px){.filterbar,.keychips--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--pad-x) * -1);padding-right:var(--pad-x);scroll-snap-type:x proximity}.filterbar::-webkit-scrollbar,.keychips--scroll::-webkit-scrollbar{display:none}.filterbar>*,.keychips--scroll>*{flex:none}}.screen svg circle[fill=none]{filter:url(#crayon)}.how-page{margin-top:14px;max-width:68ch}.how-page summary{font-weight:800}.stage-head{display:flex;align-items:flex-start;gap:14px 18px}.stage-head__text{flex:1 1 auto;min-width:0}.stage-head__text h2{font-size:clamp(30px,4vw,40px);margin:2px 0}.stage-card .stage-card__n{flex:none;display:grid;place-items:center;width:56px;height:56px;margin:0;font-family:var(--display);font-size:40px;line-height:1;color:var(--text);background:var(--raise);border-radius:var(--radius-blob)}.stage-card--here .stage-card__n{background:var(--accent-tint);color:var(--accent-text)}.stage-head__gates{flex:none;font-family:var(--display);font-size:26px;line-height:1;text-align:right}.stage-head__gates b{font-weight:400;font-size:44px}.stage-head__gates small{display:block;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}.stat-row{display:grid;gap:clamp(12px,1.6vw,18px);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--gap)}.stat-tile{padding:16px 18px;margin:0}.stat-tile.plate+.plate{margin-top:0}.stat-tile .n{font-size:clamp(48px,6vw,64px)}.tempo-groups{display:grid;gap:clamp(12px,1.6vw,18px);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start;margin-top:var(--gap)}.tempo-groups>.plate{margin:0}.tempo-group .competency__toggle{gap:10px}.tempo-group .headliner{font-size:22px}.tempo-group__best{margin-left:auto;font-family:var(--display);font-size:40px;line-height:1;color:var(--accent-text)}.tempo-group__best small{font-family:var(--sans);font-size:13px;font-weight:800;color:var(--muted)}.tempo-group .keys-count__bar{margin-top:8px}.tempo-group .competency__chev{margin-left:0}.rep-key{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.rep-key small{font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.set-title{font-size:clamp(26px,3vw,32px);margin-bottom:2px}.settings-grid .plate.stack>*+*{margin-top:14px}.set-slider{display:flex;flex-direction:column;gap:6px}.set-slider__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.set-slider__val{font-family:var(--display);font-size:28px;line-height:1;color:var(--accent-text)}.set-check{display:flex;align-items:center;gap:12px;min-height:var(--tap);cursor:pointer;font-weight:700}.set-field{display:flex;flex-direction:column;gap:6px}.set-field .field{max-width:320px}.theme-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:10px;margin-top:8px}.theme-tile{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px;cursor:pointer;background:transparent;color:var(--text);font:inherit;font-weight:800;border:2.5px solid var(--line);border-radius:var(--radius-hand);min-height:var(--tap)}.theme-tile:nth-child(2n){border-radius:var(--radius-hand-alt)}.theme-tile.on{border-color:var(--accent-text);background:var(--accent-tint);color:var(--accent-text)}.theme-tile__swatch{display:flex;height:54px;border-radius:8px;overflow:hidden;border:2px solid var(--line-strong)}.theme-tile__swatch>span{flex:1;background-color:var(--color-bg);background-image:var(--dots);background-size:var(--dots-size);position:relative}.theme-tile__swatch>span:after{content:"";position:absolute;left:22%;right:22%;top:40%;height:6px;border-radius:3px;background:var(--color-accent)}.theme-tile__name{text-align:center}.acct{display:flex;align-items:center;gap:14px}.acct__blob{flex:none;display:grid;place-items:center;width:56px;height:56px;font-family:var(--display);font-size:32px;line-height:1;color:var(--accent-ink);position:relative;isolation:isolate}.acct__blob:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--accent);border-radius:var(--radius-blob);filter:url(#wax)}.acct__name{margin:0;display:flex;flex-direction:column;font-family:var(--display);font-size:28px;line-height:1.1;min-width:0;overflow-wrap:anywhere}.acct__name .small{font-family:var(--sans);font-size:13px;font-weight:800}.exam__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.exam__n{font-family:var(--display);font-size:34px;line-height:1;color:var(--accent-text)}.exam__n small{font-family:var(--sans);font-size:14px;font-weight:800;color:var(--muted)}.exam__q{font-size:clamp(30px,5vw,42px);line-height:1.08}.answer-tiles{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.answer-tiles .btn{min-height:76px;padding:8px 10px;font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1;white-space:normal}.answer-tiles .btn[data-tone=good]:not(.btn--accent){--sk: var(--color-success)}.answer-tiles .btn[data-tone=ok]{--sk: var(--color-warning)}.answer-tiles .btn[data-tone=bad]{--sk: var(--color-danger)}@media(max-width:480px){.answer-tiles{grid-template-columns:minmax(0,1fr)}.answer-tiles .btn{min-height:64px}}.legal-sec{margin-top:clamp(26px,3.4vw,38px)}.legal-sec>h2{font-size:clamp(26px,3vw,32px);margin-bottom:10px}.legal-p{margin:0;color:var(--body);font-size:1rem;line-height:1.65;text-wrap:pretty}.legal-lead{margin-top:0}.legal-lead.plate+.legal-sec{margin-top:clamp(26px,3.4vw,38px)}.btn.btn--danger:not(.btn--ghost):not(.btn--accent){--sk: var(--color-danger);color:var(--tint-danger-ink)}.btn.btn--danger:not(.btn--ghost):not(.btn--accent):hover{--sk: var(--tint-danger-ink)}.empty-state>.eyebrow:first-child{font-family:var(--display);font-size:clamp(26px,3.4vw,32px);font-weight:400;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--text)}.legal-p+.legal-p,.legal-p+.stack,.stack>.legal-p+*{margin-top:14px}.btn.tiny{min-width:var(--tap-compact)}.srlist a,.srbench__links a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-compact);min-width:var(--tap-compact)}.srlist li>.linkish,.srbench .linkish{min-height:var(--tap-compact)}.bill .meta.meta--good{color:var(--good)}.stage-head__text .eyebrow{text-transform:none;letter-spacing:.01em;font-size:14px;line-height:20px;font-weight:700}.show-cols>.plate .eyebrow:first-child,.show-cols>.plate .row .eyebrow{font-family:var(--display);font-size:30px;font-weight:400;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--text)}.premium-tag{display:inline-flex;align-items:center;vertical-align:middle;margin-left:10px;padding:1px 8px;border:1.5px solid currentColor;border-radius:var(--radius-hand-alt);color:var(--accent-text);font-family:var(--sans);font-size:11px;line-height:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.panic.on .premium-tag{color:inherit}.hdr-pricing{display:none}@media(min-width:1100px){.hdr-pricing{display:inline-flex}}