:root{--text:#b7a189;--text-h:#f3e7d3;--bg:#1a1109;--border:#43301f;--code-bg:#2e2016;--accent:#e8842b;--accent-bg:#e8842b1f;--accent-border:#e8842b80;--social-bg:#2e201680;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Iowan Old Style", "Palatino Linotype", Palatino, "Georgia", "Times New Roman", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#b7a189;--text-h:#f3e7d3;--bg:#1a1109;--border:#43301f;--code-bg:#2e2016;--accent:#e8842b;--accent-bg:#e8842b26;--accent-border:#e8842b80;--social-bg:#2e201680;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;height:100dvh;display:flex}body{background:#160e07;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--smoor-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Georgia", "Times New Roman", serif}.app-shell{--bg:#1a1109;--panel:#241811;--panel2:#2e2016;--muted:#b7a189;--accent:#e8842b;--accent2:#b3541e;--paper:#fbf3e3;--ember:var(--accent);--ember-soft:#e8842b26;--espresso:#f3e7d3;--cream:var(--bg);--cream-panel:var(--panel);--ink:#f3e7d3;--ink-soft:var(--muted);--line:#43301f;--danger:#d9563f;--danger-soft:#d9563f29;--bottom-nav-height:73px;background:radial-gradient(135% 95% at 50% -10%, #2a1a10 0%, var(--bg) 68%);min-height:0;color:var(--ink);text-align:left;flex-direction:column;flex:1;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--line);background:var(--cream-panel);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px;display:flex}.bottom-nav{z-index:50;border-top:1px solid var(--line);box-sizing:border-box;height:var(--bottom-nav-height);background:#140c06;flex:none;grid-template-columns:repeat(4,1fr);padding:6px 0 8px;display:grid;position:relative}.bottom-nav__link{color:var(--ink-soft);font-variant:small-caps;letter-spacing:.6px;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-family:inherit;font-size:12px;text-decoration:none;display:flex}.bottom-nav__link:hover{color:var(--ink)}.bottom-nav__link.active{color:var(--ember)}.bottom-nav__icon{font-size:18px;line-height:1}.more{box-sizing:border-box;flex:1;width:100%;max-width:620px;min-height:0;margin:0 auto;padding:24px;overflow-y:auto}.more__title{font-family:var(--smoor-serif);color:var(--espresso);margin:0 0 16px}.more__settings{border:1px solid var(--line);background:var(--cream-panel);border-radius:10px;flex-direction:column;gap:4px;margin:0 0 16px;padding:14px 16px;display:flex}.more__setting-hint{color:var(--ink-soft);margin:0;font-size:13px}.more__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.more__link{border:1px solid var(--line);background:var(--cream-panel);border-radius:10px;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.more__link:hover{border-color:var(--ember)}.more__link-name{color:var(--espresso);font-weight:600}.more__link-hint{color:var(--ink-soft);font-size:13px}.more__attribution{border-top:1px solid var(--line);margin-top:28px;padding-top:16px}.more__attribution-title{font-family:var(--smoor-serif);color:var(--espresso);margin:0 0 6px;font-size:15px}.more__attribution-text{color:var(--ink-soft);margin:0;font-size:12px}.more__attribution-text a{color:var(--ink-soft);text-decoration:underline}.more__footer{color:var(--ink-soft);text-align:center;margin-top:1.5rem;font-size:.8rem}.legal{box-sizing:border-box;flex:1;width:100%;max-width:42rem;min-height:0;margin:0 auto;padding:1rem 1rem 6rem;line-height:1.55;overflow-y:auto}.legal__back{color:inherit;margin-bottom:.75rem;display:inline-block}.legal__title{margin:0 0 .25rem}.legal__updated{color:var(--ink-soft);margin:0 0 1.25rem;font-size:.85rem}.legal__heading{margin:1.5rem 0 .5rem;font-size:1.1rem}.legal__text,.legal__list{margin:0 0 .75rem}.legal__list{padding-left:1.25rem}.app-header__controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.app-nav{gap:4px;display:flex}.practice-toggle{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 6px;font-family:inherit;display:inline-flex}.practice-toggle__label{font-size:14px;font-weight:600}.practice-toggle__track{background:var(--panel2);border:1px solid var(--line);border-radius:11px;width:38px;height:22px;transition:background .15s;display:inline-block;position:relative}.practice-toggle__thumb{background:var(--ink-soft);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.practice-toggle[aria-checked=true]{color:var(--espresso)}.practice-toggle[aria-checked=true] .practice-toggle__track{background:var(--ember-soft);border-color:var(--ember)}.practice-toggle[aria-checked=true] .practice-toggle__thumb{background:var(--ember);transform:translate(16px)}.practice-toggle:focus-visible{outline:2px solid var(--ember);outline-offset:2px;border-radius:6px}.app-nav__link{color:var(--ink-soft);border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:6px 12px;font-size:15px;font-weight:600;text-decoration:none}.app-nav__link:hover{color:var(--espresso);background:var(--ember-soft)}.app-nav__link.active{color:var(--ember);border-bottom-color:var(--ember)}.app-branding{color:inherit;cursor:pointer;text-decoration:none;display:inline-block}.app-title{font-family:var(--smoor-serif);color:var(--espresso);letter-spacing:-.5px;margin:0;font-size:28px}.wordmark__play{color:#c9441f}.wordmark__play--burn{animation:3.4s ease-in-out both wordmark-burn}@keyframes wordmark-burn{0%{color:#2e1d12;text-shadow:none}22%{color:#5c1a0a;text-shadow:0 0 4px #96280a73}45%{color:#c2410c;text-shadow:0 0 6px #e85a14bf,0 0 16px #e85a1459}62%{color:#ffd27a;text-shadow:0 0 4px #fff1c1,0 0 14px #ff9a2e,0 0 30px #e8501499}72%{color:#ffb04a;text-shadow:0 0 4px #ffd27a,0 0 12px #ff8a1e,0 0 26px #e8501480}to{color:#c9441f;text-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.wordmark__play--burn{animation:none}}.app-tagline{color:var(--ember);margin:2px 0 0;font-size:15px;font-style:italic}.library-index__heading,.tune-detail__title,.add-tunes__title,.capture__title,.tune-detail__stub-title{font-family:var(--smoor-serif)}.set-player__field input,.set-player__field select{background:var(--cream-panel);color:var(--ink)}.library{flex:1;grid-template-columns:minmax(260px,340px) 1fr;min-height:0;display:grid}.library__index-pane{border-right:1px solid var(--line);scrollbar-gutter:stable;background:var(--cream-panel);overflow-y:auto}.library__detail-pane{padding:24px}.breadcrumb{align-items:center;gap:8px;padding:12px 14px 8px;display:flex}.breadcrumb__back{border:1px solid var(--line);background:var(--panel2);width:28px;height:28px;color:var(--ember);cursor:pointer;border-radius:7px;flex:none;font-size:18px;line-height:1}.breadcrumb__back:hover{background:var(--ember-soft)}.breadcrumb__trail{font-variant:small-caps;letter-spacing:.5px;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:13px;display:flex}.breadcrumb__crumb{align-items:baseline;gap:4px;display:inline-flex}.breadcrumb__link{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.breadcrumb__link:hover{color:var(--ember)}.breadcrumb__current{color:var(--espresso);font-weight:600}.breadcrumb__sep{color:var(--ink-soft);opacity:.6}.card-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin:0;padding:8px 14px 20px;list-style:none;display:grid}.browse-card{box-sizing:border-box;border:1px solid var(--line);background:linear-gradient(160deg, var(--panel2), var(--panel));width:100%;min-height:92px;color:var(--ink);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;justify-content:space-between;gap:18px;padding:12px 13px;display:flex;box-shadow:0 8px 20px #0000004d}.browse-card:hover{border-color:var(--ember)}.browse-card__name{font-family:var(--smoor-serif);color:var(--espresso);font-size:17px;font-weight:600;line-height:1.2}.browse-card__count{font-variant-numeric:tabular-nums;color:var(--ember);align-self:flex-start;font-size:13px}.browse-card[data-kind=import] .browse-card__name:before{content:"📥 ";opacity:.7}.tune-list{margin:0;padding:4px 0 16px;list-style:none}.tune-list__item{touch-action:pan-y;align-items:stretch;transition:transform .15s;display:flex}.tune-list__row{text-align:left;cursor:pointer;color:var(--ink);font:inherit;background:0 0;border:none;border-left:3px solid #0000;flex:1;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 16px 8px 4px;display:flex}.tune-list__row:hover{background:var(--ember-soft)}.tune-list__row[aria-current=true]{background:var(--ember-soft);border-left-color:var(--ember);color:var(--espresso);font-weight:600}.tune-list__key{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:14px}.tune-list__actions{flex:none;align-items:center;gap:6px;padding-right:12px;display:inline-flex}.tune-list__graduate{border:1px solid var(--ember);background:var(--ember-soft);color:var(--espresso);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.tune-list__graduate:hover{background:var(--ember);color:#1a1109}.tune-list__drop{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px}.tune-list__drop:hover{color:var(--ember)}.browse-card[data-kind=woodshed],.browse-card[data-kind=repertoire],.browse-card[data-kind=favorites]{border-color:var(--ember)}.browse-card[data-kind=woodshed] .browse-card__name:before{content:"🎯 "}.browse-card[data-kind=repertoire] .browse-card__name:before{content:"✓ "}.browse-card[data-kind=favorites] .browse-card__name:before{content:"★ "}.filter-sort{padding:4px 14px 8px}.filter-sort__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-sort__toggle{border:1px solid var(--line);background:var(--panel2);color:var(--espresso);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.filter-sort__toggle:hover{border-color:var(--ember)}.filter-sort__badge{background:var(--ember);color:#1a1109;text-align:center;border-radius:999px;min-width:18px;padding:0 5px;font-size:12px;font-weight:700}.filter-sort__count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.filter-sort__panel{flex-direction:column;gap:12px;margin-top:10px;display:flex}.filter-sort__section{border:1px solid var(--line);border-radius:8px;margin:0;padding:8px 10px 10px}.filter-sort__legend{font-variant:small-caps;letter-spacing:.6px;color:var(--espresso);padding:0 4px;font-size:12px}.filter-sort__hint{color:var(--ink-soft);font-variant:normal;letter-spacing:0;font-style:italic}.filter-sort__radio{color:var(--ink);cursor:pointer;align-items:center;gap:6px;margin-right:14px;font-size:13px;display:inline-flex}.filter-sort__radio input{accent-color:var(--ember)}.filter-sort__options{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.filter-sort__option{border:1px solid var(--line);color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:13px}.filter-sort__option:hover{border-color:var(--ember);color:var(--ink)}.filter-sort__option[aria-pressed=true]{background:var(--ember);border-color:var(--ember);color:#1a1109;font-weight:600}.filter-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.filter-chip{border:1px solid var(--ember);background:var(--ember-soft);color:var(--espresso);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.filter-chip__x{opacity:.8;font-size:11px}.filter-chip:hover .filter-chip__x{opacity:1}.filter-chips__clear{color:var(--ember);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:13px;text-decoration:underline}.empty-state{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 16px;display:flex}.empty-state__message{color:var(--ink-soft);margin:0;font-style:italic}.empty-state__action{border:1px solid var(--line);background:var(--panel2);color:var(--ember);font:inherit;cursor:pointer;border-radius:6px;padding:6px 12px}.empty-state__action:hover{background:var(--ember-soft)}.library__subtitle{color:var(--ink-soft);margin:0;padding:12px 16px 4px;font-size:.9rem}.library-index{padding:8px 0}.library-index__empty{color:var(--ink-soft);padding:24px 16px;font-style:italic;line-height:1.5}.library-index__heading{font-size:inherit;font-weight:inherit;margin:16px 0 4px;padding:0}.library-index__toggle{cursor:pointer;text-align:left;width:100%;color:var(--ink-soft);font:inherit;font-size:15px;font-family:var(--smoor-serif);font-variant:small-caps;letter-spacing:.6px;background:0 0;border:none;align-items:center;gap:8px;padding:4px 16px;display:flex}.library-index__toggle:hover{color:var(--ink);background:var(--ember-soft)}.library-index__chevron{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--ember);flex:none;width:0;height:0;transition:transform .15s}.library-index__toggle[aria-expanded=false] .library-index__chevron{transform:rotate(-90deg)}.library-index__heading-text{flex:1}.library-index__count{font-variant-numeric:tabular-nums;color:var(--ink-soft);opacity:.8}.library-index__list{margin:0;padding:0;list-style:none}.library-index__item{align-items:stretch;display:flex}.library-index__row{text-align:left;cursor:pointer;color:var(--ink);font:inherit;background:0 0;border:none;border-left:3px solid #0000;flex:1;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 16px 7px 4px;display:flex}.status-toggle{cursor:pointer;color:var(--ink-soft);font:inherit;background:0 0;border:none;align-items:center;gap:8px;display:inline-flex}.status-toggle--row{border-left:3px solid #0000;justify-content:center;width:28px;padding:0 0 0 12px}.status-toggle__mark{font-size:15px;line-height:1}.status-toggle[data-status=none] .status-toggle__mark{opacity:.35}.status-toggle[data-status=want] .status-toggle__mark,.status-toggle[data-status=learning] .status-toggle__mark,.status-toggle[data-status=known] .status-toggle__mark{color:var(--ember)}.status-toggle:hover .status-toggle__mark{opacity:1}.status-toggle--detail{border:1px solid var(--line);background:var(--cream-panel);color:var(--espresso);border-radius:6px;margin-left:auto;padding:6px 10px}.favorite-toggle{cursor:pointer;color:var(--ink-soft);font:inherit;background:0 0;border:none;align-items:center;gap:8px;display:inline-flex}.favorite-toggle--row{justify-content:center;width:28px}.favorite-toggle__mark{opacity:.35;font-size:15px;line-height:1}.favorite-toggle[aria-pressed=true] .favorite-toggle__mark{color:var(--ember);opacity:1}.favorite-toggle:hover .favorite-toggle__mark{opacity:1}.favorite-toggle--detail{border:1px solid var(--line);background:var(--cream-panel);color:var(--espresso);border-radius:6px;padding:6px 10px}.library-index__row:hover{background:var(--ember-soft)}.library-index__row[aria-current=true]{background:var(--ember-soft);border-left-color:var(--ember);color:var(--espresso);font-weight:600}.library-index__key{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:14px}.tune-detail--empty{place-items:center;height:100%;display:grid}.tune-detail__hint{color:var(--ink-soft);font-style:italic}.tune-detail__header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.tune-detail__meta{margin-right:auto}.tune-detail__title{color:var(--espresso);margin:0;font-size:22px}.add-to-set{position:relative}.tune-detail__add-to-set,.tune-detail__delete{border:1px solid var(--line);background:var(--cream-panel);color:var(--ink-soft);cursor:pointer;font:inherit;border-radius:6px;padding:6px 10px;font-size:13px}.tune-detail__add-to-set:hover,.tune-detail__delete:hover{color:var(--ember);border-color:var(--ember)}.tune-detail__sub{color:var(--ink-soft);margin:2px 0 0;font-size:14px}.abc-score{background:var(--paper);color:#2b2118;border:1px solid #e6d4b5;border-radius:10px;padding:16px 26px;overflow-x:auto;box-shadow:0 2px #d9c39c,0 16px 36px #00000059}.abc-score svg{max-width:100%}.abc-score svg text{fill:#2b2118}.player{background:var(--cream-panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex}.player__toggle,.player__stop,.set-player__play,.set-player__stop{border:1px solid var(--line);background:var(--cream);width:40px;height:40px;color:var(--ember);cursor:pointer;border-radius:999px;flex:none;font-size:15px;line-height:1}.player__toggle:hover:not(:disabled),.player__stop:hover:not(:disabled),.set-player__play:hover:not(:disabled),.set-player__stop:hover:not(:disabled){background:var(--ember-soft)}.player__toggle:disabled,.player__stop:disabled,.set-player__play:disabled,.set-player__stop:disabled{opacity:.4;cursor:default}.player__seek{accent-color:var(--ember);flex:1}.top-play-bar{z-index:5;background:var(--cream-panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin:8px 0 10px;padding:6px 10px;font-size:13px;display:flex;position:sticky;top:0}.top-play-bar__transport{flex:1;min-width:0}.top-play-bar__tempo{flex:none}.top-play-bar .player{background:0 0;border:none;gap:8px;margin:0;padding:0}.top-play-bar .player__seek{min-width:60px}.tune-detail__settings{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 0;display:flex}.tune-detail__settings .practice-controls{margin:0;padding:0}.tune-detail--focus .top-play-bar,.focus-mode--set .top-play-bar,.focus-mode--set .set-open__title--focus{padding-left:max(10px,166px + -1*max(0px,50vw - 560px) - 6vw)}.focus-mode--set .set-open__title--focus{align-items:center;min-height:56px;margin-bottom:8px;font-size:26px;display:flex}@media (width<=720px){.top-play-bar{gap:6px;padding:4px 6px}.top-play-bar .player{gap:6px}.top-play-bar .player__toggle,.top-play-bar .player__stop,.top-play-bar .set-player__play,.top-play-bar .set-player__stop{width:34px;height:34px}.top-play-bar .player__seek{min-width:40px}.top-play-bar .tempo-control{gap:4px}.top-play-bar .practice-control__select{background-position:right 6px center;padding-right:20px}.top-play-bar .tempo-control__bpm-input{width:3.4em;padding:4px}.tune-detail--focus .top-play-bar,.focus-mode--set .top-play-bar{padding-left:6px;top:78px}.focus-mode--set .set-open__title--focus{padding-left:64px;font-size:20px}}.volume{flex:none;align-items:center;gap:6px;display:flex}.volume__mute{border:1px solid var(--line);background:var(--cream);cursor:pointer;border-radius:999px;flex:none;width:32px;height:32px;font-size:14px;line-height:1}.volume__mute:hover{background:var(--ember-soft)}.volume__mute[aria-pressed=true]{opacity:.55}.volume__slider{width:80px;accent-color:var(--ember);cursor:pointer;flex:none}.sets{--rh:var(--muted);flex-direction:column;flex:1;min-height:0;display:flex}.sets [data-rhythm=reel]{--rh:#e8842b}.sets [data-rhythm=jig]{--rh:#d4a93a}.sets [data-rhythm=slip-jig]{--rh:#c06a3c}.sets [data-rhythm=hop-jig]{--rh:#b98a4a}.sets [data-rhythm=slide]{--rh:#d9563f}.sets [data-rhythm=hornpipe]{--rh:#5fa39b}.sets [data-rhythm=polka]{--rh:#a88ad1}.sets [data-rhythm=march]{--rh:#8aa05a}.sets [data-rhythm=waltz]{--rh:#6f9bd1}.sets [data-rhythm=strathspey]{--rh:#cf7fa0}.sets__pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sets__pane>.sets__list-pane,.sets__pane>.sets__detail-pane{flex:1;min-height:0}.sets__list-top{align-items:center;gap:8px;margin-bottom:16px;display:flex}.sets__list-top .sets__new{flex:1;min-width:0;margin-bottom:0}.sets__pane-controls{flex:none;align-items:center;gap:8px;display:flex}.sets__browse-open{border:1px solid var(--line);background:var(--cream-panel);color:var(--ember);cursor:pointer;border-radius:6px;padding:8px 12px}.sets__browse-target{border-bottom:1px solid var(--accent2);background:var(--accent);color:var(--bg);font:500 14px/1.3 var(--sans,system-ui);flex:none;margin:0;padding:10px 20px}@media (width<=720px){.sets__list-pane,.sets__detail-pane{padding:12px}.set-open__header{flex-wrap:wrap;gap:8px}.set-open__title{overflow-wrap:anywhere;min-width:0;font-size:18px}}.set-open__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.set-open__title{color:var(--espresso);flex:1;margin:0;font-size:20px;font-weight:600}.set-open__fullscreen{border:1px solid var(--line);background:var(--panel);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;padding:0;font-size:17px;line-height:1;display:grid}.set-open__fullscreen:hover{background:var(--ember);border-color:var(--ember);color:#1a120b}.set-open__fullscreen:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.sets__list-pane{background:linear-gradient(180deg, #22160e, var(--bg));padding:16px;overflow-y:auto}.sets__detail-pane{padding:24px;overflow-y:auto}.sets__new{gap:8px;margin-bottom:16px;display:flex}.sets__new-input{border:1px solid var(--line);background:var(--panel2);min-width:0;color:var(--ink);border-radius:10px;flex:1;padding:8px 10px}.sets__new-add{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-weight:700}.sets__detail-pane button{border:1px solid var(--line);background:var(--cream-panel);color:var(--ember);cursor:pointer;border-radius:6px;padding:8px 12px}.sets__list{flex-direction:column;gap:22px;display:flex}.sets__group-heading{color:var(--rh);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 4px;padding:0 4px 8px;font:800 13px/1 system-ui,sans-serif;display:flex}.sets__group-heading:before{content:"";background:var(--rh);width:10px;height:10px;box-shadow:0 0 10px var(--rh);border-radius:50%}.sets__group-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sets__list-entry{border:1px solid var(--line);border-left:6px solid var(--rh);background:linear-gradient(90deg, color-mix(in srgb, var(--rh) 14%, var(--panel2)), var(--panel2) 55%);border-radius:12px}.sets__list-entry[data-open]{padding:8px 8px 10px}.sets__list-item{width:100%;color:var(--espresso);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;display:flex}.sets__list-item[aria-current=true]{background:var(--ember-soft);border-color:var(--ember)}.sets__list-name{color:var(--ink);font-size:18px;font-weight:700}.sets__list-tunes{color:var(--muted);font-size:13px}.sets__list-key{color:var(--accent)}.sets__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sets__row .sets__list-item{flex:1;min-width:0}.sets__list-entry[data-open] .sets__row>.sets__play-mode{order:1}.sets__list-entry[data-open] .sets__row>.sets__browse-open{order:2}.sets__list-entry[data-open] .sets__row>.sets__incipits{order:3}.sets__list-entry[data-open] .sets__row>.sets__delete{order:4;margin-left:auto}.sets__collapse{background:color-mix(in srgb, var(--rh) 22%, transparent);color:var(--rh);cursor:pointer;border:none;border-radius:10px;flex:none;padding:6px 10px;font-size:22px;line-height:1}.sets__open-head{flex-direction:column;flex:calc(100% - 72px);align-items:flex-start;gap:2px;min-width:0;display:flex}.sets__rename{font:inherit;color:var(--ink);text-align:left;cursor:text;background:0 0;border:none;padding:0;font-size:18px;font-weight:700}.sets__rename-input{width:100%;font:inherit}.sets__delete{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:8px 12px;font-size:13px}.sets__play-mode{background:var(--rh);color:var(--bg);cursor:pointer;border:none;border-radius:10px;flex:none;padding:8px 12px;font-weight:800}.sets__play-mode:before{content:"▶ ";font-size:.8em}.sets__list-entry .sets__browse-open{border-color:color-mix(in srgb, var(--rh) 50%, transparent);color:var(--rh);background:0 0;border-radius:10px}.set-cards{flex-direction:column;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.set-cards__empty{margin:4px 0 8px 12px}.set-card{border:1px solid var(--line);border-left:5px solid var(--rh);touch-action:pan-y;background:#00000040;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px 8px 6px;transition:transform .15s;display:flex}.set-card--dragging{z-index:1;position:relative}.set-card__grip{color:var(--espresso);opacity:.6;cursor:grab;touch-action:none;background:0 0;border:none;flex:none;padding:4px 6px;font-size:18px;line-height:1}.set-card--dragging .set-card__grip{cursor:grabbing}.set-card__remove{border:1px solid var(--line);background:var(--cream-panel);color:var(--ember);cursor:pointer;border-radius:6px;padding:4px 9px}.set-card__body{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:stretch;gap:2px;margin:0;padding:0 46px 0 0;display:flex;position:relative}.set-card__incipit{flex:0 0 100%;min-width:0}.abc-score--incipit{border-radius:6px;padding:6px 8px;box-shadow:0 1px #d9c39c}.abc-score--incipit svg{pointer-events:none;display:block}.set-card__title{color:var(--espresso);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.set-card__rhythm{color:var(--rh);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.set-card__key{border:1px solid var(--rh);min-width:34px;color:var(--rh);text-align:center;font:700 13px/1 var(--smoor-serif);border-radius:6px;padding:5px 6px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.set-card__actions{flex:none;gap:4px;display:inline-flex}.set-card__actions button{border:1px solid var(--line);background:var(--cream-panel);color:var(--ember);cursor:pointer;border-radius:6px;padding:4px 9px}.set-card__actions button:disabled{opacity:.35;cursor:default}.sets__empty,.sets__hint,.set-empty-hint{color:var(--espresso);opacity:.7}.set-player{margin-bottom:20px}.set-player__transport{flex-direction:column;gap:2px;min-width:0;display:flex}.set-player__row{align-items:center;gap:8px;min-width:0;display:flex}.top-play-bar .set-player__bar{flex:1;min-width:60px;margin:0}.top-play-bar .set-player__status{margin:0;font-size:12px}.set-player__settings{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 0;display:flex}.set-player__settings .set-player__note{flex-basis:100%}.set-score{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.set-score__tune{border-left:3px solid #0000;border-radius:8px;padding:6px 8px 8px;scroll-margin-top:96px}.set-score__tune--current{border-left-color:var(--ember);background:var(--ember-soft)}.set-score__title{color:var(--espresso);margin:0 0 6px;font-size:16px;font-weight:600}.set-score__no-notation,.set-card__no-notation{color:var(--espresso);opacity:.7;margin:0;font-size:13px}.set-score__announce{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.top-play-bar .set-player__bar{min-width:40px}.set-score__tune{padding:4px 4px 6px}}.set-player__field{color:var(--espresso);align-items:center;gap:6px;font-size:13px;display:inline-flex}.set-player__field input,.set-player__field select{border:1px solid var(--line);border-radius:6px;padding:5px 8px}.set-player__field input{width:66px}.set-player__bar{background:var(--cream);border:1px solid var(--line);cursor:pointer;border-radius:999px;height:12px;margin:14px 0 8px;position:relative;overflow:hidden}.set-player__fill{background:var(--ember-soft);position:absolute;top:0;bottom:0;left:0}.set-player__marker{background:var(--espresso);opacity:.4;width:2px;position:absolute;top:0;bottom:0}.set-player__marker--tag{background:var(--ember);opacity:1;width:3px}.set-player__status{color:var(--ember);min-height:1.2em;margin:4px 0 0;font-size:13px}.set-player__note{color:var(--espresso);opacity:.7;margin:2px 0 0;font-size:12px}.practice-controls{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:8px 0;padding:0 14px;font-size:13px;display:flex}.practice-control__select{border:1px solid var(--line);background:var(--cream-panel);color:var(--espresso);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\"><path d=\"M1 1l4 4 4-4\" fill=\"none\" stroke=\"%23b7a189\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");background-position:right 9px center;background-repeat:no-repeat;border-radius:6px;flex-shrink:0;max-width:100%;padding:4px 26px 4px 8px;font-family:inherit;font-size:13px}.tempo-control{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.tempo-control__bpm{align-items:center;gap:4px;display:inline-flex}.tempo-control__bpm-input{border:1px solid var(--line);background:var(--cream-panel);width:4.5em;color:var(--espresso);border-radius:6px;padding:4px 6px;font-family:inherit;font-size:13px}.abc-score .abc-bar--playing{fill:var(--ember)}.loops{color:var(--espresso);flex-direction:column;gap:8px;margin-top:8px;padding:8px 14px;font-size:13px;display:flex}.loops__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.loops__saved{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.loops__saved-item{align-items:center;gap:2px;display:inline-flex}.loops__delete{color:var(--espresso)!important;padding:4px 8px!important}.loops__section{align-items:center;gap:8px;display:inline-flex}.loops button{border:1px solid var(--line);background:var(--cream-panel);color:var(--ember);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:13px}.loops button:hover:not(:disabled){background:var(--ember-soft)}.loops button:disabled{opacity:.4;cursor:default}.loops__range{color:var(--ember);font-variant-numeric:tabular-nums}.add-tunes{flex-direction:column;flex:1;gap:20px;width:100%;max-width:760px;min-height:0;margin:0 auto;padding:24px;display:flex;overflow:auto}.add-tunes__title{color:var(--espresso);margin:0;font-size:24px}.add-tunes__hint{color:var(--ink-soft);margin:6px 0 0;font-size:15px}.add-tunes__hint code{background:var(--ember-soft);border-radius:4px;padding:1px 5px}.add-tunes__inputs{flex-direction:column;gap:16px;display:flex}.add-tunes__field{flex-direction:column;gap:6px;display:flex}.add-tunes__label{color:var(--espresso);font-size:14px;font-weight:600}.add-tunes__textarea{border:1px solid var(--line);background:var(--cream-panel);color:var(--ink);resize:vertical;border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.add-tunes__batch{align-items:baseline;gap:12px;display:flex}.add-tunes__summary{color:var(--ink-soft);font-size:14px;font-weight:600}.add-tunes__done{background:var(--ember-soft);color:var(--espresso);border-radius:8px;padding:12px 14px}.add-tunes__link{color:var(--ember);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.add-tunes__add{background:var(--ember);color:var(--cream-panel);font:inherit;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:10px 18px;font-weight:600}.add-tunes__add:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}.capture{flex-direction:column;flex:1;gap:20px;width:100%;max-width:620px;min-height:0;margin:0 auto;padding:24px;display:flex;overflow:auto}.capture__title{color:var(--espresso);margin:0;font-size:24px}.capture__hint{color:var(--ink-soft);margin:6px 0 0;font-size:15px}.capture__form{align-items:flex-end;gap:12px;display:flex}.capture__field{flex-direction:column;flex:1;gap:6px;display:flex}.capture__label{color:var(--espresso);font-size:14px;font-weight:600}.capture__input{border:1px solid var(--line);background:var(--cream-panel);color:var(--ink);font:inherit;border-radius:8px;padding:10px 12px}.capture__add{background:var(--ember);color:var(--cream-panel);font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.capture__add:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}.capture__mic{border:1px solid var(--line);background:var(--cream-panel);color:var(--ember);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 14px}.capture__mic:hover{background:var(--ember-soft)}.capture__mic--listening{background:var(--ember);color:var(--cream-panel);border-color:var(--ember)}.repertoire{flex-direction:column;flex:1;min-height:0;display:flex}.repertoire__toolbar{border-bottom:1px solid var(--line);background:var(--cream-panel);padding:10px 16px}.backup{flex:1;max-width:640px;min-height:0;padding:24px;overflow-y:auto}.backup__intro{margin-bottom:20px}.backup__hint{color:var(--espresso);opacity:.8}.backup__actions{align-items:center;gap:12px;display:flex}.backup__export,.backup__import{border:1px solid var(--line);background:var(--cream-panel);color:var(--ember);font:inherit;cursor:pointer;border-radius:8px;padding:10px 16px;font-weight:600}.backup__export:hover,.backup__import:hover{background:var(--ember-soft)}.backup__file{display:none}.backup__message{margin-top:16px}.backup__message--ok{color:var(--ember)}.backup__message--error{color:#b00020}.backup__offline-audio{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.backup__subtitle{color:var(--espresso);margin:0 0 8px}.tune-detail__make-copy{border:1px solid var(--line);background:var(--cream-panel);color:var(--ember);font:inherit;cursor:pointer;border-radius:6px;margin-top:12px;padding:6px 12px}.tune-detail__make-copy:hover{background:var(--ember-soft)}.tune-detail__your-copy{color:var(--ember);margin:4px 0 0;font-size:.85em;font-weight:600}.tune-detail__your-copy-label{color:var(--espresso);font-weight:400}.tune-detail__now-editing{background:var(--ember-soft);color:var(--espresso);border-radius:6px;margin:8px 0 0;padding:6px 12px;font-size:.9em}.tune-detail__source-note{color:var(--muted,#6b6b6b);margin:16px 0 0;font-size:.8em;line-height:1.4}.fork-gate{z-index:50;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fork-gate__sheet{background:var(--cream-panel);border-radius:10px;width:100%;max-width:420px;padding:20px;box-shadow:0 8px 30px #00000040}.fork-gate__title{color:var(--espresso);margin:0 0 8px}.fork-gate__body{color:var(--espresso);margin:0 0 16px}.fork-gate__actions{justify-content:flex-end;gap:8px;display:flex}.fork-gate__cancel{border:1px solid var(--line);background:var(--cream-panel);color:var(--espresso);font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px}.fork-gate__confirm{background:var(--ember);color:var(--cream-panel);font:inherit;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-weight:600}.capture__done{background:var(--ember-soft);color:var(--espresso);border-radius:8px;padding:12px 14px}.capture__link{color:var(--ember);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.tune-detail__stub{border:1px dashed var(--line);text-align:center;color:var(--ink-soft);border-radius:8px;padding:24px}.tune-detail__stub-title{color:var(--espresso);margin:0;font-weight:600}.tune-detail__stub-hint{margin:6px 0 0;font-size:14px}.upload-review{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.upload-review__item{border:1px solid var(--line);background:var(--cream-panel);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.upload-review__item[data-status=invalid]{opacity:.7}.upload-review__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.upload-review__badge{text-transform:uppercase;letter-spacing:.04em;background:var(--line);color:var(--ink-soft);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.upload-review__item[data-status=ok] .upload-review__badge{background:var(--ember);color:var(--cream-panel)}.upload-review__title{color:var(--espresso);font-weight:600}.upload-review__detail{color:var(--ink-soft);font-size:13px}.floating-bar__fab{z-index:40;background:var(--ember);color:#1a120b;cursor:pointer;border:none;border-radius:50%;width:56px;height:56px;font-size:22px;position:fixed;bottom:88px;right:24px;box-shadow:0 10px 26px #00000080}.floating-bar__fab:hover{background:var(--accent2)}.floating-bar-wrap{z-index:40;flex-direction:column;gap:10px;width:min(900px,100vw - 24px);display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.floating-bar{background:var(--panel2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 14px 40px #0000008c}.search-results{background:var(--panel2);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 14px 40px #0000008c}.search-results .collection-picker__menu{min-width:0;box-shadow:none;margin:6px 12px 8px;position:static}.search-results__row{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:11px 14px;font-size:14px;display:flex}.search-results__row:hover{background:var(--panel)}.search-results__meta{color:var(--ink-soft);white-space:nowrap;font-size:12px}.search-results__none{color:var(--ink-soft);border-bottom:1px solid var(--line);padding:12px 14px;font-size:13px;font-style:italic}.search-results__group{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:8px 14px 4px;font-size:12px;font-weight:600}.search-results__ext{background:var(--panel);width:100%;color:var(--ember);font:inherit;cursor:pointer;text-align:left;border:none;padding:12px 14px;font-size:14px}.search-results__ext:hover:not(:disabled){background:var(--ember-soft)}.search-results__ext:disabled{cursor:progress;opacity:.8}.floating-bar__search{border:1px solid var(--line);background:var(--panel);min-width:160px;color:var(--ink);font:inherit;border-radius:9px;flex:1;padding:10px 12px;font-size:15px}.floating-bar__field{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.floating-bar__key{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;border-radius:7px;padding:7px 8px;font-size:13px}.floating-bar__jump{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:9px;padding:9px 12px;font-size:14px}.floating-bar__jump:hover{background:var(--ember-soft)}.floating-bar__jump--primary{background:var(--ember);color:#1a120b;border-color:var(--ember)}.floating-bar__jump--primary:hover{background:var(--accent2)}.floating-bar__close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:6px;font-size:16px}.floating-bar__close:hover{color:var(--ink)}.focus-mode{z-index:60;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.focus-mode__stage{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:28px 6vw 128px}.tune-detail--focus .tune-detail__title{font-size:32px}.tune-detail--focus .abc-score{min-height:60vh}.focus-mode__bar{z-index:61;background:var(--panel2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;max-width:min(900px,100vw - 24px);padding:10px 12px;display:flex;position:fixed;top:24px;left:24px;box-shadow:0 14px 40px #0000008c}.focus-mode__exit{border:1px solid var(--ember);background:var(--ember);color:#1a120b;font:inherit;cursor:pointer;white-space:nowrap;border-radius:9px;padding:9px 14px;font-size:14px}.focus-mode__exit:hover{background:var(--accent2)}.focus-mode__jump{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:9px;padding:9px 12px;font-size:14px}.focus-mode__jump:hover{background:var(--ember-soft)}.focus-mode__restore{z-index:61;background:var(--ember);color:#1a120b;cursor:pointer;border:none;border-radius:50%;width:54px;height:54px;font-size:22px;display:none;position:fixed;top:16px;left:16px;box-shadow:0 8px 22px #0000008c}.focus-mode__restore:hover{background:var(--accent2)}.tune-detail__paper{position:relative}.tune-detail__focus-corner{z-index:2;color:#f3e7d3;cursor:pointer;background:#1a120b8c;border:1px solid #1a120b2e;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:16px;line-height:1;transition:background .12s,border-color .12s;display:grid;position:absolute;top:8px;right:8px}.tune-detail__focus-corner:hover{background:var(--ember);border-color:var(--ember);color:#1a120b}.tune-detail__focus-corner:focus-visible{outline:2px solid var(--ember);outline-offset:2px}@media (width<=720px){.floating-bar{flex-wrap:wrap;max-width:none;left:12px;right:12px;transform:none}.floating-bar__search{min-width:120px}.focus-mode__bar{display:none}.focus-mode__restore{justify-content:center;align-items:center;display:inline-flex}.focus-mode__stage{padding:20px 16px 96px}}.collection-rail{border-bottom:1px solid var(--line);padding:10px 8px 8px}.collection-rail__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.collection-rail__item{border-radius:6px;align-items:stretch;display:flex}.collection-rail__item[data-selected=true]{background:var(--ember-soft)}.collection-rail__select{cursor:pointer;text-align:left;color:var(--ink);font:inherit;background:0 0;border:none;border-radius:6px;flex:1;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 10px;display:flex}.collection-rail__select:hover{background:var(--ember-soft)}.collection-rail__item[data-selected=true] .collection-rail__name{color:var(--ember);font-weight:600}.collection-rail__item[data-kind=import] .collection-rail__name:before{content:"📥 ";opacity:.7}.collection-rail__count{font-variant-numeric:tabular-nums;color:var(--ink-soft);opacity:.8;font-size:13px}.collection-rail__actions{align-items:center;gap:2px;padding-right:4px;display:none}.collection-rail__item:hover .collection-rail__actions,.collection-rail__item[data-selected=true] .collection-rail__actions{display:flex}.collection-rail__action{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px}.collection-rail__action:hover{color:var(--ink);background:var(--panel2)}.collection-rail__new-toggle{border:1px dashed var(--line);color:var(--ink-soft);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:6px;width:100%;margin-top:6px;padding:6px 10px;font-size:13px}.collection-rail__new-toggle:hover{color:var(--ink);border-color:var(--ember)}.collection-rail__new{gap:6px;margin-top:6px;display:flex}.collection-rail__new-input{background:var(--panel2);border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;border-radius:6px;flex:1;padding:6px 8px}.collection-rail__new-add,.collection-picker__new-add{background:var(--ember);color:#1c140f;cursor:pointer;font:inherit;border:none;border-radius:6px;padding:6px 12px;font-weight:600}.collection-rail__new-add:disabled,.collection-picker__new-add:disabled{opacity:.45;cursor:default}.collection-picker{position:relative}.collection-picker__toggle{border:1px solid var(--line);background:var(--panel2);color:var(--ink);cursor:pointer;font:inherit;border-radius:6px;padding:6px 10px;font-size:13px}.collection-picker__toggle:hover{border-color:var(--ember)}.collection-picker__menu{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.collection-picker__empty{color:var(--ink-soft);margin:0 0 6px;font-size:13px;font-style:italic}.collection-picker__list{max-height:220px;margin:0 0 6px;padding:0;list-style:none;overflow-y:auto}.collection-picker__label{cursor:pointer;color:var(--ink);align-items:center;gap:8px;padding:4px 2px;display:flex}.collection-picker__new{border-top:1px solid var(--line);gap:6px;padding-top:8px;display:flex}.collection-picker__new-input{background:var(--panel2);border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;border-radius:6px;flex:1;padding:6px 8px}.collection-picker__done{border:1px solid var(--line);background:var(--panel2);width:100%;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;margin-top:8px;padding:6px 12px;font-weight:600}.collection-picker__done:hover{border-color:var(--accent);color:var(--accent)}.set-picker{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:220px;padding:8px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.set-picker__empty{color:var(--ink-soft);margin:0 0 6px;font-size:13px;font-style:italic}.set-picker__list{max-height:220px;margin:0 0 6px;padding:0;list-style:none;overflow-y:auto}.set-picker__pick{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 4px;display:block}.set-picker__pick:hover{background:var(--panel2)}.set-picker__pick--ticked{font-weight:600}.set-picker__tick{float:right;margin-left:8px}.set-picker__new{border-top:1px solid var(--line);gap:6px;padding-top:8px;display:flex}.set-picker__new-input{background:var(--panel2);border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;border-radius:6px;flex:1;padding:6px 8px}.set-picker__new-add{background:var(--ember);color:#1c140f;cursor:pointer;font:inherit;border:none;border-radius:6px;padding:6px 12px;font-weight:600}.set-picker__new-add:disabled{opacity:.45;cursor:default}.add-tunes__field--name{margin-bottom:12px}.add-tunes__adopt{color:var(--ink);cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.add-tunes__name{background:var(--panel2);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;width:100%;padding:8px 10px}.overflow-menu{flex:none;display:inline-flex;position:relative}.overflow-menu__trigger{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:18px;line-height:1}.overflow-menu__trigger:hover{color:var(--ink);background:var(--panel2)}.overflow-menu__list{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:200px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0006}.overflow-menu__item{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;display:block}.overflow-menu__item:hover{background:var(--panel2)}.overflow-menu__divider{background:var(--danger);opacity:.55;height:1px;margin:4px 6px}.overflow-menu__item--destructive{color:var(--danger)}.overflow-menu__item--destructive:hover{background:var(--danger-soft)}.browse-card__wrap{position:relative}.browse-card__wrap .overflow-menu{position:absolute;top:6px;right:6px}.confirm-sheet__backdrop{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}@media (width>=640px){.confirm-sheet__backdrop{align-items:center}}.confirm-sheet{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;max-width:440px;padding:20px;box-shadow:0 12px 40px #00000080}.confirm-sheet[data-severity=danger]{border-top:3px solid var(--danger)}.confirm-sheet__title{color:var(--ink);margin:0 0 10px;font-size:18px}.confirm-sheet__body{margin:0 0 12px}.confirm-sheet__line{color:var(--ink-soft);margin:0 0 6px;font-size:14px}.confirm-sheet__ties{background:var(--danger-soft);border-radius:8px;margin:0 0 14px;padding:10px 12px;list-style:none}.confirm-sheet__tie{color:var(--ink);justify-content:space-between;padding:3px 0;font-size:14px;display:flex}.confirm-sheet__tie-count{font-variant-numeric:tabular-nums;font-weight:600}.confirm-sheet__gate{margin:0 0 14px;display:block}.confirm-sheet__gate-prompt{color:var(--ink-soft);margin-bottom:6px;font-size:13px;display:block}.confirm-sheet__gate-input{background:var(--panel2);border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:8px 10px}.confirm-sheet__actions{justify-content:flex-end;gap:8px;display:flex}.confirm-sheet__cancel{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px}.confirm-sheet__confirm{border:1px solid var(--danger);background:var(--danger);color:#1a1109;font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:600}.confirm-sheet__confirm[data-severity=notice]{border-color:var(--ember);background:var(--ember)}.confirm-sheet__confirm:disabled{opacity:.4;cursor:not-allowed}.toast-host{z-index:90;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;left:0;right:0}.toast-host--bottom{bottom:84px}.toast-host--top{top:calc(16px + env(safe-area-inset-top,0px))}.toast{background:var(--accent);border:1px solid var(--accent2);max-width:480px;color:var(--bg);pointer-events:auto;border-radius:999px;align-items:center;gap:16px;padding:10px 18px;display:inline-flex;box-shadow:0 8px 24px #0006}.toast__message{font-size:14px;font-weight:500}.toast__action{color:var(--bg);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.ios-install-hint{background:var(--ember-soft);border:1px solid var(--accent2);color:var(--ink);border-radius:8px;flex:none;align-items:center;gap:10px;margin:8px 12px 0;padding:8px 12px;display:flex}.ios-install-hint__text{flex:1;margin:0;font-size:13px;line-height:1.4}.ios-install-hint__dismiss{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex:none;padding:0 4px;font-size:20px;line-height:1}.ios-install-hint__dismiss:hover{color:var(--ink)}.scope-switcher,.scope-sheet__card,.graze__section{border:1px solid var(--line);border-left:5px solid var(--accent);border-right:5px solid var(--accent);cursor:pointer;color:var(--ink);font:600 16px/1.2 var(--sans,system-ui);background:#00000040;border-radius:8px}.scope-switcher:hover,.scope-sheet__card:hover,.graze__section:hover{border-color:var(--accent)}.scope-switcher{flex:none;align-items:center;gap:6px;max-width:55%;padding:7px 10px;display:inline-flex}.scope-switcher__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scope-switcher__caret{color:var(--accent);flex:none;font-size:14px}.scope-sheet__backdrop{inset:0 0 var(--bottom-nav-height) 0;z-index:50;background:#00000080;align-items:flex-end;display:flex;position:fixed}.scope-sheet{background:var(--panel);width:100%;max-height:70vh;padding:12px 0 max(12px, env(safe-area-inset-bottom));border-top-left-radius:16px;border-top-right-radius:16px;overflow-y:auto;box-shadow:0 -8px 24px #0006}.scope-sheet__title{color:var(--muted);font:600 13px/1 var(--sans,system-ui);text-transform:uppercase;letter-spacing:.06em;margin:0;padding:4px 20px 10px}.scope-sheet__list{flex-direction:column;gap:6px;margin:0;padding:0 14px;list-style:none;display:flex}.scope-sheet__card{align-items:center;padding-right:6px;display:flex}.scope-sheet__row{cursor:pointer;min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 8px 12px 14px;display:flex}.scope-sheet__new{color:var(--accent)}.scope-sheet__name-input{box-sizing:border-box;background:var(--panel2);min-width:0;color:var(--ink);border:1px solid var(--accent);font:inherit;border-radius:6px;flex:1;margin:6px 0 6px 8px;padding:6px 8px}.scope-sheet__row[aria-current=true]{color:var(--accent)}.scope-sheet__row-count{color:var(--muted);flex:none;font-size:14px;font-weight:500}.scope-sheet__backdrop--contained{z-index:4;position:absolute;inset:0}.scope-sheet__backdrop--contained .scope-sheet{max-height:85%}@media (width<=720px){.scope-sheet__backdrop:not(.scope-sheet__backdrop--contained) .scope-sheet{height:100%;max-height:none;box-shadow:none;padding-top:max(12px, env(safe-area-inset-top));border-radius:0}}.graze-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.graze-filters__count{color:var(--accent);white-space:nowrap;margin-left:auto;font-size:12px}.graze-filters__view{gap:4px;display:inline-flex}.graze-search{flex:1;min-width:0;position:relative}.graze-search__input{box-sizing:border-box;background:var(--panel2);width:100%;color:var(--ink);border:1px solid var(--line);font:500 14px/1.2 var(--sans,system-ui);border-radius:10px;padding:8px 12px}.graze-search__dropdown{z-index:30;position:absolute;top:calc(100% + 6px);left:0;right:0}.graze-search__dropdown .search-results{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:100%;max-height:60vh;overflow-y:auto;box-shadow:0 8px 24px #0006}.graze-topbar{flex-direction:column;flex:none;gap:8px;padding:12px 14px 8px;display:flex}.graze-topbar__row{align-items:center;gap:10px;display:flex}.graze{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex}.graze__scroll{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:1;min-height:0;position:relative;overflow-y:auto}.graze-rail-wrap{position:relative}.graze-rail-wrap:before,.graze-rail-wrap:after{content:"";pointer-events:none;opacity:0;z-index:1;width:32px;transition:opacity .15s;position:absolute;top:0;bottom:1px}.graze-rail-wrap:before{background:linear-gradient(to right, var(--panel), transparent);left:0}.graze-rail-wrap:after{background:linear-gradient(to left, var(--panel), transparent);right:0}.graze-rail-wrap[data-more-left=true]:before,.graze-rail-wrap[data-more-right=true]:after{opacity:1}.graze-rail{border-bottom:1px solid var(--line);background:var(--panel);scrollbar-width:none;flex:none;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.graze-rail::-webkit-scrollbar{height:0}.graze-rail__chip{cursor:pointer;background:var(--panel2);color:var(--muted);border:1px solid var(--line);font:600 12px/1 var(--sans,system-ui);border-radius:999px;flex:none;padding:5px 11px}.graze-rail__chip:hover{color:var(--accent);border-color:var(--accent)}.graze-rail__chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--panel)}.graze__inner{width:100%;position:relative}.graze__headerRow{width:100%}.graze__header{color:var(--accent);font:700 15px/1 var(--sans,system-ui);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0;padding:16px 14px 8px}.graze__headerToggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:0;display:flex}.graze__headerCaret{flex:none;width:1em;font-size:21px;line-height:15px}.graze__sectionRow{box-sizing:border-box;background:var(--bg);width:100%;padding:6px 8px 4px}.graze__section{box-sizing:border-box;background-color:var(--panel);height:100%;margin:0}.graze__sectionToggle{width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0 14px 0 10px;display:flex}.graze__sectionToggle .graze__headerCaret{color:var(--accent)}.graze__sectionName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.graze__sectionCount{color:var(--muted);flex:none;font-size:14px;font-weight:500}.graze__noteRow{box-sizing:border-box;text-align:center;color:var(--muted);padding:16px 24px 20px}.graze__pair{grid-template-columns:repeat(var(--graze-columns,2), 1fr);align-items:start;gap:2px 10px;padding:0 12px;display:grid}.graze-cell{align-items:start;gap:4px;width:100%;display:flex}.graze-cell__open{text-align:left;cursor:pointer;min-width:0;color:var(--ink);font:600 13px/1.28 var(--sans,system-ui);overflow-wrap:anywhere;background:0 0;border:none;flex:1;padding:7px 2px}.graze-cell__open:hover{color:var(--accent)}.graze__scroll[data-columns="3"] .graze-cell__open{font-size:14px}.graze__scroll[data-columns="4"] .graze-cell__open{font-size:15px}.graze-cell__key{color:var(--muted);white-space:nowrap;font-weight:500}.graze-cell__add{cursor:pointer;width:28px;color:var(--ember);font:600 20px/1 var(--sans,system-ui);background:0 0;border:none;flex:none;padding:4px 0}.graze-cell__add:hover{color:var(--accent)}.graze-cell__count{color:var(--muted);font:600 12px/1 var(--sans,system-ui);white-space:nowrap;align-self:center;padding:0 4px}.graze-cell__actions{flex:none;align-items:start;display:flex;position:relative}:is(.graze__pairRow:has(.overflow-menu__list),.graze__pairRow:has(.collection-picker__menu),.graze__pairRow:has(.set-picker)){z-index:20}:is(.graze-cell:has(.overflow-menu__list),.graze-cell:has(.collection-picker__menu),.graze-cell:has(.set-picker)){background:var(--panel2);border-radius:8px}@media (width<=720px){.graze-cell__actions,.graze-cell .overflow-menu,.graze-cell .collection-picker{position:static}.graze-cell .overflow-menu__list,.graze-cell .collection-picker__menu,.graze-cell .set-picker{min-width:0;left:8px;right:8px}}.graze__empty{text-align:center;color:var(--muted);padding:48px 24px}.graze__empty-title{color:var(--ink);margin:0 0 6px;font-weight:600}.graze__empty-hint{margin:0;font-size:14px}.graze__empty-cta{background:var(--accent);color:var(--panel);cursor:pointer;border:none;border-radius:999px;margin-top:16px;padding:10px 18px;font-size:15px;font-weight:600}.graze__empty-cta:hover{filter:brightness(1.05)}.graze-reader{z-index:40;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.graze-reader--contained{z-index:3;position:absolute}.graze-reader__bar{border-bottom:1px solid var(--line);background:var(--panel);flex:none;align-items:center;padding:8px 12px;display:flex}.graze-reader__back{cursor:pointer;color:var(--accent);font:600 15px/1 var(--sans,system-ui);background:0 0;border:none;padding:8px 6px}.graze-reader__body{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.graze-home,.graze-home__surface{flex-direction:column;flex:1;min-height:0;display:flex}.graze-home--scoped{position:relative}.slide-over__backdrop{inset:0 0 var(--bottom-nav-height) 0;z-index:45;background:#00000080;justify-content:flex-end;display:flex;position:fixed}.slide-over{background:var(--bg);border-left:1px solid var(--line);outline:none;flex-direction:column;width:min(520px,100%);height:100%;animation:.18s ease-out slide-over-in;display:flex;position:relative;box-shadow:-8px 0 24px #0006}.slide-over--full{width:100%;box-shadow:none;border-left:none}@keyframes slide-over-in{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.slide-over{animation:none}}.slide-over__bar{border-bottom:1px solid var(--line);background:var(--panel);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px 8px 20px;display:flex}.slide-over__title{color:var(--muted);font:600 13px/1 var(--sans,system-ui);text-transform:uppercase;letter-spacing:.06em;margin:0}.slide-over__close{cursor:pointer;color:var(--ink);font:400 24px/1 var(--sans,system-ui);background:0 0;border:none;padding:6px 10px}.slide-over__body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}