#topbar .crumb{min-width:0}#topbar .crumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topmeta{flex:none}
.top-search{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:40px;white-space:nowrap;background:var(--panel)}
.top-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.top-search small{color:var(--muted);font-size:.7rem;padding:0 5px;border-left:1px solid var(--line)}
.top-search:hover,.top-search[aria-current=page]{border-color:var(--green);color:var(--green)}
.search-home{display:flex;align-items:center;gap:18px;padding:18px 22px;margin:0 0 24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,#272e22,var(--panel));transition:border-color .15s}
.search-home:hover{border-color:var(--green)}.search-home>span:first-child{font-size:2.6rem;color:var(--green);line-height:1}.search-home strong,.search-home small{display:block}.search-home small{color:var(--muted);margin-top:3px}.search-home>b{margin-left:auto;color:var(--green)}
#global-search{max-width:1240px;margin:auto}.search-shortcut-hint{font-size:.8rem;white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:6px 10px}
.search-form>label{display:block;font-size:.8rem;margin-bottom:8px;color:var(--green)}.search-form>div{display:flex;align-items:center;gap:14px;border:1px solid #536047;background:#21281e;border-radius:14px;padding:10px 15px 10px 22px;box-shadow:0 8px 32px #0002}.search-form>div:focus-within{outline:2px solid var(--green);outline-offset:3px}.search-form>div>span{font-size:2.6rem;line-height:1;color:var(--green)}
.search-form input{min-width:0;flex:1;border:0;background:transparent;color:var(--text);outline:0;padding:12px 0;font-size:1.2rem}.search-form input::-webkit-search-cancel-button{display:none}.search-form input::placeholder{color:#a3af9b}.search-form input:focus-visible{outline:0}.search-form button{background:#323b2c;color:var(--green);width:42px;height:42px;flex:none;border-radius:8px;font-size:1.6rem}.search-form button:hover{background:#45523b}
.search-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 26px;font-size:.8rem;color:var(--muted)}.search-examples button{padding:6px 12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;font-size:.8rem;color:var(--muted)}.search-examples button:hover{color:var(--green);border-color:var(--green)}
.search-filters{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px}.search-filters button{display:inline-flex;gap:8px;align-items:center;background:var(--panel);padding:9px 12px;min-height:42px;border-radius:7px;border:1px solid var(--line);font-size:.85rem}.search-filters button small{font-size:.7rem;background:#ffffff0a;border-radius:4px;padding:0 5px;color:var(--muted)}.search-filters button[aria-pressed=true]{border-color:var(--green);background:#303b26;color:var(--green)}.search-filters button[aria-pressed=true] small{color:var(--green)}
.search-status{font-size:.8rem;margin:17px 0}.search-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.search-category-grid>button{position:relative;text-align:left;display:flex;align-items:flex-start;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:24px;background:radial-gradient(circle at top right,#35412b77,transparent 80%),var(--panel)}.search-category-grid>button:hover{border-color:var(--green);background-color:#242b21}.search-category-grid svg{width:48px;height:48px;margin-bottom:22px;color:var(--green)}.search-category-grid strong{font-size:1rem}.search-category-grid small{color:var(--muted);font-size:.8rem;margin-top:4px}.search-category-grid>button>span{position:absolute;right:22px;bottom:24px;color:var(--green)}
.search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-result{position:relative;display:flex;align-items:center;gap:18px;text-align:left;background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:14px;min-width:0;transition:border-color .15s}.search-result:is(a,button):hover{border-color:var(--green);background:#252b21}.search-result-art{flex:none;display:flex;align-items:center;justify-content:center;width:118px;height:124px;border-radius:10px;background:#293021;color:var(--green);overflow:hidden}.search-result-art>svg{width:56px;height:56px}.search-result-art>.instrument-illustration,.search-result-art>.movement-diagram{width:100%;height:100%}.search-result-art .movement-diagram svg{width:100%;height:100%}
.search-result-copy{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1}.search-result-copy .eyebrow{font-size:.62rem;letter-spacing:1.3px;color:var(--green);margin:0}.search-result-copy>strong{font-size:1.15rem;font-family:'Manrope',sans-serif;line-height:1.35;overflow-wrap:anywhere}.search-result-copy>span:not(.eyebrow){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.825rem;line-height:1.55}.search-result-copy>small{color:var(--muted);font-size:.7rem;line-height:1.5;margin-top:5px}.search-result-arrow{position:absolute;right:15px;top:13px;color:var(--green);font-weight:400}.search-result-copy .eyebrow{padding-right:15px}
.search-category-songs .search-result-art,.search-category-videos .search-result-art{background:#352b22;color:var(--orange)}.search-category-songs .eyebrow,.search-category-videos .eyebrow{color:var(--orange)}.search-category-words .search-result-art{background:#302a3a;color:#cab4e1}.search-category-words .eyebrow{color:#cab4e1}.search-category-words{display:block}.search-word-content{display:flex;align-items:center;gap:18px}.search-category-words .search-result-art{width:76px;height:76px}.search-category-words .search-result-art>svg{width:40px;height:40px}.search-category-words .search-result-arrow{display:none}.search-word-note{font-size:.8rem;margin:14px 0;color:var(--muted)}.search-category-words button{min-height:40px;font-size:.85rem}.search-pattern{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;width:100%}.search-pattern i{font-style:normal;text-align:center;border-bottom:1px solid #5b684b;font-size:1.2rem;color:var(--green)}.search-pattern .search-note-x{color:#cab4e1}.search-pattern .search-note-L{color:var(--orange)}.search-pattern .search-note-rest{color:#819173}
.search-more{display:flex;margin:26px auto}.search-empty{text-align:center;background:var(--panel);border:1px dashed #48513f;border-radius:14px;padding:40px 20px}.search-empty>span{display:block;font-size:3.5rem;color:var(--green)}.search-empty p{margin:10px 0 22px}.search-approximate{font-size:.85rem;color:var(--green);padding:12px 16px;border-left:3px solid var(--green);background:#283020;margin-bottom:18px}.search-offline-note{font-size:.75rem;max-width:660px;margin-top:32px;color:var(--muted)}
@media(max-width:1150px){.top-search small{display:none}.topmeta{gap:14px}.search-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-result-art{width:95px;height:115px}.search-result{gap:14px;padding:16px}.search-word-content{gap:14px}}
@media(max-width:900px){.search-result-grid{grid-template-columns:minmax(0,1fr)}.search-result-art{width:115px;height:125px}.search-shortcut-hint{display:none}}
@media(max-width:600px){.topmeta .streak{display:none}.top-search{padding:6px 10px;gap:6px}.search-home{padding:16px;gap:12px}.search-home small{font-size:.75rem}.search-form>div{padding:8px 10px 8px 14px;gap:10px}.search-form input{font-size:1rem;padding:10px 0}.search-form>div>span{font-size:2rem}.search-form button{width:36px;height:40px}.search-examples{gap:7px}.search-filters{gap:6px}.search-filters button{font-size:.75rem;padding:8px;gap:5px}.search-category-grid{gap:10px}.search-category-grid>button{padding:18px}.search-category-grid>button>span{right:14px;bottom:21px}.search-category-grid strong{font-size:.9rem}.search-result{padding:14px;gap:12px}.search-result-art{width:84px;height:116px}.search-result-copy>strong{font-size:1rem}.search-result-copy>span:not(.eyebrow){font-size:.8rem}.search-pattern{padding:6px;gap:5px}.search-result-copy>small{font-size:.65rem}}