body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root{padding:0}body{background-color:#fff;background-color:var(--bg-card);color:#000;color:var(--text-primary);font-size:16px;font-size:var(--ui-base-font);transition:background-color .2s ease-in-out,color .2s ease-in-out}body[data-ui-size=small]{--ui-base-font:14px;--ui-control-font:0.8rem;--ui-compact-font:0.75rem;--ui-subtle-font:0.72rem;--ui-title-size:1.66em;--ui-title-gap:0.35rem;--ui-title-margin-bottom:0.4rem;--ui-nav-label-font:0.68rem;--ui-nav-icon-size:1.08rem;--ui-nav-caret-size:0.58rem;--ui-nav-menu-font:0.75rem;--ui-nav-menu-meta-font:0.68rem;--ui-section-gap:0.55rem;--ui-panel-padding-top:4px;--ui-filter-grid-gap:0.5rem;--ui-filter-grid-margin:0.75rem;--ui-meta-font:0.9rem;--ui-meta-muted-font:0.78rem;--ui-card-pad-y:10px;--ui-card-pad-x:4px;--ui-card-title-font:0.92rem;--ui-card-meta-font:0.84rem;--ui-card-chip-font:0.6rem;--ui-card-sub-font:0.76rem;--ui-select-height:24px;--ui-select-font:0.74rem;--ui-select-pad-x:9px;--ui-select-option-pad-y:5px;--ui-select-option-pad-x:10px;--ui-mobile-controls-gap:0.42rem;--ui-mobile-controls-pad-x:7px}body[data-ui-size=medium]{--ui-base-font:16px;--ui-control-font:0.88rem;--ui-compact-font:0.82rem;--ui-subtle-font:0.78rem;--ui-title-size:1.95em;--ui-title-gap:0.5rem;--ui-title-margin-bottom:0.5rem;--ui-nav-label-font:0.75rem;--ui-nav-icon-size:1.2rem;--ui-nav-caret-size:0.62rem;--ui-nav-menu-font:0.8rem;--ui-nav-menu-meta-font:0.72rem;--ui-section-gap:0.7rem;--ui-panel-padding-top:6px;--ui-filter-grid-gap:0.7rem;--ui-filter-grid-margin:1rem;--ui-meta-font:1rem;--ui-meta-muted-font:0.85rem;--ui-card-pad-y:14px;--ui-card-pad-x:4px;--ui-card-title-font:1rem;--ui-card-meta-font:1rem;--ui-card-chip-font:0.65rem;--ui-card-sub-font:0.85rem;--ui-select-height:28px;--ui-select-font:0.82rem;--ui-select-pad-x:10px;--ui-select-option-pad-y:6px;--ui-select-option-pad-x:11px;--ui-mobile-controls-gap:0.48rem;--ui-mobile-controls-pad-x:8px}body[data-ui-size=large]{--ui-base-font:17px;--ui-control-font:0.96rem;--ui-compact-font:0.9rem;--ui-subtle-font:0.86rem;--ui-title-size:2.08em;--ui-title-gap:0.6rem;--ui-title-margin-bottom:0.6rem;--ui-nav-label-font:0.82rem;--ui-nav-icon-size:1.3rem;--ui-nav-caret-size:0.68rem;--ui-nav-menu-font:0.86rem;--ui-nav-menu-meta-font:0.76rem;--ui-section-gap:0.85rem;--ui-panel-padding-top:8px;--ui-filter-grid-gap:0.85rem;--ui-filter-grid-margin:1.2rem;--ui-meta-font:1.06rem;--ui-meta-muted-font:0.92rem;--ui-card-pad-y:16px;--ui-card-pad-x:6px;--ui-card-title-font:1.06rem;--ui-card-meta-font:1.04rem;--ui-card-chip-font:0.7rem;--ui-card-sub-font:0.9rem;--ui-select-height:36px;--ui-select-font:0.94rem;--ui-select-pad-x:12px;--ui-select-option-pad-y:8px;--ui-select-option-pad-x:12px;--ui-mobile-controls-gap:0.56rem;--ui-mobile-controls-pad-x:9px}.page{display:flex;flex-direction:column;height:100%;margin:auto;max-width:800px;min-height:0;padding:68px 20px 60px}body.session-active:not(.session-banner-fixed) .page{padding-top:14px}body.session-active.session-banner-fixed .page{padding-top:95px;padding-top:calc(var(--session-nav-offset, 51px) + 44px)}@media screen and (max-width:600px){.page{padding-top:66px}}@media (max-width:600px){.scroll-container{padding-bottom:40px}}:root{--bg-card:#fff;--text-primary:#000;--text-muted:#444;--card-border:#ccc;--input-bg:#f9f9f9;--input-border:#888;--button-bg:#eee;--button-text:#000;--abc-bg:#fff;--abc-color:#000;--import-bg:#f5f5f5;--ui-base-font:16px;--ui-control-font:0.88rem;--ui-compact-font:0.82rem;--ui-subtle-font:0.78rem;--ui-title-size:1.95em;--ui-title-gap:0.5rem;--ui-title-margin-bottom:0.5rem;--ui-nav-label-font:0.75rem;--ui-nav-icon-size:1.2rem;--ui-nav-caret-size:0.62rem;--ui-nav-menu-font:0.8rem;--ui-nav-menu-meta-font:0.72rem;--ui-section-gap:0.7rem;--ui-panel-padding-top:6px;--ui-filter-grid-gap:0.7rem;--ui-filter-grid-margin:1rem;--ui-meta-font:1rem;--ui-meta-muted-font:0.85rem;--ui-card-pad-y:14px;--ui-card-pad-x:4px;--ui-card-title-font:1rem;--ui-card-meta-font:1rem;--ui-card-chip-font:0.65rem;--ui-card-sub-font:0.85rem;--ui-select-height:28px;--ui-select-font:0.82rem;--ui-select-pad-x:10px;--ui-select-option-pad-y:6px;--ui-select-option-pad-x:11px;--ui-mobile-controls-gap:0.48rem;--ui-mobile-controls-pad-x:8px}.theme-dark{--bg-card:#1f1f1f;--text-primary:#f0f0f0;--text-muted:#aaa;--card-border:#777;--input-bg:#2a2a2a;--button-bg:#333;--input-border:#666;--button-text:#fff;--abc-bg:#fff;--abc-color:#000;--import-bg:#2b2b2b}.theme-custom{--bg-card:var(--custom-bg,#fff);--text-primary:var(--custom-text,#000);--text-muted:color-mix(in srgb,var(--text-primary) 70%,#0000);--card-border:var(--custom-border,#888);--input-bg:#f6f6f6;--input-text:#111;--button-bg:var(--custom-button-bg,#ddd);--button-text:var(--custom-button-text,#000);--abc-bg:#fff;--abc-color:#000;--input-border:#999;--import-bg:color-mix(in srgb,var(--bg-card) 85%,#000)}.theme-custom[data-custom-dark=true]{--text-muted:color-mix(in srgb,var(--text-primary) 30%,#fff 70%);--input-bg:color-mix(in srgb,var(--custom-bg) 30%,#fff 70%);--input-border:color-mix(in srgb,var(--custom-bg) 60%,#fff)}.theme-sepia{--bg-card:#f3e8d4;--text-primary:#3f2e1c;--text-muted:#6d5a42;--card-border:#ccb89a;--input-bg:#ede0c7;--button-bg:#dbc8ab;--button-text:#2e1e0f;--abc-bg:#f9f1e0;--abc-color:#3f2e1c;--input-border:#9c856a;--import-bg:#e5d7c0}.theme-blueprint{--bg-card:#eef6ff;--text-primary:#001d3d;--text-muted:#334e68;--card-border:#b0c4de;--input-bg:#e2ecf7;--button-bg:#c3dbf7;--button-text:#001d3d;--abc-bg:#fff;--abc-color:#001d3d;--import-bg:#d9eaff}.text-subtle{color:#444;color:var(--text-muted);font-style:italic}body.fixed-layout,html.fixed-layout{height:100%;overflow:hidden}.session-panel{background-color:#f5f5f5;background-color:var(--import-bg);border:none;border-radius:8px;margin-left:auto;margin-right:auto;margin-top:2px;max-width:400px;padding:0 0 16px}.card-list{list-style:none;margin:0;padding-left:0}.card{background-color:#fff;background-color:var(--bg-card);border:none;border-bottom:1px solid #ccc;border-bottom:1px solid var(--card-border);border-radius:0;color:#000;color:var(--text-primary);margin:0;padding:14px 4px;padding:var(--ui-card-pad-y) var(--ui-card-pad-x);text-align:left;transition:background-color .15s ease}.card:last-child{border-bottom:none}.card:hover{background-color:color-mix(in srgb,#fff 92%,#000);background-color:color-mix(in srgb,var(--bg-card) 92%,var(--text-primary));cursor:pointer}button.big-button{background-color:#000;background-color:var(--text-primary);border:none;border-radius:8px;color:#fff;color:var(--bg-card);cursor:pointer;font-size:1rem;font-weight:600;max-width:200px;min-width:60px;padding:8px 16px;transition:opacity .15s ease}button.big-button:hover{opacity:.85}button.big-button.tool-action-btn{border-radius:10px;box-shadow:0 1px 6px color-mix(in srgb,#000 10%,#0000);box-shadow:0 1px 6px color-mix(in srgb,var(--text-primary) 10%,#0000);max-width:none;width:100%}button.big-button.tool-action-btn,button.tool-inline-btn{background-color:color-mix(in srgb,#eee 84%,#fff 16%);background-color:color-mix(in srgb,var(--button-bg) 84%,var(--bg-card) 16%);border:1px solid color-mix(in srgb,#ccc 70%,#0000);border:1px solid color-mix(in srgb,var(--card-border) 70%,#0000);color:#000;color:var(--text-primary);font-size:.88rem;font-weight:600;padding:6px 14px}button.tool-inline-btn{border-radius:10px;cursor:pointer}input:not([type=range]),select,textarea{background-color:#f9f9f9;background-color:var(--input-bg);border:1px solid color-mix(in srgb,#888 70%,#0000);border:1px solid color-mix(in srgb,var(--input-border) 70%,#0000);border-radius:8px;color:#000;color:var(--input-text,var(--text-primary));font-size:.88rem;font-size:var(--ui-control-font);padding:6px 8px;transition:border-color .15s ease}textarea{overflow-x:hidden;resize:vertical;white-space:pre-wrap;word-break:break-word}.audio-seek-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:24px}.audio-seek-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8ec5ff 0,#8ec5ff 0,color-mix(in srgb,#444 45%,#0000) 0,color-mix(in srgb,#444 45%,#0000));background:linear-gradient(to right,var(--text-link,#8ec5ff) 0,var(--text-link,#8ec5ff) var(--seek-progress,0),color-mix(in srgb,var(--text-muted) 45%,#0000) var(--seek-progress,0),color-mix(in srgb,var(--text-muted) 45%,#0000) 100%);border-radius:999px;height:4px}.audio-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8ec5ff;background:var(--text-link,#8ec5ff);border:0;border-radius:50%;height:12px;margin-top:-4px;width:12px}.audio-seek-slider::-moz-range-track{background:color-mix(in srgb,#444 45%,#0000);background:color-mix(in srgb,var(--text-muted) 45%,#0000);border:0;border-radius:999px;height:4px}.audio-seek-slider::-moz-range-progress{background:#8ec5ff;background:var(--text-link,#8ec5ff);border:0;border-radius:999px;height:4px}.audio-seek-slider::-moz-range-thumb{background:#8ec5ff;background:var(--text-link,#8ec5ff);border:0;border-radius:50%;height:12px;width:12px}select{font-size:.82rem;font-size:var(--ui-compact-font);padding:5px 6px}input::placeholder,textarea::placeholder{color:#444;color:var(--text-muted);opacity:.6}input:not([type=range]):focus,select:focus,textarea:focus{border-color:#000;border-color:var(--text-primary);box-shadow:none;outline:none}@media (hover:none) and (pointer:coarse){.ProseMirror,.app-select-trigger,.notes-tiptap-editor,[contenteditable=true],input:not([type=range]),select,textarea{font-size:16px!important}}.abcjs-container{background-color:#fff;background-color:var(--abc-bg);border-radius:8px;color:#000;color:var(--abc-color);overflow-x:auto;padding:12px}.abcjs-container svg{display:block;margin:0 auto}body[data-ui-size=small] .text-scaled{font-size:.82em;line-height:1.4}body[data-ui-size=medium] .text-scaled{font-size:1em;line-height:1.4}body[data-ui-size=large] .text-scaled{font-size:1.08em;line-height:1.3}h1{font-size:1.7em}h1,h2{font-weight:700;margin-bottom:.5em}h2{font-size:1.4em}h3{font-size:1.2em}h3,h4{font-weight:700;margin-bottom:.5em}h4{font-size:1em}[data-ui-size=small] .big-button{font-size:.85rem;padding:6px 10px}[data-ui-size=medium] .big-button{font-size:1rem;padding:8px 14px}[data-ui-size=large] .big-button{font-size:1.1rem;padding:10px 16px}body[data-ui-size=large] .filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;white-space:nowrap}body[data-ui-size=small] h1{font-size:1.6em}body[data-ui-size=small] h2{font-size:1.4em}body[data-ui-size=small] h3{font-size:1.2em}body[data-ui-size=small] h4{font-size:1.1em}body[data-ui-size=medium] h1{font-size:1.8em}body[data-ui-size=medium] h2{font-size:1.6em}body[data-ui-size=medium] h3{font-size:1.4em}body[data-ui-size=medium] h4{font-size:1.2em}body[data-ui-size=large] h1{font-size:2em}body[data-ui-size=large] h2{font-size:1.8em}body[data-ui-size=large] h3{font-size:1.6em}body[data-ui-size=large] h4{font-size:1.4em}.confirmation-message{background-color:#007bff20;background-color:var(--info-bg,#007bff20);border-radius:6px;color:#007bff;color:var(--info-text,#007bff);font-weight:700;margin:0 auto 20px;max-width:300px;padding:10px;text-align:center}.filters-container{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(3,minmax(140px,1fr));justify-content:center;margin:0 auto 12px;max-width:600px}@media (max-width:600px){.filters-container{grid-template-columns:repeat(1,minmax(140px,1fr))}}.actions-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.clear-filters-button{background-color:#eee;background-color:var(--button-bg);border:none;border-radius:8px;color:#000;color:var(--text-primary);cursor:pointer;display:block;margin-left:auto;margin-right:auto;margin-top:10px;max-width:180px;padding:8px;transition:opacity .15s ease;width:100%}.clear-filters-button:hover{opacity:.8}.filter-group-wrapper{grid-gap:10px 16px;align-items:center;display:grid;gap:10px 16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto 20px;max-width:600px}@media (max-width:600px){.filter-group-wrapper{grid-template-columns:1fr}}.search-input{background:linear-gradient(180deg,color-mix(in srgb,#f9f9f9 84%,#0b3d66 16%),color-mix(in srgb,#f9f9f9 90%,#0b3d66 10%));background:linear-gradient(180deg,color-mix(in srgb,var(--input-bg) 84%,#0b3d66 16%),color-mix(in srgb,var(--input-bg) 90%,#0b3d66 10%));border:1px solid color-mix(in srgb,#228be6 46%,#ccc 54%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 46%,var(--card-border) 54%);border-radius:12px;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 12%,#0000),0 2px 10px color-mix(in srgb,#228be6 14%,#0000);box-sizing:border-box;color:#000;color:var(--text-primary);display:block;font-size:.82rem!important;font-size:var(--ui-select-font,var(--ui-compact-font))!important;grid-column:1/-1;grid-column:span 3;justify-self:stretch;line-height:1.2;min-height:28px!important;min-height:var(--ui-select-height,28px)!important;padding:0 10px!important;padding:0 var(--ui-select-pad-x,10px)!important;width:auto}.search-input:focus{border-color:color-mix(in srgb,#228be6 72%,#ccc 28%);border-color:color-mix(in srgb,var(--text-link,#228be6) 72%,var(--card-border) 28%);box-shadow:0 0 0 1px color-mix(in srgb,#228be6 36%,#0000),inset 0 1px 0 color-mix(in srgb,#fff 14%,#0000),0 2px 10px color-mix(in srgb,#228be6 18%,#0000);box-shadow:0 0 0 1px color-mix(in srgb,var(--text-link,#228be6) 36%,#0000),inset 0 1px 0 color-mix(in srgb,#fff 14%,#0000),0 2px 10px color-mix(in srgb,#228be6 18%,#0000);outline:none}.add-entry-textarea{line-height:1.34;padding:5px 10px 6px!important}.add-notes-field{font-family:inherit}.add-abc-field,.add-lyrics-field{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.add-file-input{overflow:hidden;padding:2px!important}.file-upload-row{box-sizing:border-box;margin:0 auto;max-width:300px;width:100%}.add-file-input::file-selector-button{background:color-mix(in srgb,#eee 76%,#0b3d66 24%);background:color-mix(in srgb,var(--button-bg) 76%,#0b3d66 24%);border:1px solid color-mix(in srgb,#228be6 32%,#ccc 68%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 32%,var(--card-border) 68%);border-radius:10px;color:#000;color:var(--text-primary);cursor:pointer;font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));line-height:1.2;margin-right:8px;min-height:24px;min-height:calc(var(--ui-select-height, 28px) - 4px);padding:0 10px;padding:0 var(--ui-select-pad-x,10px)}.add-file-input::-webkit-file-upload-button{background:color-mix(in srgb,#eee 76%,#0b3d66 24%);background:color-mix(in srgb,var(--button-bg) 76%,#0b3d66 24%);border:1px solid color-mix(in srgb,#228be6 32%,#ccc 68%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 32%,var(--card-border) 68%);border-radius:10px;color:#000;color:var(--text-primary);cursor:pointer;font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));line-height:1.2;margin-right:8px;min-height:24px;min-height:calc(var(--ui-select-height, 28px) - 4px);padding:0 10px;padding:0 var(--ui-select-pad-x,10px)}.tune-toolbar{margin-bottom:6px;margin-top:0}.tune-toolbar,.tune-toolbar-row{display:flex;flex-wrap:wrap;gap:.7rem;gap:var(--ui-filter-grid-gap);justify-content:center}.tune-toolbar-row{width:100%}.tune-toolbar-row.search-actions-row{grid-gap:.7rem;grid-gap:var(--ui-filter-grid-gap);display:grid;gap:.7rem;gap:var(--ui-filter-grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.tune-toolbar-row.search-actions-row>*{min-width:0;width:100%}.tune-toolbar-row.search-actions-row .bulk-actions-select{grid-column:auto;justify-self:stretch;width:100%}@media (max-width:700px){.tune-toolbar-row.search-actions-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tune-toolbar-row.search-actions-row .bulk-actions-select{margin-top:0}.sets-actions-row>*,.tune-toolbar-row.search-actions-row>*{min-width:0}.compact-action-select{max-width:100%!important}.bulk-actions-select .app-select-trigger,.compact-action-select,.compact-action-select .app-select-trigger{min-width:0!important;width:100%!important}.compact-action-btn,.tune-toolbar-row.search-actions-row .search-clear-btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tune-toolbar-row.search-actions-row .search-clear-btn{font-size:clamp(.74rem,2.9vw,.9rem);font-weight:760;line-height:1.05;padding-left:6px;padding-right:6px}.search-filter-grid .search-more-btn{font-size:clamp(.66rem,2.35vw,.78rem);letter-spacing:-.01em}body[data-ui-size=large] .search-filter-grid .search-more-btn{font-size:clamp(.72rem,2.8vw,.86rem)}.search-actions-row .search-bulk-select .app-select-trigger{font-size:clamp(.66rem,2.35vw,.78rem);letter-spacing:-.01em}.quick-filter-actions .btn-subtle:not(.search-control-btn),.quick-filter-actions button:not(.search-control-btn){min-height:28px;padding-bottom:3px;padding-top:3px}}.tune-toolbar button,.tune-toolbar select{font-size:.82rem;font-size:var(--ui-compact-font);min-width:100px;padding:4px 8px}.tune-toolbar .bulk-actions-select .app-select-trigger,.tune-toolbar .compact-action-select .app-select-trigger{font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));min-width:100px}.search-control-btn{background:color-mix(in srgb,#f9f9f9 88%,#0b3d66 12%);background:color-mix(in srgb,var(--input-bg) 88%,#0b3d66 12%);border:1px solid color-mix(in srgb,#228be6 34%,#ccc 66%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 34%,var(--card-border) 66%);border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,#228be6 10%,#0000);font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));line-height:1.2;min-height:28px;min-height:var(--ui-select-height,28px);padding:0 10px;padding:0 var(--ui-select-pad-x,10px)}.search-control-btn:hover{background:color-mix(in srgb,#f9f9f9 78%,#0b3d66 22%);background:color-mix(in srgb,var(--input-bg) 78%,#0b3d66 22%);border-color:color-mix(in srgb,#228be6 52%,#ccc 48%);border-color:color-mix(in srgb,var(--text-link,#228be6) 52%,var(--card-border) 48%)}.search-control-btn.search-control-active{background:color-mix(in srgb,#228be6 24%,#f9f9f9 76%);background:color-mix(in srgb,var(--text-link,#228be6) 24%,var(--input-bg) 76%);border-color:color-mix(in srgb,#228be6 66%,#ccc 34%);border-color:color-mix(in srgb,var(--text-link,#228be6) 66%,var(--card-border) 34%)}.mode-switcher-pill{background:color-mix(in srgb,#f9f9f9 84%,#1f4d2d 16%);background:color-mix(in srgb,var(--input-bg) 84%,#1f4d2d 16%);border:1px solid color-mix(in srgb,#2b8a3e 34%,#ccc 66%);border:1px solid color-mix(in srgb,#2b8a3e 34%,var(--card-border) 66%);border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,#2b8a3e 14%,#0000);display:inline-flex;gap:2px;overflow:hidden;padding:2px}.mode-switcher-btn{background:#0000;border:1px solid #0000;border-radius:10px;color:#000;color:var(--text-primary,#333);cursor:pointer;font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));font-weight:550;min-height:24px;min-height:calc(var(--ui-select-height, 28px) - 4px);padding:0 10px;padding:0 var(--ui-select-pad-x,10px);transition:background-color .15s ease,border-color .15s ease}.mode-switcher-btn:hover{background:color-mix(in srgb,#2b8a3e 14%,#0000)}.mode-switcher-btn-active{background:color-mix(in srgb,#2b8a3e 24%,#fff 76%);background:color-mix(in srgb,#2b8a3e 24%,var(--bg-card) 76%);border-color:color-mix(in srgb,#2b8a3e 56%,#0000);font-weight:700}.btn-subtle{background-color:color-mix(in srgb,#444 12%,#0000);background-color:color-mix(in srgb,var(--text-muted) 12%,#0000);border:none;border-radius:20px;color:#000;color:var(--text-primary);cursor:pointer;font-size:.78rem;font-size:var(--ui-subtle-font);padding:4px 10px}.btn-subtle.search-control-btn{background:color-mix(in srgb,#eee 76%,#0b3d66 24%);background:color-mix(in srgb,var(--button-bg) 76%,#0b3d66 24%);border:1px solid color-mix(in srgb,#228be6 32%,#ccc 68%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 32%,var(--card-border) 68%);border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,#228be6 12%,#0000);font-size:.82rem!important;font-size:var(--ui-select-font,var(--ui-compact-font))!important;line-height:1.2;min-height:28px!important;min-height:var(--ui-select-height,28px)!important;padding:0 10px!important;padding:0 var(--ui-select-pad-x,10px)!important}.btn-subtle.search-control-btn:hover{background:color-mix(in srgb,#eee 62%,#0b3d66 38%);background:color-mix(in srgb,var(--button-bg) 62%,#0b3d66 38%);border-color:color-mix(in srgb,#228be6 48%,#ccc 52%);border-color:color-mix(in srgb,var(--text-link,#228be6) 48%,var(--card-border) 52%)}.btn-subtle.search-control-btn.search-control-active{background:color-mix(in srgb,#2b8a3e 16%,#eee 84%);background:color-mix(in srgb,#2b8a3e 16%,var(--button-bg) 84%);border-color:color-mix(in srgb,#2b8a3e 52%,#ccc 48%);border-color:color-mix(in srgb,#2b8a3e 52%,var(--card-border) 48%)}.settings-page .search-control-btn,.social-page .search-control-btn{line-height:1.2!important}.settings-page .search-control-btn,.settings-page .search-input,.social-page .search-control-btn,.social-page .search-input{font-size:.82rem!important;font-size:var(--ui-select-font,var(--ui-compact-font))!important;min-height:28px!important;min-height:var(--ui-select-height,28px)!important;padding:0 10px!important;padding:0 var(--ui-select-pad-x,10px)!important}.settings-pill-section{margin:0 auto;max-width:500px}.settings-pill-subtitle{color:#444;color:var(--text-muted);letter-spacing:.01em;margin-bottom:6px}.settings-always-text,.settings-pill-subtitle{font-size:.78rem;font-size:var(--ui-subtle-font);text-align:center}.settings-always-text{color:#000;color:var(--text-primary);line-height:1.3;padding:2px 8px}.settings-pill-actions{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.settings-pill-action-btn{min-width:92px}.settings-pill-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.settings-pill-grid>*{min-width:0}.settings-preview-columns{grid-gap:8px;align-items:start;display:grid;gap:8px}.settings-preview-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-preview-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-preview-column{min-width:0}.settings-preview-heading{color:#000;color:var(--text-primary);font-size:.78rem;font-size:var(--ui-subtle-font);font-weight:700;margin-bottom:6px;text-align:center}.settings-preview-pill-list{display:flex;flex-direction:column;gap:6px}.settings-field-pill{align-items:center;border-radius:999px!important;display:inline-flex;font-size:max(.66rem,.73rem)!important;font-size:max(.66rem,calc(var(--ui-subtle-font) - .05rem))!important;font-weight:650;justify-content:center;line-height:1.1!important;min-height:20px!important;overflow:hidden;padding:0 7px!important;text-align:center;text-overflow:ellipsis;transition:border-color .15s ease,background-color .15s ease,color .15s ease;white-space:nowrap;width:100%}.settings-field-pill-on{background:color-mix(in srgb,#f2c94c 22%,#eee 78%);background:color-mix(in srgb,var(--settings-pill-accent,#f2c94c) var(--settings-pill-mix,22%),var(--button-bg) calc(100% - var(--settings-pill-mix, 22%)));border:1px solid color-mix(in srgb,#f2c94c 62%,#ccc 38%);border:1px solid color-mix(in srgb,var(--settings-pill-accent,#f2c94c) 62%,var(--card-border) 38%);color:color-mix(in srgb,#fff7db 70%,#000 30%);color:color-mix(in srgb,var(--settings-pill-text,#fff7db) 70%,var(--text-primary) 30%)}.settings-field-pill-off{background:color-mix(in srgb,#eee 28%,#0000);background:color-mix(in srgb,var(--button-bg) 28%,#0000);border:1px dashed color-mix(in srgb,#ccc 84%,#0000);border:1px dashed color-mix(in srgb,var(--card-border) 84%,#0000);color:#444;color:var(--text-muted)}.settings-field-pill-off:hover{background:color-mix(in srgb,#adb5bd 10%,#eee 90%);background:color-mix(in srgb,#adb5bd 10%,var(--button-bg) 90%);border-color:color-mix(in srgb,#adb5bd 60%,#ccc 40%);border-color:color-mix(in srgb,#adb5bd 60%,var(--card-border) 40%)}.settings-field-pill-on:hover{background:color-mix(in srgb,#f4d35e 30%,#eee 70%);background:color-mix(in srgb,var(--settings-pill-accent-hover,#f4d35e) calc(var(--settings-pill-mix, 22%) + 8%),var(--button-bg) calc(92% - var(--settings-pill-mix, 22%)));border-color:color-mix(in srgb,#f4d35e 74%,#ccc 26%);border-color:color-mix(in srgb,var(--settings-pill-accent-hover,#f4d35e) 74%,var(--card-border) 26%)}.settings-tone-group{--settings-pill-accent:#f2c94c;--settings-pill-accent-hover:#f4d35e;--settings-pill-text:#fff7db;--settings-pill-mix:22%}.settings-tone-group-1{--settings-pill-accent:#d8cf6a;--settings-pill-accent-hover:#d9d07a;--settings-pill-text:#f9f8dd;--settings-pill-mix:20%}.settings-tone-group-2{--settings-pill-accent:#8fcf72;--settings-pill-accent-hover:#9fda82;--settings-pill-text:#ecfbe5;--settings-pill-mix:24%}.settings-tone-group-3{--settings-pill-accent:#4fb26f;--settings-pill-accent-hover:#61c985;--settings-pill-text:#e5faef;--settings-pill-mix:28%}.settings-field-pill-removable{gap:6px;justify-content:space-between}.settings-removable-list{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-removable-row{align-items:center;display:flex;gap:6px;min-width:0}.settings-removable-row .settings-field-pill{flex:1 1 auto;min-width:0}.settings-removable-label{color:color-mix(in srgb,#fff7db 70%,#000 30%);color:color-mix(in srgb,#fff7db 70%,var(--text-primary) 30%);flex:1 1 auto;font-size:max(.66rem,.73rem);font-size:max(.66rem,calc(var(--ui-subtle-font) - .05rem));font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-removable-x{background:color-mix(in srgb,#ef9a9a 20%,#eee 80%);background:color-mix(in srgb,#ef9a9a 20%,var(--button-bg) 80%);border:1px solid color-mix(in srgb,#ef9a9a 64%,#ccc 36%);border:1px solid color-mix(in srgb,#ef9a9a 64%,var(--card-border) 36%);border-radius:999px!important;color:color-mix(in srgb,#fff5f5 70%,#000 30%);color:color-mix(in srgb,#fff5f5 70%,var(--text-primary) 30%);flex:0 0 auto;font-size:max(.62rem,.7rem)!important;font-size:max(.62rem,calc(var(--ui-subtle-font) - .08rem))!important;font-weight:800;line-height:1;min-height:18px!important;min-width:18px!important;padding:0 5px!important}.settings-removable-x:hover{background:color-mix(in srgb,#ef9a9a 28%,#eee 72%);background:color-mix(in srgb,#ef9a9a 28%,var(--button-bg) 72%);border-color:color-mix(in srgb,#ef9a9a 80%,#ccc 20%);border-color:color-mix(in srgb,#ef9a9a 80%,var(--card-border) 20%)}.settings-taxonomy-section{--settings-taxonomy-accent:#43b06d;--settings-taxonomy-accent-strong:#2f9b59;--settings-taxonomy-text:#e8faee;margin:0 auto 14px;max-width:560px}.settings-taxonomy-title{margin:0 0 6px;text-align:center}.settings-section-heading{display:inline;margin:0}.settings-taxonomy-tone-4{--settings-taxonomy-accent:#4eb776;--settings-taxonomy-accent-strong:#3da366}.settings-taxonomy-tone-5{--settings-taxonomy-accent:#3aa764;--settings-taxonomy-accent-strong:#2e9558}.settings-taxonomy-tone-6{--settings-taxonomy-accent:#2f9557;--settings-taxonomy-accent-strong:#257f49}.settings-taxonomy-details{margin:4px 0;text-align:center}.settings-taxonomy-summary{color:#444;color:var(--text-muted);cursor:pointer;font-size:.78rem;font-size:var(--ui-subtle-font);font-style:italic;line-height:1.4;margin:0;padding:0}.settings-taxonomy-chip-wrap{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.settings-taxonomy-chip{align-items:center;background:color-mix(in srgb,var(--settings-taxonomy-accent-strong) 30%,#eee 70%);background:color-mix(in srgb,var(--settings-taxonomy-accent-strong) 30%,var(--button-bg) 70%);border:1px solid color-mix(in srgb,var(--settings-taxonomy-accent) 62%,var(--card-border) 38%);border-radius:999px;color:color-mix(in srgb,var(--settings-taxonomy-text) 76%,#000 24%);color:color-mix(in srgb,var(--settings-taxonomy-text) 76%,var(--text-primary) 24%);display:inline-flex;font-size:max(.68rem,.75rem);font-size:max(.68rem,calc(var(--ui-subtle-font) - .03rem));line-height:1.2;padding:2px 10px}.settings-taxonomy-chip-removable{padding-right:4px}.settings-taxonomy-chip-clickable{cursor:pointer}.settings-taxonomy-chip-link{background:none;border:none;color:inherit;cursor:pointer;font:inherit;line-height:inherit;padding:0}.settings-taxonomy-chip-remove{background:none;border:none;color:#000;color:var(--text-primary);cursor:pointer;font-weight:700;line-height:1;margin-left:6px}.settings-taxonomy-addrow{align-items:center;display:flex;gap:6px;margin:8px auto 0;max-width:260px}.settings-field-pill-fixed{align-items:center;background:color-mix(in srgb,#eee 36%,#0000);background:color-mix(in srgb,var(--button-bg) 36%,#0000);border:1px solid color-mix(in srgb,#ccc 70%,#0000);border:1px solid color-mix(in srgb,var(--card-border) 70%,#0000);border-radius:999px;color:#444;color:var(--text-muted);cursor:default;display:inline-flex;font-size:.78rem;font-size:var(--ui-subtle-font);justify-content:center;line-height:1.1;min-height:22px;overflow:hidden;padding:1px 8px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.search-core-select .app-select-trigger{background:color-mix(in srgb,#f9f9f9 72%,#0b3d66 28%);background:color-mix(in srgb,var(--input-bg) 72%,#0b3d66 28%);border-color:color-mix(in srgb,#4dabf7 62%,#ccc 38%);border-color:color-mix(in srgb,#4dabf7 62%,var(--card-border) 38%);box-shadow:0 2px 10px color-mix(in srgb,#4dabf7 16%,#0000)}.search-advanced-select .app-select-trigger{background:color-mix(in srgb,#f9f9f9 90%,#0b3d66 10%);background:color-mix(in srgb,var(--input-bg) 90%,#0b3d66 10%);border-color:color-mix(in srgb,#4dabf7 30%,#ccc 70%);border-color:color-mix(in srgb,#4dabf7 30%,var(--card-border) 70%)}.search-sort-select .app-select-trigger{background:color-mix(in srgb,#f9f9f9 84%,#0b3d66 16%);background:color-mix(in srgb,var(--input-bg) 84%,#0b3d66 16%);border-color:color-mix(in srgb,#4dabf7 44%,#ccc 56%);border-color:color-mix(in srgb,#4dabf7 44%,var(--card-border) 56%)}.search-bulk-select .app-select-trigger{background:color-mix(in srgb,#f9f9f9 92%,#0b3d66 8%);background:color-mix(in srgb,var(--input-bg) 92%,#0b3d66 8%);border-color:color-mix(in srgb,#4dabf7 28%,#ccc 72%);border-color:color-mix(in srgb,#4dabf7 28%,var(--card-border) 72%)}.search-bulk-select.bulk-ready .app-select-trigger{background:color-mix(in srgb,#4dabf7 36%,#eee 64%);background:color-mix(in srgb,#4dabf7 36%,var(--button-bg) 64%);border-color:color-mix(in srgb,#4dabf7 86%,#ccc 14%);border-color:color-mix(in srgb,#4dabf7 86%,var(--card-border) 14%);box-shadow:0 0 0 1px color-mix(in srgb,#4dabf7 48%,#0000),0 0 0 4px color-mix(in srgb,#4dabf7 20%,#0000),0 6px 16px color-mix(in srgb,#4dabf7 28%,#0000)!important}.search-bulk-select.bulk-ready .app-select-trigger:hover{background:color-mix(in srgb,#74c0fc 44%,#eee 56%);background:color-mix(in srgb,#74c0fc 44%,var(--button-bg) 56%);border-color:color-mix(in srgb,#74c0fc 90%,#ccc 10%);border-color:color-mix(in srgb,#74c0fc 90%,var(--card-border) 10%);box-shadow:0 0 0 1px color-mix(in srgb,#74c0fc 58%,#0000),0 0 0 5px color-mix(in srgb,#74c0fc 24%,#0000),0 8px 18px color-mix(in srgb,#74c0fc 34%,#0000)!important}.control-ready-glow .app-select-trigger,.control-ready-glow.search-control-btn{border-color:color-mix(in srgb,#4dabf7 80%,#ccc 20%)!important;border-color:color-mix(in srgb,#4dabf7 80%,var(--card-border) 20%)!important;box-shadow:0 0 0 1px color-mix(in srgb,#4dabf7 42%,#0000),0 0 0 4px color-mix(in srgb,#4dabf7 18%,#0000),0 6px 16px color-mix(in srgb,#4dabf7 24%,#0000)!important}.control-ready-glow .app-select-trigger:hover,.control-ready-glow.search-control-btn:hover{border-color:color-mix(in srgb,#74c0fc 88%,#ccc 12%)!important;border-color:color-mix(in srgb,#74c0fc 88%,var(--card-border) 12%)!important}.btn-subtle.search-control-btn.search-more-btn{background:color-mix(in srgb,#b197fc 16%,#eee 84%);background:color-mix(in srgb,#b197fc 16%,var(--button-bg) 84%);border-color:color-mix(in srgb,#b197fc 42%,#ccc 58%);border-color:color-mix(in srgb,#b197fc 42%,var(--card-border) 58%);color:color-mix(in srgb,#000 90%,#f3e8ff 10%);color:color-mix(in srgb,var(--text-primary) 90%,#f3e8ff 10%);font-weight:700}.btn-subtle.search-control-btn.search-more-btn.search-control-active{background:color-mix(in srgb,#c4b5fd 24%,#eee 76%);background:color-mix(in srgb,#c4b5fd 24%,var(--button-bg) 76%);border-color:color-mix(in srgb,#c4b5fd 56%,#ccc 44%);border-color:color-mix(in srgb,#c4b5fd 56%,var(--card-border) 44%)}.btn-subtle.search-control-btn.search-more-btn:hover{background:color-mix(in srgb,#c4b5fd 22%,#eee 78%);background:color-mix(in srgb,#c4b5fd 22%,var(--button-bg) 78%);border-color:color-mix(in srgb,#c4b5fd 58%,#ccc 42%);border-color:color-mix(in srgb,#c4b5fd 58%,var(--card-border) 42%)}.btn-subtle.search-control-btn.search-random-btn{background:color-mix(in srgb,#20c997 12%,#eee 88%);background:color-mix(in srgb,#20c997 12%,var(--button-bg) 88%);border-color:color-mix(in srgb,#20c997 46%,#ccc 54%);border-color:color-mix(in srgb,#20c997 46%,var(--card-border) 54%);font-weight:650}.btn-subtle.search-control-btn.suggested-tune-btn{background:color-mix(in srgb,#2f9e44 22%,#eee 78%);background:color-mix(in srgb,#2f9e44 22%,var(--button-bg) 78%);border-color:color-mix(in srgb,#2f9e44 54%,#ccc 46%);border-color:color-mix(in srgb,#2f9e44 54%,var(--card-border) 46%);border-radius:999px;color:color-mix(in srgb,#e9f9ee 68%,#000 32%);color:color-mix(in srgb,#e9f9ee 68%,var(--text-primary) 32%);font-size:max(.74rem,.74rem)!important;font-size:max(.74rem,calc(var(--ui-select-font, .82rem) - .08rem))!important;min-height:20px!important;min-height:calc(var(--ui-select-height, 28px) - 8px)!important;padding:0 9px!important}.btn-subtle.search-control-btn.suggested-tune-btn:hover{background:color-mix(in srgb,#2f9e44 30%,#eee 70%);background:color-mix(in srgb,#2f9e44 30%,var(--button-bg) 70%);border-color:color-mix(in srgb,#2f9e44 68%,#ccc 32%);border-color:color-mix(in srgb,#2f9e44 68%,var(--card-border) 32%)}.btn-subtle.search-control-btn.search-advanced-btn{background:color-mix(in srgb,#4dabf7 8%,#eee 92%);background:color-mix(in srgb,#4dabf7 8%,var(--button-bg) 92%);border-color:color-mix(in srgb,#4dabf7 30%,#ccc 70%);border-color:color-mix(in srgb,#4dabf7 30%,var(--card-border) 70%)}.btn-subtle.search-control-btn.search-time-btn.search-control-active{background:color-mix(in srgb,#4dabf7 28%,#eee 72%);background:color-mix(in srgb,#4dabf7 28%,var(--button-bg) 72%);border-color:color-mix(in srgb,#4dabf7 72%,#ccc 28%);border-color:color-mix(in srgb,#4dabf7 72%,var(--card-border) 28%);box-shadow:0 2px 10px color-mix(in srgb,#4dabf7 24%,#0000);color:color-mix(in srgb,#e7f5ff 72%,#000 28%);color:color-mix(in srgb,#e7f5ff 72%,var(--text-primary) 28%)}.btn-subtle.search-control-btn.search-selectall-btn{background:color-mix(in srgb,#4dabf7 7%,#eee 93%);background:color-mix(in srgb,#4dabf7 7%,var(--button-bg) 93%);border-color:color-mix(in srgb,#4dabf7 24%,#ccc 76%);border-color:color-mix(in srgb,#4dabf7 24%,var(--card-border) 76%)}.btn-subtle.search-control-btn.btn-clear-filters{background:color-mix(in srgb,#eee 88%,#f9f9f9 12%);background:color-mix(in srgb,var(--button-bg) 88%,var(--input-bg) 12%);border-color:color-mix(in srgb,#444 58%,#ccc 42%);border-color:color-mix(in srgb,var(--text-muted) 58%,var(--card-border) 42%);color:color-mix(in srgb,#000 86%,#444 14%);color:color-mix(in srgb,var(--text-primary) 86%,var(--text-muted) 14%);font-weight:650}.btn-subtle.search-control-btn.btn-clear-filters:hover{background:color-mix(in srgb,#eee 74%,#f9f9f9 26%);background:color-mix(in srgb,var(--button-bg) 74%,var(--input-bg) 26%);border-color:color-mix(in srgb,#444 66%,#ccc 34%);border-color:color-mix(in srgb,var(--text-muted) 66%,var(--card-border) 34%)}.btn-subtle.search-control-btn.btn-clear-filters:not(:disabled){background:color-mix(in srgb,#d0d6df 58%,#eee 42%);background:color-mix(in srgb,#d0d6df 58%,var(--button-bg) 42%);border-color:color-mix(in srgb,#8b949e 72%,#ccc 28%);border-color:color-mix(in srgb,#8b949e 72%,var(--card-border) 28%);box-shadow:0 2px 10px color-mix(in srgb,#8b949e 26%,#0000);color:color-mix(in srgb,#111827 84%,#000 16%);color:color-mix(in srgb,#111827 84%,var(--text-primary) 16%);font-weight:760}.btn-subtle.search-control-btn.btn-clear-filters:not(:disabled):hover{background:color-mix(in srgb,#c2cad6 68%,#eee 32%);background:color-mix(in srgb,#c2cad6 68%,var(--button-bg) 32%);border-color:color-mix(in srgb,#6b7280 82%,#ccc 18%);border-color:color-mix(in srgb,#6b7280 82%,var(--card-border) 18%)}.btn-subtle.search-control-btn.btn-clear-filters:disabled{background:color-mix(in srgb,#444 16%,#0000);background:color-mix(in srgb,var(--text-muted) 16%,#0000);border-color:color-mix(in srgb,#444 34%,#0000);border-color:color-mix(in srgb,var(--text-muted) 34%,#0000);color:color-mix(in srgb,#444 76%,#000 24%);color:color-mix(in srgb,var(--text-muted) 76%,var(--text-primary) 24%);opacity:.62}.btn-subtle:hover{background-color:color-mix(in srgb,#444 22%,#0000);background-color:color-mix(in srgb,var(--text-muted) 22%,#0000)}.btn-subtle.btn-clear-filters{background-color:color-mix(in srgb,#c92a2a 14%,#0000);border:1px solid color-mix(in srgb,#c92a2a 38%,#0000);color:color-mix(in srgb,#c92a2a 78%,#000 22%);color:color-mix(in srgb,#c92a2a 78%,var(--text-primary) 22%);font-weight:700}.btn-subtle.btn-clear-filters:hover{background-color:color-mix(in srgb,#c92a2a 20%,#0000);border-color:color-mix(in srgb,#c92a2a 52%,#0000)}.btn-subtle:disabled{cursor:not-allowed;opacity:.46}.btn-subtle.btn-clear-filters:disabled{background-color:color-mix(in srgb,#444 12%,#0000);background-color:color-mix(in srgb,var(--text-muted) 12%,#0000);border:1px solid color-mix(in srgb,#444 32%,#0000);border:1px solid color-mix(in srgb,var(--text-muted) 32%,#0000);color:color-mix(in srgb,#444 70%,#000 30%);color:color-mix(in srgb,var(--text-muted) 70%,var(--text-primary) 30%)}.btn-subtle.btn-commit{background-color:color-mix(in srgb,#228be6 24%,#0000);border-radius:10px;color:color-mix(in srgb,#228be6 70%,#000 30%);color:color-mix(in srgb,#228be6 70%,var(--text-primary) 30%);font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));font-weight:600;min-height:28px;min-height:var(--ui-select-height,28px);padding:0 10px;padding:0 var(--ui-select-pad-x,10px)}.btn-subtle.btn-commit:hover{background-color:color-mix(in srgb,#228be6 34%,#0000);color:color-mix(in srgb,#228be6 82%,#000 18%);color:color-mix(in srgb,#228be6 82%,var(--text-primary) 18%)}.save-cancel-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.action-confirm-overlay{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.action-confirm-card{border-radius:16px;box-shadow:0 8px 20px #0000004d;max-width:420px;padding:24px;text-align:center;width:100%}.action-confirm-title{font-size:1.08rem;font-weight:700;line-height:1.25}.action-confirm-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.btn-subtle.action-confirm-cancel{background-color:#d1d5db;border:1px solid #9ca3af;color:#111827}.btn-subtle.action-confirm-cancel:hover{background-color:#c4cbd4}.btn-subtle.action-confirm-primary{background-color:#228be6;color:#fff}.btn-subtle.action-confirm-primary:hover{background-color:#1c7ed6}.btn-subtle.action-confirm-danger{background-color:#c0392b;color:#fff}.btn-subtle.action-confirm-danger:hover{background-color:#a93226}.quick-filter-actions .btn-subtle:not(.search-control-btn),.quick-filter-actions button:not(.search-control-btn){min-height:0;min-height:auto}.app-title{align-items:center;display:flex;font-size:1.95em;font-size:var(--ui-title-size);font-weight:600;gap:5px;justify-content:center;margin-bottom:12px;margin-top:0;text-align:center}.ui-density-box{margin-bottom:.7rem;margin-bottom:var(--ui-section-gap);padding-top:6px;padding-top:var(--ui-panel-padding-top)}.ui-density-title{gap:.5rem;gap:var(--ui-title-gap);margin-bottom:.5rem;margin-bottom:var(--ui-title-margin-bottom)}.ui-density-grid{gap:.7rem;gap:var(--ui-filter-grid-gap);margin:0 auto 1rem;margin:0 auto var(--ui-filter-grid-margin) auto}.app-filter-grid,.search-filter-grid{margin-bottom:.7rem;margin-bottom:var(--ui-filter-grid-gap)}@media (max-width:600px){.app-filter-grid,.search-filter-grid{margin-bottom:.48rem;margin-bottom:var(--ui-mobile-controls-gap)}.app-actions-wrap .app-actions-row,.app-filter-grid,.search-actions-wrap .search-actions-row,.search-filter-grid{gap:.48rem;gap:var(--ui-mobile-controls-gap)}.app-filter-grid .quick-filter-actions,.search-filter-grid .quick-filter-actions{gap:.48rem!important;gap:var(--ui-mobile-controls-gap)!important}.app-actions-wrap .app-select-trigger,.app-actions-wrap .search-control-btn,.app-filter-grid .app-select-trigger,.search-actions-wrap .app-select-trigger,.search-actions-wrap .search-control-btn,.search-filter-grid .app-select-trigger{padding-left:8px;padding-left:var(--ui-mobile-controls-pad-x);padding-right:8px;padding-right:var(--ui-mobile-controls-pad-x)}.search-filter-grid .app-select-trigger,.search-filter-grid .search-control-btn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-filter-grid .search-control-btn{font-size:max(.72rem,.76rem);font-size:max(.72rem,calc(var(--ui-select-font, .82rem) - .06rem))}.search-filter-grid .search-advanced-btn,.search-filter-grid .search-more-btn,.search-filter-grid .search-random-btn,.search-filter-grid .search-time-btn{letter-spacing:0}.tag-filter-toolbar{align-items:stretch;flex-direction:column;gap:7px;overflow:visible}.tag-input{flex:1 1 auto;max-width:100%;width:100%}.tag-filter-controls{grid-gap:7px;align-items:stretch;display:grid;gap:7px;grid-template-columns:1fr;min-width:0;width:100%}.tag-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px;width:100%}.tag-clear-toggle{margin-left:0;width:-webkit-fit-content;width:fit-content}}.detail-meta-line{font-size:1rem;font-size:var(--ui-meta-font);margin:2px 0}.detail-meta-muted{color:#444;color:var(--text-muted);font-size:.85rem;font-size:var(--ui-meta-muted-font);margin:2px 0}select.filter-active{background-color:color-mix(in srgb,#eee 90%,#000 10%);background-color:color-mix(in srgb,var(--button-bg) 90%,var(--text-primary) 10%);border:1px solid #000;border:1px solid var(--text-primary);border-radius:8px;box-shadow:none;color:#000;color:var(--text-primary);font-weight:600;transition:border-color .15s ease}@media (max-width:500px) and (orientation:portrait){.filter-group-wrapper{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-group-wrapper button,.filter-group-wrapper input,.filter-group-wrapper select{box-sizing:border-box;width:100%}.clear-filters-button,.search-input{grid-column:1/-1}}@media (hover:none) and (pointer:coarse){.tag-input,body[data-ui-size=small] .tag-input,input,select,textarea{font-size:16px!important}body[data-ui-size=medium] .tag-input{font-size:17px!important}body[data-ui-size=large] .tag-input{font-size:18px!important}}.responsive-icon{border-radius:12px;height:20px;transition:filter .2s ease,opacity .2s ease}body[data-app-mode=tunes] .responsive-icon{filter:none}body[data-app-mode=notes] .responsive-icon{filter:saturate(.82) brightness(1.02)}body[data-app-mode=all] .responsive-icon{filter:hue-rotate(28deg) saturate(1.12) brightness(1.02)}body.theme-dark .responsive-icon{filter:brightness(1.05) contrast(1.05)}body.theme-dark[data-app-mode=notes] .responsive-icon{filter:saturate(.82) brightness(1.08) contrast(1.05)}body.theme-dark[data-app-mode=all] .responsive-icon{filter:hue-rotate(28deg) saturate(1.12) brightness(1.08) contrast(1.05)}body[data-ui-size=small] img.responsive-icon{height:48px;width:48px}body[data-ui-size=medium] img.responsive-icon{height:55px;width:55px}body[data-ui-size=large] img.responsive-icon{height:70px;width:70px}.tag-filter-control{align-items:flex-start;background:color-mix(in srgb,#f9f9f9 75%,#0000);background:color-mix(in srgb,var(--input-bg) 75%,#0000);border:1px solid color-mix(in srgb,#ccc 80%,#0000);border:1px solid color-mix(in srgb,var(--card-border) 80%,#0000);border-radius:10px;display:flex;flex-direction:column;gap:8px;grid-column:1/-1;padding:8px 10px}.tag-filter-toolbar{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto}@media (min-width:900px){body[data-ui-size=small] .tag-filter-toolbar>.tag-input{flex:0 0 150px!important;max-width:150px!important;width:150px!important}body[data-ui-size=medium] .tag-filter-toolbar>.tag-input{flex:0 0 170px!important;max-width:170px!important;width:170px!important}body[data-ui-size=large] .tag-filter-toolbar>.tag-input{flex:0 0 190px!important;max-width:190px!important;width:190px!important}.time-filter-row{align-self:flex-start;max-width:100%;width:920px}}.tag-input{background:color-mix(in srgb,#f9f9f9 88%,#0b3d66 12%);background:color-mix(in srgb,var(--input-bg) 88%,#0b3d66 12%);border:1px solid color-mix(in srgb,#228be6 34%,#ccc 66%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 34%,var(--card-border) 66%);border-radius:12px;box-sizing:border-box;color:#000;color:var(--text-primary);font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));line-height:1.2;min-height:22px;min-height:calc(var(--ui-select-height, 28px) - 6px);padding:0 10px;padding:0 var(--ui-select-pad-x,10px);width:clamp(150px,30%,240px)}body[data-ui-size=small] .tag-input{font-size:max(.88rem,.78rem);font-size:max(.88rem,calc(var(--ui-select-font, .95rem) - .04rem));min-height:20px;min-height:calc(var(--ui-select-height, 28px) - 8px)}body[data-ui-size=medium] .tag-input{font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));min-height:22px;min-height:calc(var(--ui-select-height, 28px) - 6px)}body[data-ui-size=large] .tag-input{font-size:.9rem;font-size:calc(var(--ui-select-font, var(--ui-compact-font)) + .08rem);min-height:26px;min-height:calc(var(--ui-select-height, 28px) - 2px)}.tag-filter-controls{align-items:center;display:inline-flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px 8px;justify-content:flex-start;min-width:-webkit-max-content;min-width:max-content}.tag-filter-group{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:6px}.tag-filter-label{font-weight:700;letter-spacing:.02em;opacity:.88}.tag-filter-label,.tag-toggle{font-size:.78rem;font-size:var(--ui-subtle-font)}.tag-toggle{background:color-mix(in srgb,#eee 76%,#0b3d66 24%);background:color-mix(in srgb,var(--button-bg) 76%,#0b3d66 24%);border:1px solid color-mix(in srgb,#228be6 28%,#ccc 72%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 28%,var(--card-border) 72%);border-radius:999px;color:#000;color:var(--text-primary);cursor:pointer;flex-shrink:0;min-height:24px;min-height:calc(var(--ui-select-height, 28px) - 4px);padding:0 10px;white-space:nowrap}.tag-toggle.active{background:color-mix(in srgb,#228be6 20%,#eee 80%);background:color-mix(in srgb,var(--text-link,#228be6) 20%,var(--button-bg) 80%);border-color:color-mix(in srgb,#228be6 58%,#ccc 42%);border-color:color-mix(in srgb,var(--text-link,#228be6) 58%,var(--card-border) 42%);font-weight:500}.tag-toggle.tag-toggle-match,.tag-toggle.tag-toggle-sort{background:color-mix(in srgb,#eee 86%,#0000);background:color-mix(in srgb,var(--button-bg) 86%,#0000);border-color:color-mix(in srgb,#444 44%,#ccc 56%);border-color:color-mix(in srgb,var(--text-muted) 44%,var(--card-border) 56%)}.tag-toggle.tag-toggle-sort.active{background:color-mix(in srgb,#228be6 20%,#eee 80%);background:color-mix(in srgb,var(--text-link,#228be6) 20%,var(--button-bg) 80%);border-color:color-mix(in srgb,#228be6 58%,#ccc 42%);border-color:color-mix(in srgb,var(--text-link,#228be6) 58%,var(--card-border) 42%)}.tag-toggle.tag-toggle-match.active{background:color-mix(in srgb,#2b8a3e 24%,#0000);border-color:color-mix(in srgb,#2b8a3e 60%,#0000)}.tag-clear-toggle{margin-left:auto}.tag-toggle.tag-clear-toggle{background:color-mix(in srgb,#d0d6df 58%,#eee 42%);background:color-mix(in srgb,#d0d6df 58%,var(--button-bg) 42%);border-color:color-mix(in srgb,#8b949e 72%,#ccc 28%);border-color:color-mix(in srgb,#8b949e 72%,var(--card-border) 28%);color:color-mix(in srgb,#111827 84%,#000 16%);color:color-mix(in srgb,#111827 84%,var(--text-primary) 16%);font-weight:700}.tag-toggle.tag-clear-toggle:disabled{background:color-mix(in srgb,#444 16%,#0000);background:color-mix(in srgb,var(--text-muted) 16%,#0000);border-color:color-mix(in srgb,#444 34%,#0000);border-color:color-mix(in srgb,var(--text-muted) 34%,#0000);color:color-mix(in srgb,#444 76%,#000 24%);color:color-mix(in srgb,var(--text-muted) 76%,var(--text-primary) 24%);cursor:not-allowed;opacity:.62}@media (max-width:700px){.tag-filter-toolbar{flex-wrap:nowrap}.tag-filter-controls{justify-content:flex-start}.tag-clear-toggle{margin-left:auto}}@media (max-width:600px){.tag-filter-toolbar{grid-gap:7px;align-items:center;display:grid;gap:7px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;overflow:visible}.tag-filter-toolbar .tag-input{grid-column:1;grid-row:1;max-width:100%;min-width:0;width:100%}.tag-filter-toolbar .tag-clear-toggle{grid-column:2;grid-row:1;justify-self:end;margin-left:0}.tag-filter-toolbar .tag-filter-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:6px 10px;grid-column:1/-1;grid-row:2;justify-content:flex-start;min-width:0;overflow-x:auto;width:100%}.tag-filter-toolbar .tag-filter-group{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:6px}}.tag-filter-pills-shell{position:relative}.tag-pill-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px;max-height:50px;max-height:calc((var(--ui-select-height, 28px) - 6px)*2 + 6px);overflow-x:hidden;overflow-y:auto;padding-bottom:.6em;padding-right:6px;scrollbar-gutter:stable both-edges}.tag-pill{align-items:center;background:color-mix(in srgb,#444 12%,#0000);background:color-mix(in srgb,var(--text-muted) 12%,#0000);border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.78rem;font-size:var(--ui-subtle-font);gap:5px;min-height:20px;min-height:calc(var(--ui-select-height, 28px) - 8px);padding:1px 9px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.tag-pill,.tag-pill.selected{color:#000;color:var(--text-primary)}.tag-pill.selected{background:color-mix(in srgb,#228be6 22%,#0000);background:color-mix(in srgb,var(--text-link,#228be6) 22%,#0000);border-color:color-mix(in srgb,#228be6 60%,#0000);border-color:color-mix(in srgb,var(--text-link,#228be6) 60%,#0000);font-weight:650}.tag-pill-close{background:none;border:none;color:inherit;cursor:pointer;font-size:.95rem;line-height:1;opacity:.92;padding:0}.tag-pill-empty{font-size:.78rem;font-size:var(--ui-subtle-font);opacity:.78;padding:2px 4px}.tag-pill-fade{background:linear-gradient(180deg,#0000,#fff);background:linear-gradient(to bottom,#0000,var(--bg-card));bottom:0;height:1.2em;left:0;pointer-events:none;position:absolute;right:0}@media (prefers-color-scheme:dark){body:not(.theme-light):not(.theme-custom):not(.theme-sepia):not(.theme-blueprint){--text-primary:#eee;--bg-secondary:#111;--card-border:#444;--tag-toggle-border:#444;--tag-toggle-bg:#222;--tag-toggle-text:#ddd;--tag-pill-bg:#333;--tag-pill-text:#eee;--tag-pill-border:#666;--tag-pill-bg-selected:#5a9cf0;--tag-pill-text-selected:#fff;--tag-pill-border-selected:#3391ff;--accent:#3391ff}}body[data-app-mode=notes]{--bg-card:color-mix(in srgb,#fff 88%,#42a5f5);--card-border:color-mix(in srgb,#ccc 75%,#42a5f5);--button-bg:color-mix(in srgb,#eee 82%,#42a5f5);--input-bg:color-mix(in srgb,#f9f9f9 88%,#42a5f5)}body[data-app-mode=notes].theme-dark{--bg-card:color-mix(in srgb,#1f1f1f 85%,#42a5f5);--card-border:color-mix(in srgb,#777 70%,#42a5f5);--button-bg:color-mix(in srgb,#333 80%,#42a5f5);--input-bg:color-mix(in srgb,#2a2a2a 85%,#42a5f5)}body[data-app-mode=notes].theme-sepia{--bg-card:color-mix(in srgb,#f3e8d4 85%,#42a5f5);--card-border:color-mix(in srgb,#ccb89a 75%,#42a5f5);--button-bg:color-mix(in srgb,#dbc8ab 82%,#42a5f5);--input-bg:color-mix(in srgb,#ede0c7 85%,#42a5f5)}body[data-app-mode=notes].theme-blueprint{--bg-card:color-mix(in srgb,#eef6ff 85%,#42a5f5);--card-border:color-mix(in srgb,#b0c4de 75%,#42a5f5);--button-bg:color-mix(in srgb,#c3dbf7 82%,#42a5f5);--input-bg:color-mix(in srgb,#e2ecf7 85%,#42a5f5)}body[data-app-mode=all]{--bg-card:color-mix(in srgb,#fff 92%,#9e9e9e);--card-border:color-mix(in srgb,#ccc 82%,#9e9e9e);--button-bg:color-mix(in srgb,#eee 88%,#9e9e9e);--input-bg:color-mix(in srgb,#f9f9f9 92%,#9e9e9e)}body[data-app-mode=all].theme-dark{--bg-card:color-mix(in srgb,#1f1f1f 90%,#9e9e9e);--card-border:color-mix(in srgb,#777 78%,#9e9e9e);--button-bg:color-mix(in srgb,#333 86%,#9e9e9e);--input-bg:color-mix(in srgb,#2a2a2a 90%,#9e9e9e)}body[data-app-mode=all].theme-sepia{--bg-card:color-mix(in srgb,#f3e8d4 90%,#9e9e9e);--card-border:color-mix(in srgb,#ccb89a 82%,#9e9e9e);--button-bg:color-mix(in srgb,#dbc8ab 88%,#9e9e9e);--input-bg:color-mix(in srgb,#ede0c7 90%,#9e9e9e)}body[data-app-mode=all].theme-blueprint{--bg-card:color-mix(in srgb,#eef6ff 90%,#9e9e9e);--card-border:color-mix(in srgb,#b0c4de 82%,#9e9e9e);--button-bg:color-mix(in srgb,#c3dbf7 88%,#9e9e9e);--input-bg:color-mix(in srgb,#e2ecf7 90%,#9e9e9e)}body.theme-blueprint,body.theme-custom,body.theme-light,body.theme-sepia{color-scheme:light}body.theme-dark{color-scheme:dark}.note-card{align-self:stretch;background-color:#f9f9f9;background-color:var(--input-bg);border:1px solid #ccc;border:1px solid var(--card-border);border-radius:10px;box-shadow:0 1px 4px #0000000f;cursor:pointer;margin:.5rem 0;min-height:2rem;padding:1rem;text-align:left;transition:box-shadow .15s ease}.note-card:hover{box-shadow:0 2px 8px #0000001f}.note-card-editing{border-color:#000;border-color:var(--text-primary);cursor:default}.note-card-editing,.note-card-editing:hover{box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px var(--text-primary)}.detail-actions-bar,.top-detail-actions-bar{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-bottom:10px;margin-left:auto;margin-right:auto;width:min(100%,760px)}.detail-actions-side,.top-detail-actions-side{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.detail-actions-left,.top-detail-actions-left{justify-content:flex-start}.detail-actions-right,.top-detail-actions-right{justify-content:flex-end}@media (max-width:640px){.detail-actions-bar,.top-detail-actions-bar{flex-wrap:nowrap;gap:8px}.detail-actions-left,.top-detail-actions-left{justify-content:flex-start}.detail-actions-right,.top-detail-actions-right{justify-content:flex-end}.detail-actions-side,.top-detail-actions-side{flex-wrap:nowrap;gap:6px}.detail-actions-bar .detail-action-btn,.top-detail-actions-bar .top-detail-action-btn{padding-left:8px;padding-right:8px}}.detail-action-btn,.top-detail-action-btn{font-size:.82rem;font-size:var(--ui-compact-font);min-height:28px;min-height:var(--ui-select-height,28px)}.detail-title-row{margin:0 auto .5rem;max-width:760px;text-align:center}.inline-editable-title-row{text-align:center}.inline-editable-title-shell{display:inline-block;max-width:100%;vertical-align:top}.detail-title-display{cursor:pointer;display:inline-block;margin:0;max-width:100%;min-width:260px;text-align:center}.inline-editable-title-display{cursor:pointer}.detail-title-input{font-family:inherit;min-height:34px;min-height:calc(var(--ui-select-height, 28px) + 6px);padding-bottom:2px;padding-top:2px;text-align:center}.inline-editable-title-input{font-family:inherit}.detail-title-shell{border:1px dashed color-mix(in srgb,#228be6 45%,#ccc 55%);border:1px dashed color-mix(in srgb,var(--text-link,#228be6) 45%,var(--card-border) 55%);border-radius:12px;padding:.32rem .85rem}.detail-title-heading{font-size:clamp(1.22rem,2.15vw,1.8rem);font-weight:700;line-height:1.15!important}.tune-detail-page .detail-title-input.detail-title-heading{font-size:clamp(1.22rem,2.15vw,1.8rem)!important}.detail-edit-actions{gap:.5rem}.detail-abc-controls,.detail-edit-actions{display:flex;justify-content:center;margin-top:.35rem}.detail-abc-controls{align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:.2rem}.detail-abc-control-btn:disabled{cursor:not-allowed;opacity:.5}.detail-abc-speed-wrap{align-items:center;display:inline-flex;gap:6px}.detail-abc-speed-label{color:#444;color:var(--text-muted);font-size:.78rem;font-size:var(--ui-subtle-font,.82rem)}.detail-abc-speed-select{background:color-mix(in srgb,#f9f9f9 88%,#0b3d66 12%);background:color-mix(in srgb,var(--input-bg) 88%,#0b3d66 12%);border:1px solid color-mix(in srgb,#228be6 34%,#ccc 66%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 34%,var(--card-border) 66%);border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,#228be6 10%,#0000);color:#000;color:var(--text-primary);font-size:.82rem;font-size:var(--ui-select-font,var(--ui-compact-font));line-height:1.2;min-height:28px;min-height:var(--ui-select-height,28px);padding:0 10px;padding:0 var(--ui-select-pad-x,10px)}.detail-abc-speed-select-wrap{width:74px}.detail-abc-speed-select-wrap .app-select-trigger{min-height:28px;min-height:var(--ui-select-height,28px);padding-left:8px;padding-right:8px}.detail-note-meta-grid{display:flex;flex-direction:column;gap:6px;margin:0 auto .75rem;max-width:760px;width:min(100%,760px)}.detail-note-meta-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-note-meta-row-single{grid-template-columns:minmax(0,1fr)}.detail-tune-title-row{display:flex;justify-content:center;margin:0 auto .5rem;width:100%}.detail-field-input{width:100%}.detail-tag-row{margin-bottom:.6rem;margin-top:.5rem;text-align:center}.detail-longfield-details{margin-bottom:.5rem;margin-left:auto;margin-right:auto;width:min(100%,760px)}.detail-longfield-summary{cursor:pointer;font-weight:700}.detail-longfield-summary-spaced,.detail-lyrics-summary{margin-bottom:.45rem}.detail-header-pill.search-control-btn,.detail-longfield-pill{align-items:center;background:color-mix(in srgb,#f9f9f9 72%,#228be6 28%);background:color-mix(in srgb,var(--input-bg) 72%,var(--text-link,#228be6) 28%);border:1px solid color-mix(in srgb,#228be6 52%,#ccc 48%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 52%,var(--card-border) 48%);border-radius:999px;box-shadow:0 1px 8px color-mix(in srgb,#228be6 22%,#0000);box-shadow:0 1px 8px color-mix(in srgb,var(--text-link,#228be6) 22%,#0000);color:#000;color:var(--text-primary);display:inline-flex;gap:.45rem;justify-content:center;margin:0 auto .45rem;min-height:28px;min-height:var(--ui-select-height,28px);padding:0 10px;padding:0 var(--ui-select-pad-x,10px)}.detail-header-pill.search-control-btn:hover,.detail-longfield-pill:hover{background:color-mix(in srgb,#f9f9f9 62%,#228be6 38%);background:color-mix(in srgb,var(--input-bg) 62%,var(--text-link,#228be6) 38%)}.detail-header-pill.search-control-btn[aria-expanded=true],.detail-longfield-pill[aria-expanded=true]{background:color-mix(in srgb,#f9f9f9 52%,#228be6 48%);background:color-mix(in srgb,var(--input-bg) 52%,var(--text-link,#228be6) 48%);border-color:color-mix(in srgb,#228be6 68%,#ccc 32%);border-color:color-mix(in srgb,var(--text-link,#228be6) 68%,var(--card-border) 32%);box-shadow:0 2px 10px color-mix(in srgb,#228be6 28%,#0000);box-shadow:0 2px 10px color-mix(in srgb,var(--text-link,#228be6) 28%,#0000)}.detail-header-pill.detail-header-pill-editing.search-control-btn{background:color-mix(in srgb,#6f42a6 28%,#f9f9f9 72%);background:color-mix(in srgb,#6f42a6 28%,var(--input-bg) 72%);border-color:color-mix(in srgb,#b57cff 66%,#ccc 34%);border-color:color-mix(in srgb,#b57cff 66%,var(--card-border) 34%);box-shadow:0 2px 10px color-mix(in srgb,#9d63ea 30%,#0000);color:color-mix(in srgb,#f7ebff 82%,#000 18%);color:color-mix(in srgb,#f7ebff 82%,var(--text-primary) 18%)}.detail-header-pill.detail-header-pill-editing.search-control-btn:hover{background:color-mix(in srgb,#7949b3 34%,#f9f9f9 66%);background:color-mix(in srgb,#7949b3 34%,var(--input-bg) 66%);border-color:color-mix(in srgb,#c18dff 72%,#ccc 28%);border-color:color-mix(in srgb,#c18dff 72%,var(--card-border) 28%)}.detail-header-pill.detail-header-pill-editing.search-control-btn[aria-expanded=true]{background:color-mix(in srgb,#8751c4 42%,#f9f9f9 58%);background:color-mix(in srgb,#8751c4 42%,var(--input-bg) 58%);border-color:color-mix(in srgb,#d5b0ff 78%,#ccc 22%);border-color:color-mix(in srgb,#d5b0ff 78%,var(--card-border) 22%);box-shadow:0 2px 12px color-mix(in srgb,#a770f0 36%,#0000)}.detail-header-pill-subheading.search-control-btn{background:color-mix(in srgb,#f9f9f9 90%,#0000);background:color-mix(in srgb,var(--input-bg) 90%,#0000);border-color:color-mix(in srgb,#ccc 72%,#0000);border-color:color-mix(in srgb,var(--card-border) 72%,#0000);box-shadow:none;color:color-mix(in srgb,#000 78%,#444 22%);color:color-mix(in srgb,var(--text-primary) 78%,var(--text-muted) 22%);font-size:.779rem;font-size:calc(var(--ui-compact-font, .82rem)*.95);min-height:24px;min-height:calc(var(--ui-select-height, 28px) - 4px);opacity:.9;padding:0 9px;padding:0 calc(var(--ui-select-pad-x, 10px) - 1px)}.detail-header-pill-subheading.search-control-btn:hover{background:color-mix(in srgb,#f9f9f9 82%,#0000);background:color-mix(in srgb,var(--input-bg) 82%,#0000)}.detail-header-pill-subheading.search-control-btn[aria-expanded=true]{background:color-mix(in srgb,#f9f9f9 78%,#228be6 22%);background:color-mix(in srgb,var(--input-bg) 78%,var(--text-link,#228be6) 22%);border-color:color-mix(in srgb,#228be6 44%,#ccc 56%);border-color:color-mix(in srgb,var(--text-link,#228be6) 44%,var(--card-border) 56%);box-shadow:0 1px 5px color-mix(in srgb,#228be6 14%,#0000);box-shadow:0 1px 5px color-mix(in srgb,var(--text-link,#228be6) 14%,#0000)}.detail-header-pill-caret,.detail-longfield-pill-caret{line-height:1;text-align:center;width:.9em}.detail-pill-content{padding-bottom:.95rem}.detail-pill-content-no-tail{padding-bottom:0}.detail-pill-content-with-tail{padding-bottom:.95rem}.detail-pill-subcontent{padding-bottom:.55rem}.detail-organize-toggle-btn{margin-bottom:.7rem}.organizer-layout{grid-gap:10px;display:grid;gap:10px;overflow-x:hidden}.organizer-layout,.organizer-row-full{box-sizing:border-box;max-width:100%;width:100%}.organizer-row-full{grid-column:1/-1;min-width:0}.organizer-row-two{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;width:100%}.organizer-row-two>.search-input,.organizer-row-two>select{grid-column:auto!important;justify-self:stretch!important;max-width:none!important;min-width:0!important;width:100%!important}.detail-longfield-heading{font-size:1.1rem;margin:0 0 .35rem;text-align:center}.detail-lyrics-card{background:color-mix(in srgb,#f9f9f9 88%,#0000);background:color-mix(in srgb,var(--input-bg) 88%,#0000);border:1px solid color-mix(in srgb,#ccc 65%,#0000);border:1px solid color-mix(in srgb,var(--card-border) 65%,#0000);border-radius:10px;box-sizing:border-box;cursor:pointer;margin:0 auto;overflow-x:hidden;padding:10px 12px;text-align:left;width:min(100%,760px)}.detail-lyrics-preview{box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95rem;line-height:1.35;margin:0;max-height:none;overflow:visible;overflow-wrap:anywhere;white-space:pre-wrap;width:100%;word-break:break-word}.detail-lyrics-placeholder{font-style:italic;opacity:.7}.detail-longfield-textarea{display:block;margin-left:auto;margin-right:auto;margin-top:.5rem;max-width:640px;width:min(100%,760px)}.detail-abc-preview-wrap{margin-top:.5rem}.detail-abc-preview-tap{cursor:pointer;display:flex;justify-content:center;width:100%}.detail-abc-preview-inner{max-width:700px;width:100%}.detail-abc-placeholder{border:1px dashed color-mix(in srgb,#ccc 72%,#0000);border:1px dashed color-mix(in srgb,var(--card-border) 72%,#0000);border-radius:10px;font-style:italic;opacity:.75;padding:12px;text-align:center}.detail-abc-raw-details{margin-top:.45rem}.detail-file-input{width:100%}.tune-detail-page.tune-detail-tunes-mode .detail-longfield-details,.tune-detail-page.tune-detail-tunes-mode .detail-note-meta-grid,.tune-detail-page.tune-detail-tunes-mode .detail-recorder-wrap,.tune-detail-page.tune-detail-tunes-mode .detail-tag-row,.tune-detail-page.tune-detail-tunes-mode .detail-tune-title-row{margin-bottom:.6rem}.tune-detail-page.tune-detail-tunes-mode .detail-tag-row{margin-bottom:.95rem;margin-top:.5rem}.tune-detail-page.tune-detail-tunes-mode .detail-lyrics-section{margin-top:.18rem}.tune-detail-page.tune-detail-tunes-mode .detail-header-pill.search-control-btn:not(.detail-header-pill-subheading){background:color-mix(in srgb,#8a2be2 32%,#f9f9f9 68%);background:color-mix(in srgb,#8a2be2 32%,var(--input-bg) 68%);border:1px solid color-mix(in srgb,#8a2be2 68%,#ccc 32%);border:1px solid color-mix(in srgb,#8a2be2 68%,var(--card-border) 32%);box-shadow:0 2px 10px color-mix(in srgb,#8a2be2 30%,#0000);font-size:.9rem;font-size:calc(var(--ui-compact-font, .82rem) + .08rem);font-weight:800;letter-spacing:.01em;min-height:34px;min-height:calc(var(--ui-select-height, 28px) + 6px);padding:0 15px;padding:0 calc(var(--ui-select-pad-x, 10px) + 5px)}.tune-detail-page.tune-detail-tunes-mode .detail-header-pill.search-control-btn:not(.detail-header-pill-subheading):hover{background:color-mix(in srgb,#8a2be2 42%,#f9f9f9 58%);background:color-mix(in srgb,#8a2be2 42%,var(--input-bg) 58%)}.tune-detail-page.tune-detail-tunes-mode .detail-header-pill.search-control-btn:not(.detail-header-pill-subheading)[aria-expanded=true]{background:color-mix(in srgb,#8a2be2 52%,#f9f9f9 48%);background:color-mix(in srgb,#8a2be2 52%,var(--input-bg) 48%);border-color:color-mix(in srgb,#8a2be2 84%,#ccc 16%);border-color:color-mix(in srgb,#8a2be2 84%,var(--card-border) 16%);box-shadow:0 2px 12px color-mix(in srgb,#8a2be2 36%,#0000)}.detail-recorder-wrap{margin:0 auto .75rem;max-width:350px}.detail-links-stack{display:flex;flex-direction:column;gap:.45rem;width:100%}.detail-link-row{align-items:center;display:flex;gap:4px}.detail-link-go{align-items:center;background:color-mix(in srgb,#228be6 30%,#eee 70%);background:color-mix(in srgb,var(--text-link,#228be6) 30%,var(--button-bg,#0000) 70%);border:1px solid color-mix(in srgb,#228be6 70%,#ccc 30%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 70%,var(--card-border) 30%);border-radius:999px;display:inline-flex;flex-shrink:0;font-size:1.08rem;height:30px;justify-content:center;line-height:1;text-decoration:none;width:30px}.detail-link-input-active{background:color-mix(in srgb,#228be6 48%,#f9f9f9 52%);background:color-mix(in srgb,var(--text-link,#228be6) 48%,var(--input-bg) 52%);border-color:color-mix(in srgb,#228be6 90%,#ccc 10%);border-color:color-mix(in srgb,var(--text-link,#228be6) 90%,var(--card-border) 10%);box-shadow:inset 3px 0 0 color-mix(in srgb,#228be6 94%,#fff 6%),0 0 0 2px color-mix(in srgb,#228be6 62%,#0000),0 3px 14px color-mix(in srgb,#228be6 34%,#0000);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--text-link,#228be6) 94%,#fff 6%),0 0 0 2px color-mix(in srgb,var(--text-link,#228be6) 62%,#0000),0 3px 14px color-mix(in srgb,var(--text-link,#228be6) 34%,#0000);color:color-mix(in srgb,#000 88%,#fff 12%);color:color-mix(in srgb,var(--text-primary) 88%,#fff 12%)}.detail-links-add{align-self:center;margin-top:.1rem}.detail-search-tools-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:520px;width:100%}.tune-detail-page .detail-session-suggestion-btn,.tune-detail-page .detail-session-update-btn{background:color-mix(in srgb,#3f7f50 20%,#eee 80%)!important;background:color-mix(in srgb,#3f7f50 20%,var(--button-bg,#0000) 80%)!important;border-color:color-mix(in srgb,#3f7f50 62%,#ccc 38%)!important;border-color:color-mix(in srgb,#3f7f50 62%,var(--card-border) 38%)!important;color:color-mix(in srgb,#000 90%,#eaffea 10%)!important;color:color-mix(in srgb,var(--text-primary) 90%,#eaffea 10%)!important}.tune-detail-page .detail-session-update-btn{box-shadow:0 0 0 2px color-mix(in srgb,#3f7f50 34%,#0000),0 4px 14px color-mix(in srgb,#3f7f50 24%,#0000)!important}.tune-detail-page .detail-session-suggestion-btn{box-shadow:0 0 0 1px color-mix(in srgb,#3f7f50 26%,#0000)}.tune-detail-page .detail-session-dismiss-btn{background:color-mix(in srgb,#eee 70%,#0000);background:color-mix(in srgb,var(--button-bg) 70%,#0000);border:1px solid color-mix(in srgb,#ccc 70%,#0000);border:1px solid color-mix(in srgb,var(--card-border) 70%,#0000);border-radius:999px;font-size:.95rem;line-height:1;min-height:auto;padding:0 6px}.tune-detail-page .detail-session-import-panel{box-sizing:border-box;max-width:390px;width:100%}@media (max-width:640px){.tune-detail-page .detail-session-import-panel{max-width:346px}}.tune-detail-page.tune-detail-tunes-mode .detail-tune-meta-primary{margin-bottom:.35rem}.tune-detail-page .detail-quicknote-input{border-color:color-mix(in srgb,#228be6 64%,#ccc 36%);border-color:color-mix(in srgb,var(--text-link,#228be6) 64%,var(--card-border) 36%);box-shadow:0 0 0 1px color-mix(in srgb,#228be6 30%,#0000),0 2px 10px color-mix(in srgb,#228be6 22%,#0000);box-shadow:0 0 0 1px color-mix(in srgb,var(--text-link,#228be6) 30%,#0000),0 2px 10px color-mix(in srgb,var(--text-link,#228be6) 22%,#0000)}.detail-tag-add-btn{background:color-mix(in srgb,#228be6 30%,#eee 70%);background:color-mix(in srgb,var(--text-link,#228be6) 30%,var(--button-bg,#0000) 70%);border-color:color-mix(in srgb,#228be6 70%,#ccc 30%);border-color:color-mix(in srgb,var(--text-link,#228be6) 70%,var(--card-border) 30%);box-shadow:0 0 0 1px color-mix(in srgb,#228be6 32%,#0000),0 2px 10px color-mix(in srgb,#228be6 24%,#0000);box-shadow:0 0 0 1px color-mix(in srgb,var(--text-link,#228be6) 32%,#0000),0 2px 10px color-mix(in srgb,var(--text-link,#228be6) 24%,#0000);color:color-mix(in srgb,#000 86%,#e7f5ff 14%);color:color-mix(in srgb,var(--text-primary) 86%,#e7f5ff 14%);font-weight:700}.tune-detail-page.tune-detail-tunes-mode .detail-tune-files-row,.tune-detail-page.tune-detail-tunes-mode .detail-tune-image-row,.tune-detail-page.tune-detail-tunes-mode .detail-tune-links-row,.tune-detail-page.tune-detail-tunes-mode .detail-tune-recorder-row{margin-bottom:.32rem}.detail-related-box{background:color-mix(in srgb,#fff 92%,#0000);background:color-mix(in srgb,var(--bg-card) 92%,#0000);border:1px solid color-mix(in srgb,#ccc 70%,#0000);border:1px solid color-mix(in srgb,var(--card-border) 70%,#0000);border-radius:12px;box-sizing:border-box;margin:.8rem auto .4rem;max-width:300px;padding:.75rem;width:100%}.detail-related-section+.detail-related-section{border-top:1px solid color-mix(in srgb,#ccc 55%,#0000);border-top:1px solid color-mix(in srgb,var(--card-border) 55%,#0000);margin-top:.6rem;padding-top:.6rem}.detail-related-title{margin:0 0 .35rem;text-align:center}.detail-related-list{list-style:none;margin:0;padding:0;text-align:center}.detail-related-link{color:var(--text-link);cursor:pointer;display:inline-block;margin-bottom:.25rem;text-decoration:underline}.tune-detail-page .app-select-trigger,.tune-detail-page input:not(.detail-title-input),.tune-detail-page select,.tune-detail-page textarea{font-size:16px}.rendered-markdown{color:#000;color:var(--text-primary);line-height:1.6;text-align:left}.rendered-markdown p{margin:0 0 .5rem}.rendered-markdown p:last-child{margin-bottom:0}.rendered-markdown h1,.rendered-markdown h2,.rendered-markdown h3{line-height:1.3;margin:.75rem 0 .35rem}.rendered-markdown h1{font-size:1.3em}.rendered-markdown h2{font-size:1.15em}.rendered-markdown h3{font-size:1.05em}.rendered-markdown ol,.rendered-markdown ul{margin:.25rem 0 .5rem;padding-left:1.5rem}.rendered-markdown li{margin-bottom:.2rem}.rendered-markdown strong{font-weight:700}.rendered-markdown em{font-style:italic}.rendered-markdown code{background:color-mix(in srgb,#000 8%,#0000);background:color-mix(in srgb,var(--text-primary) 8%,#0000);border-radius:3px;font-size:.9em;padding:.1em .4em}.rendered-markdown blockquote{border-left:3px solid #ccc;border-left:3px solid var(--card-border);color:#444;color:var(--text-muted);margin:.5rem 0;padding:.25rem 0 .25rem .75rem}.notes-editor-wrap{width:100%}.fullscreen-notes-overlay .notes-editor-wrap,.fullscreen-notes-overlay .notes-editor-wrap>div:last-child{display:flex;flex:1 1;flex-direction:column;min-height:0}.fullscreen-notes-overlay .notes-tiptap-editor{flex:1 1;min-height:0;overflow-y:auto}.fullscreen-viewer-content-lyrics{overflow-x:hidden}.fullscreen-viewer-content-lyrics textarea{box-sizing:border-box;display:block;max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;width:100%;word-break:break-word}.fullscreen-lyrics-editor{font-size:1.2rem!important;font-size:var(--lyrics-font-size,1.2rem)!important}.notes-tiptap-editor{background-color:#f9f9f9;background-color:var(--input-bg);border:1px solid color-mix(in srgb,#888 70%,#0000);border:1px solid color-mix(in srgb,var(--input-border) 70%,#0000);border-radius:0 0 8px 8px;border-top:none;color:#000;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.15;min-height:6rem;outline:none;padding:8px 10px;text-align:left}.notes-tiptap-editor:focus{border-color:#000;border-color:var(--text-primary)}.notes-editor-wrap.notes-editor-no-toolbar .notes-tiptap-editor{border-radius:8px;border-top:1px solid color-mix(in srgb,#888 70%,#0000);border-top:1px solid color-mix(in srgb,var(--input-border) 70%,#0000)}.notes-tiptap-editor p{margin:0}.notes-tiptap-editor p:last-child{margin-bottom:0}.notes-tiptap-editor h2{font-size:1.28em;font-weight:700;margin:.5rem 0 .25rem}.notes-tiptap-editor ol,.notes-tiptap-editor ul{margin:.25rem 0;padding-left:1.5rem}.notes-tiptap-editor li{margin-bottom:.15rem}.add-success-banner{background:color-mix(in srgb,#228be6 22%,#fff 78%);background:color-mix(in srgb,var(--text-link,#228be6) 22%,var(--bg-card) 78%);border:1px solid color-mix(in srgb,#228be6 46%,#ccc 54%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 46%,var(--card-border) 54%);border-radius:10px;color:color-mix(in srgb,#000 86%,#e7f5ff 14%);color:color-mix(in srgb,var(--text-primary) 86%,#e7f5ff 14%);margin-bottom:.5rem;margin-top:.75rem;max-width:300px;padding:.55rem .75rem;text-align:center;width:100%}.add-success-banner-clickable{cursor:pointer}.undo-banner{align-items:center;background:color-mix(in srgb,#228be6 18%,#fff 82%);background:color-mix(in srgb,var(--text-link,#228be6) 18%,var(--bg-card) 82%);border:1px solid color-mix(in srgb,#228be6 44%,#ccc 56%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 44%,var(--card-border) 56%);border-radius:10px;box-shadow:0 3px 14px color-mix(in srgb,#228be6 14%,#0000);box-shadow:0 3px 14px color-mix(in srgb,var(--text-link,#228be6) 14%,#0000);box-sizing:border-box;display:flex;gap:10px;justify-content:space-between;padding:9px 12px;width:min(100%,600px)}.undo-banner-inline{margin:10px auto 16px}.undo-banner-fixed{bottom:20px;left:50%;position:fixed;transform:translateX(-50%);width:min(calc(100vw - 24px),600px);z-index:1000}.undo-banner-message{color:#000;color:var(--text-primary);font-size:.9rem;line-height:1.25}.undo-banner-action.btn-subtle{background:color-mix(in srgb,#228be6 36%,#eee 64%);background:color-mix(in srgb,var(--text-link,#228be6) 36%,var(--button-bg,#0000) 64%);border:1px solid color-mix(in srgb,#228be6 65%,#ccc 35%);border:1px solid color-mix(in srgb,var(--text-link,#228be6) 65%,var(--card-border) 35%);border-radius:999px;color:#000;color:var(--text-primary);flex-shrink:0;font-weight:700;min-height:28px;padding:0 10px}@media (max-width:900px){.app-select-trigger,.notes-tiptap-editor,[contenteditable=true],input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}.notes-tiptap-editor p.is-editor-empty:first-child:before{color:#444;color:var(--text-muted);content:attr(data-placeholder);float:left;height:0;opacity:.6;pointer-events:none}body[data-app-mode=notes] .add-tune-form,body[data-app-mode=notes] .edit-tune-form,body[data-app-mode=notes] .notes-editor-wrap,body[data-app-mode=notes] .rendered-markdown{text-align:left}body[data-app-mode=notes] .add-tune-form{width:100%}.add-tune-form.add-notes-layout div,body[data-app-mode=notes] .add-tune-form div{max-width:500px!important}.add-tune-form.add-notes-layout{text-align:left;width:100%}body[data-app-mode=notes] .edit-tune-form{max-width:700px!important;width:100%}body[data-app-mode=notes] .tune-detail-page{width:100%}body[data-app-mode=notes] .App .settings-page{text-align:center}.nav-container{background-color:var(--bg-card);border-bottom:1px solid var(--card-border);font-size:.88rem;font-size:var(--ui-control-font,.88rem);justify-content:space-around;left:0;padding:8px 0 7px;position:fixed;right:0;top:0;z-index:1000}.nav-container,.nav-item{align-items:center;display:flex}.nav-item{color:var(--text-muted);flex-direction:column;font-size:.75rem;font-size:var(--ui-nav-label-font,.75rem);position:relative;text-decoration:none;transition:color .15s ease,opacity .15s ease}.nav-item:hover{color:var(--text-primary);opacity:.8}.nav-item .nav-icon{font-size:1.2rem;font-size:var(--ui-nav-icon-size,1.2rem)}.nav-item.active{color:var(--text-primary);font-weight:700}.nav-item.active:hover{opacity:1}.nav-mode-item{cursor:pointer}.nav-mode-label{align-items:center;display:inline-flex;gap:4px}.nav-mode-caret{font-size:.62rem;font-size:var(--ui-nav-caret-size,.62rem);opacity:.7;transition:transform .15s ease,opacity .15s ease}.nav-mode-caret.open{opacity:1;transform:rotate(180deg)}.mode-menu{background:var(--bg-card);border:1px solid var(--card-border);border-radius:10px;box-shadow:0 10px 20px #00000029;left:0;min-width:130px;padding:6px;position:absolute;right:auto;top:calc(100% + 6px);z-index:1200}.mode-menu-item{background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-size:var(--ui-nav-menu-font,.8rem);padding:7px 8px;text-align:left;width:100%}.mode-menu-item:hover{background:var(--input-bg)}.mode-menu-current{border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.72rem;font-size:var(--ui-nav-menu-meta-font,.72rem);margin-top:4px;padding:6px 8px 2px}.abcjs-inline-audio{align-items:center;background-color:#424242;border-radius:3px;box-sizing:border-box;display:flex;height:26px;padding:0 5px}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{background:none!important;border:1px solid #0000;box-sizing:border-box;display:block;height:34px;line-height:1;margin-right:2px;padding:7px 4px;width:28px}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed{background-color:#666;border:1px solid #ccc;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:#424242;border:2px solid #ccc;border-radius:5px;box-sizing:border-box;flex:1 1;height:10px;margin:0 8px 0 15px;padding:0;position:relative}.abcjs-inline-audio .abcjs-midi-progress-indicator{background-color:#f4f4f4;border-radius:6px;box-sizing:border-box;display:inline-block;height:14px;left:0;margin-left:-10px;position:absolute;top:-4px;width:20px}.abcjs-inline-audio .abcjs-midi-clock{box-sizing:border-box;color:#f4f4f4;display:inline-block;font-family:sans-serif;font-size:16px;margin-left:4px;margin-right:2px;margin-top:1px}.abcjs-inline-audio .abcjs-tempo-wrapper{align-items:center;box-sizing:border-box;color:#f4f4f4;display:flex;font-size:10px}.abcjs-inline-audio .abcjs-midi-tempo{border:none;border-radius:2px;box-sizing:border-box;margin:0 2px 0 4px;padding-left:2px;width:42px}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{animation-duration:1s;animation-iteration-count:infinite;animation-name:abcjs-spin;animation-timing-function:linear;outline:none}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{font-size:28px;height:52px;padding:6px 8px;width:56px}.abcjs-large .abcjs-midi-progress-background{border:4px solid #ccc;height:20px}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-left:10px;margin-right:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}
/*# sourceMappingURL=main.bb1c3440.css.map*/