.navline{background:linear-gradient(100deg,#f4eddb88,#e4f2e677);border-color:var(--line)}
.navigation{padding-top:11px;padding-bottom:11px;gap:20px}.navigation .desktop-navigation{gap:7px;align-items:center;min-width:0}
.site-nav-home{--nav-accent:#176d4c;--nav-wash:#dcefe2}.site-nav-news{--nav-accent:#a36b08;--nav-wash:#fff0c9}.site-nav-artists{--nav-accent:#8d42b4;--nav-wash:#efdef9}.site-nav-rhythms{--nav-accent:#c54d2d;--nav-wash:#ffe2d4}.site-nav-feeds{--nav-accent:#167482;--nav-wash:#d8eff4}
.navigation .desktop-navigation .site-nav-link,.mobile-menu .site-nav-link{display:flex;align-items:center;gap:9px;min-height:56px;padding:9px 12px;border:1px solid transparent;border-radius:14px;font-size:14px;line-height:1.3;font-weight:800;color:var(--ink);white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.site-nav-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--nav-wash);color:var(--nav-accent);transition:transform .25s ease}.site-nav-icon svg{display:block}
.navigation .desktop-navigation .site-nav-link.active,.mobile-menu .site-nav-link.active{background:linear-gradient(120deg,#16663f,#117267);border-color:#2a8967;color:#fff8e7;box-shadow:0 4px 10px #146b451a}
.site-nav-link.active .site-nav-icon{background:#ffffff26;color:#ffe09b}
.navigation form{border:1px solid var(--line);border-radius:14px;background:var(--paper);min-height:50px;max-width:280px;flex:1;overflow:hidden}.navigation input{width:100%;flex:1;padding:12px;font-size:12px}.navigation button{color:var(--green);flex:none}
@media(hover:hover){.navigation .desktop-navigation .site-nav-link:hover,.mobile-menu .site-nav-link:hover{border-color:var(--nav-accent);background:var(--nav-wash);color:#233a2e}.site-nav-link:hover .site-nav-icon{transform:rotate(-8deg) scale(1.06)}.navigation .desktop-navigation .site-nav-link.active:hover,.mobile-menu .site-nav-link.active:hover{background:#145d42;color:#fff8e7}}
html[data-theme=dark] .navline{background:linear-gradient(100deg,#24372a,#263435)}
@media(prefers-color-scheme:dark){html:not([data-theme]) .navline{background:linear-gradient(100deg,#24372a,#263435)}}
@media(min-width:761px) and (max-width:1100px){.navigation{flex-wrap:wrap;gap:10px}.navigation .desktop-navigation{width:100%;justify-content:space-between}.navigation form{width:100%;max-width:none;flex-basis:100%}.navigation input{width:100%}}
@media(max-width:760px){.navigation{padding-top:12px;padding-bottom:12px}.navigation form{max-width:none;min-height:48px}.navigation input{font-size:16px}.mobile-menu summary{border-radius:14px;background:linear-gradient(135deg,#176a44,#137d77);border-color:#25865f;color:#fff8df;box-shadow:0 4px 10px #146b451a}.mobile-menu nav{padding:10px;gap:5px;border-radius:18px;max-height:70vh;overflow-y:auto;box-shadow:0 18px 35px #10291e26}.mobile-menu .site-nav-link{min-height:58px;padding:10px 12px;font-size:16px}.mobile-menu .site-nav-icon{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.site-nav-icon,.navigation .desktop-navigation .site-nav-link,.mobile-menu .site-nav-link{transition:none}.site-nav-link:hover .site-nav-icon{transform:none}}