.music-search-trigger{border:1px solid var(--input);text-align:left;min-height:44px;font:inherit;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.music-search-trigger>svg{flex:none;width:16px;height:16px}.music-search-positioner{z-index:60;max-width:calc(100vw - 24px)}.music-search-popup{width:max(300px, var(--anchor-width));max-width:min(var(--available-width), calc(100vw - 24px));max-height:var(--available-height);color:var(--foreground);background:var(--surface-pop);border:1px solid var(--edge);border-radius:var(--radius-panel);box-shadow:var(--glass-rim), var(--shadow-float);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);font-family:var(--font-ui);font-size:var(--text-md);flex-direction:column;display:flex;overflow:hidden}.music-search-field{border-bottom:1px solid var(--border);color:var(--quiet);flex-shrink:0;align-items:center;gap:10px;padding:5px 12px;display:flex}.music-search-field input{width:100%;min-width:0;min-height:var(--tap);color:var(--foreground);font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:4px 0}.music-search-field:focus-within{border-bottom-color:var(--amber)}.music-search-field input:focus-visible{outline:var(--focus-ring);outline-offset:0}.music-search-field input::placeholder{color:var(--quiet);opacity:1}.music-search-list{overscroll-behavior:contain;scrollbar-color:var(--input) var(--card);min-height:0;max-height:340px;padding:5px;scroll-padding:6px;overflow-y:auto}.music-search-group-label{font-size:var(--text-xs);color:var(--quiet);padding:12px 10px 5px}.music-search-item{cursor:default;border-radius:3px;outline:none;align-items:center;gap:12px;min-height:44px;padding:9px 30px 9px 10px;display:flex;position:relative}.music-search-item>span:first-child{min-width:0}.music-search-item small{white-space:nowrap;color:var(--quiet);margin-left:auto;font-size:12px}.music-search-item[data-highlighted]{background:var(--accent)}.music-search-item[data-selected]{color:var(--green)}.music-search-check{position:absolute;right:8px}.music-search-empty{color:var(--quiet);line-height:1.6}.music-search-empty:not(:empty){padding:18px 14px}@media (max-width:600px){.music-search-field input{font-size:16px}}.night-swim .voicing-list{display:block}.night-swim .voicing-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:6px;display:grid}.night-swim .voicing-list-grid button{flex-shrink:0;min-width:0;height:auto;min-height:60px}.night-swim .voicing-list-grid button>span{overflow-wrap:anywhere;flex-shrink:0}.voicing-refinements{flex-wrap:wrap;align-items:end;gap:12px;margin-top:14px;display:flex}.voicing-refinement{flex-direction:column;gap:5px;min-width:0;display:flex}.voicing-refinement>span{color:var(--quiet);font-size:12px}.night-swim .voicing-refinement .music-select-trigger{min-height:44px;font-family:var(--font-ui);font-size:12px}.night-swim .voicing-filter-action{min-height:44px;color:var(--green);border:1px solid var(--border);background:0 0;border-radius:4px;padding:8px 10px;font-size:12px}.night-swim .voicing-filter-notice{color:var(--quiet);margin:10px 0 0;font-size:12px;line-height:1.7;display:block}.night-swim .voicing-filter-notice .voicing-filter-action{margin-left:8px}.night-swim .voicing-catalog-order{color:var(--quiet)}@media (max-width:500px){.night-swim .voicing-list-grid{grid-template-columns:minmax(0,1fr)}.voicing-refinements{gap:10px}}.match-note-roles{gap:10px;margin:18px 0 14px;display:grid}.match-note-row{flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex}.match-note-role{width:130px;color:var(--quiet);flex-shrink:0;font-size:12px}.match-note-row .match-notes{flex-wrap:wrap;gap:8px 18px;margin:0}.match-note-row[data-role=melody] .match-notes{color:var(--green)}.match-card .palette-difference{flex-wrap:wrap;gap:4px 10px;max-width:100%;margin:0 0 8px;font-size:13px;display:flex}.palette-difference strong{color:var(--foreground);font-weight:500}.palette-comparison-help{max-width:75ch;color:var(--quiet);margin:12px 0 4px;font-size:13px;line-height:1.7}.match-note-row .palette-no-extra{color:var(--quiet);margin:0;font-size:13px}@media (max-width:500px){.match-note-row{gap:4px;display:grid}.match-note-role{width:auto}}.header-utilities{flex:0 auto;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.header-utilities .appearance-controls{margin-left:0}.tray-open{justify-content:center;align-items:center;gap:var(--space-2);box-sizing:border-box;height:var(--tap);min-width:var(--tap);min-height:var(--tap);padding:0 var(--space-3);color:var(--green);background:var(--surface-glass);border:1px solid var(--edge-lit);border-radius:var(--radius-control);box-shadow:inset 0 1px 0 var(--edge-sheen);font-size:var(--text-sm);letter-spacing:0;white-space:nowrap;flex:none;margin:0;font-weight:600;line-height:1;display:inline-flex}.tray-open:hover,.tray-open[aria-expanded=true]{color:var(--accent-foreground);background:var(--accent);border-color:var(--green)}.tray-open:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.practice-tray-root{--tray-blur:22px;--tray-tint:44%;--tray-tint-solid:99.9%;z-index:90;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;inset:0}.practice-tray-backdrop{pointer-events:auto;opacity:0;background:#050c1842;border:0;border-radius:0;width:100%;height:100%;margin:0;padding:0;transition:opacity .22s;position:absolute;inset:0}html[data-theme=day] .practice-tray-backdrop{background:#12362f24}dialog.practice-tray-panel{pointer-events:auto;width:min(420px,100%);min-width:0;max-width:100%;height:100%;max-height:none;color:var(--foreground);border:1px solid color-mix(in srgb, var(--foreground) 24%, transparent);border-radius:var(--radius-sheet) 0 0 var(--radius-sheet);isolation:isolate;background:0 0;flex-direction:column;margin:0;padding:0;transition:transform .22s;display:flex;position:relative;inset:auto;transform:translate(100%);box-shadow:-18px 0 48px #00000047}dialog.practice-tray-panel:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(155deg, #ffffff17, transparent 38%), linear-gradient(to top, color-mix(in srgb, var(--card) 88%, transparent), transparent 72px), color-mix(in srgb, var(--card) var(--tray-tint), transparent);-webkit-backdrop-filter:blur(var(--tray-blur)) saturate(1.35);backdrop-filter:blur(var(--tray-blur)) saturate(1.35);position:absolute;inset:0}dialog.practice-tray-panel:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 1px 0 #ffffff6b,inset 0 1px #ffffff47}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){dialog.practice-tray-panel:before{background:color-mix(in srgb, var(--card) var(--tray-tint-solid), transparent)}}@media (prefers-reduced-transparency:reduce){dialog.practice-tray-panel:before{background:color-mix(in srgb, var(--card) var(--tray-tint-solid), transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}html[data-theme=day] .practice-tray-panel{box-shadow:-16px 0 40px #12362f29}html[data-theme=day] dialog.practice-tray-panel:after{box-shadow:inset 1px 0 #ffffffb3,inset 0 1px #ffffff8c}.practice-tray-head,.practice-tray-body,.practice-tray-toast{z-index:1;position:relative}.practice-tray-root.is-in .practice-tray-backdrop{opacity:1}.practice-tray-root.is-in .practice-tray-panel{transform:translate(0)}.practice-tray-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:18px var(--space-4) var(--space-2);display:flex}.practice-tray-kicker{color:var(--foreground);font-size:var(--text-xs);letter-spacing:var(--tracking-legend);text-transform:uppercase;margin:0;font-weight:600}.practice-tray-head h2{font-size:var(--text-xl);margin:2px 0 0;font-weight:600;line-height:1.2}.practice-tray-close{width:var(--tap);height:var(--tap);color:var(--foreground);background:color-mix(in srgb, var(--background) 40%, transparent);border:1px solid var(--edge);border-radius:var(--radius-control);box-shadow:inset 0 1px 0 var(--edge-sheen);flex:none;place-items:center;margin:0;padding:0;display:grid}.practice-tray-close:hover{color:var(--green);border-color:var(--green)}.practice-tray-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.practice-tray-bookmark:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.practice-tray-actions button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.practice-tray-toast button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.practice-tray-rename:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.practice-tray-body{min-width:0;min-height:0;padding:var(--space-2) var(--space-4) 20px;flex:1;overflow:auto}.practice-tray-intro{margin:0 0 var(--space-3);color:var(--foreground);font-size:var(--text-sm);line-height:1.4}.practice-tray-bookmark,.practice-tray-actions button,.practice-tray-toast button{min-height:var(--tap);padding:0 var(--space-3);color:var(--foreground);background:color-mix(in srgb, var(--background) 40%, transparent);border:1px solid var(--edge);border-radius:var(--radius-control);box-shadow:inset 0 1px 0 var(--edge-sheen);font-size:var(--text-sm);justify-content:center;align-items:center;gap:6px;margin:0;font-weight:600;line-height:1;display:inline-flex}.practice-tray-bookmark{width:100%;margin-bottom:var(--space-2);color:var(--green);border-color:var(--edge-lit)}.practice-tray-bookmark:hover:not(:disabled),.practice-tray-actions button:hover,.practice-tray-toast button:hover{color:var(--accent-foreground);background:var(--accent);border-color:var(--green)}.practice-tray-actions button[aria-pressed=true]{color:var(--primary-foreground);background:var(--green);border-color:var(--green)}.practice-tray-group{min-width:0;margin:18px 0 0}.practice-tray-group h3,.practice-tray-empty{color:var(--foreground);font-size:var(--text-xs);letter-spacing:var(--tracking-legend);text-transform:uppercase;margin:0;font-weight:600}.practice-tray-empty:focus,#practice-tray-empty:focus{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.practice-tray-export-note{margin:var(--space-1) 0 0;color:var(--foreground);font-size:var(--text-xs);line-height:1.35}.practice-tray-group ul{margin:0;padding:0;list-style:none}.practice-tray-item{min-width:0;padding:var(--space-3) 0;border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);gap:6px;display:grid}.practice-tray-name{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.3}.practice-tray-meta{color:var(--foreground);font-size:var(--text-xs);overflow-wrap:anywhere;margin:0;line-height:1.35}.practice-tray-actions{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.practice-tray-rename{width:100%;min-width:0;min-height:var(--tap);padding:var(--space-2) 10px;color:var(--foreground);background:color-mix(in srgb, var(--background) 80%, transparent);border:1px solid var(--green);border-radius:var(--radius-control);font:inherit;margin:0;font-size:15px}.practice-tray-toast{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));color:var(--foreground);background:color-mix(in srgb, var(--accent) 88%, transparent);border-top:1px solid var(--edge);margin:0;display:flex}.practice-tray-toast p{min-width:0;font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;line-height:1.3}.practice-tray-toast button{flex:none}@media (max-width:700px){dialog.practice-tray-panel{border-left-color:#0000;border-radius:0;width:100%}}@media (max-width:640px){.tray-open-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.tray-open{width:44px;padding:0}}@media (max-width:340px){.header-utilities .scene-trigger{justify-content:center;width:44px;min-width:44px;padding:0}.header-utilities .scene-trigger .scene-trigger-mobile{display:none}}@media (prefers-reduced-motion:reduce){dialog.practice-tray-panel,.practice-tray-backdrop{opacity:1;transition:none;transform:none}}