:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e6e9ef}.container{max-width:900px;margin:0 auto;padding:1rem}.card{background:#141a2a;border:1px solid #2a3450;border-radius:12px;padding:.75rem}.grid,.grid.cols-4{display:grid;gap:.75rem;grid-template-columns:1fr}input,select,button{width:100%;border-radius:8px;border:1px solid #2a3450;background:#0f1625;color:#e6e9ef;padding:.5rem .6rem}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;border:1px solid #2a3450;font-size:.8rem}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #2a3450;padding:.5rem;text-align:left;vertical-align:top}.table th{position:sticky;top:0;background:#101828}.flex{display:flex;gap:.5rem;align-items:center}.wrap{flex-wrap:wrap}.small{font-size:.85rem;opacity:.9}.primary{border-color:#4f46e5}.highlight{background:#1d2438;padding:.15rem .35rem;border-radius:6px}.pagination{display:flex;gap:.5rem;align-items:center}.vstack>*+*{margin-top:.5rem}details.filter{border:1px solid #2a3450;border-radius:10px;background:#12182a}details.filter>summary{cursor:pointer;list-style:none;padding:.5rem .75rem;font-weight:600}details.filter>summary::marker,details.filter>summary::-webkit-details-marker{display:none}details.filter[open]{background:#161e34}.slim{padding:.5rem .75rem}.cols-auto{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pill-grid{display:grid;gap:.5rem}.pill{display:inline-block;border:1px solid #2a3450;border-radius:999px;padding:.5rem .75rem;background:#0f1625;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;transition:transform .02s ease-in,background .15s ease}.pill.on{background:#1d2438;border-color:#4f46e5}.pill:active{transform:scale(.98)}.segmented{display:inline-flex;border:1px solid #2a3450;border-radius:10px;overflow:hidden}.segmented button{border:0;padding:.5rem .75rem;background:#0f1625;color:#e6e9ef;width:auto}.segmented button.on{background:#1d2438;border-left:1px solid #2a3450;border-right:1px solid #2a3450}label.checkbox-row{display:flex;align-items:center;gap:.6rem;line-height:1.2}input[type=checkbox]{width:1.15em;height:1.15em;margin:0;vertical-align:middle;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:#4f46e5;flex:0 0 auto}.fab{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:999px;background:#4f46e5;color:#fff;font-size:22px;border:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000059;cursor:pointer;z-index:50}.fab:active{transform:translateY(1px)}.result-list{display:grid;gap:.25rem}.result-item{padding:.5rem .25rem;border-bottom:1px solid #2a3450}.result-top{font-weight:600}.result-sub{opacity:.9;font-size:.9rem}.result-chip{display:inline-block;margin-right:.35rem}.diff-chip{display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;height:20px;padding:0 .25rem;border-radius:4px;border:1px solid currentColor;font-weight:700;letter-spacing:.2px;line-height:1}:root{--tier-b-fg: #15c26b;--tier-b-bg: rgba(21, 194, 107, .15);--tier-n-fg: #4ea5ff;--tier-n-bg: rgba(78, 165, 255, .15);--tier-h-fg: #ffd04d;--tier-h-bg: rgba(255, 208, 77, .17);--tier-a-fg: #ff5c5c;--tier-a-bg: rgba(255, 92, 92, .17);--tier-l-fg: #b57aff;--tier-l-bg: rgba(181, 122, 255, .17)}.diff-chip.tier-b{color:var(--tier-b-fg);background:var(--tier-b-bg)}.diff-chip.tier-n{color:var(--tier-n-fg);background:var(--tier-n-bg)}.diff-chip.tier-h{color:var(--tier-h-fg);background:var(--tier-h-bg)}.diff-chip.tier-a{color:var(--tier-a-fg);background:var(--tier-a-bg)}.diff-chip.tier-l{color:var(--tier-l-fg);background:var(--tier-l-bg)}.radar-chip{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 .25rem;border-radius:4px;border:1px solid currentColor;font-weight:400;line-height:1;font-size:.6rem}:root{--radar-notes-fg: #d07cff;--radar-chord-fg: #6edc6a;--radar-peak-fg: #ffa047;--radar-charge-fg: #64a3ff;--radar-scratch-fg: #ff5c5c;--radar-soflan-fg: #5fd4ff;--radar-notes-bg: rgba(208, 124, 255, .16);--radar-chord-bg: rgba(110, 220, 106, .16);--radar-peak-bg: rgba(255, 160, 71, .16);--radar-charge-bg: rgba(100, 163, 255, .16);--radar-scratch-bg: rgba(255, 92, 92, .16);--radar-soflan-bg: rgba(95, 212, 255, .16)}.radar-notes{color:var(--radar-notes-fg);background:var(--radar-notes-bg)}.radar-chord{color:var(--radar-chord-fg);background:var(--radar-chord-bg)}.radar-peak{color:var(--radar-peak-fg);background:var(--radar-peak-bg)}.radar-charge{color:var(--radar-charge-fg);background:var(--radar-charge-bg)}.radar-scratch{color:var(--radar-scratch-fg);background:var(--radar-scratch-bg)}.radar-soflan{color:var(--radar-soflan-fg);background:var(--radar-soflan-bg)}.radar-int-lo{filter:brightness(1)}.radar-int-md{filter:brightness(1.05)}.radar-int-hi{filter:brightness(1.12)}.result-sub{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.4rem}.result-left{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.35rem}.result-right{display:flex;align-items:flex-end;gap:.35rem;margin-left:auto;white-space:nowrap}.tx-btn{display:inline-flex;align-items:center;gap:.35rem;padding:0 .6rem;height:28px;border-radius:4px;border:1px solid #3a4d70;background:#1a243b;color:#e6e9ef;text-decoration:none}.tx-btn:hover{background:#223055}.tx-btn:active{transform:translateY(1px)}.tx-icon{font-size:.95rem;line-height:1}.layout{display:block}.filters-panel{margin-bottom:1rem}.filters-inner{display:flex;flex-direction:column;gap:.75rem}@media (min-aspect-ratio: 4/3){.layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:1rem;align-items:flex-start}.filters-panel{position:sticky;top:72px;max-height:calc(100vh - 88px);overflow-y:auto}.results-panel{max-height:calc(100vh - 88px);overflow-y:auto}}.search-panel-btn{width:100%;margin-top:.25rem;padding:.6rem .75rem;border-radius:10px;border:1px solid #4f46e5;background:#111827;color:#e5e7ff;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #0f172ab3}.search-panel-btn:hover{background:#18233a}.search-panel-btn:active{transform:translateY(1px)}.search-panel-btn .search-icon{font-size:1rem}@media (min-width: 800px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0d1320;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a3450,#1c243a);border-radius:8px;border:1px solid #101828}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a4670,#283050)}::-webkit-scrollbar-corner{background:#0d1320}*{scrollbar-width:thin;scrollbar-color:#2a3450 #0d1320}}