/* Istante 3.4.0: selected hearts, compact filters and private sharing. */
.material-heart .heart-outline,.material-heart .heart-filled{fill:currentColor;stroke:none;transition:opacity .2s ease,transform .2s ease;transform-origin:center}
.material-heart .heart-filled{opacity:0;transform:scale(.8)}
[aria-pressed=true] .material-heart .heart-filled,.option-favorite .material-heart .heart-filled{opacity:1;transform:scale(1)}
[aria-pressed=true] .material-heart .heart-outline,.option-favorite .material-heart .heart-outline{opacity:0}
.station-filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:13px;white-space:nowrap;flex:0 0 auto;transition:color .2s,background .2s,border-color .2s}
.station-filter-chip[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
.station-filter-chip:hover{color:var(--ink)}
.about-links .social-icon-link{width:46px;height:46px;min-width:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;text-decoration:none;color:var(--muted);background:transparent;transition:transform .2s,color .2s,background .2s}
.about-links .social-icon-link:hover{color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}
.brand-icon{width:21px;height:21px;fill:currentColor}
.about-docs a{display:inline-flex;align-items:center;gap:7px;min-height:40px;text-decoration:none!important}
.about-docs a:hover{color:var(--accent)}
.share-panel{width:min(680px,calc(100vw - 32px));max-width:100%;max-height:calc(100dvh - 32px)}
.share-content{display:grid;gap:18px;padding-block:16px 26px;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain}
.share-formats{display:flex;justify-content:center;gap:8px;padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.share-formats button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-width:0;border:1px solid transparent;border-radius:999px;padding:10px 12px;min-height:42px;font:inherit;font-size:14px;background:transparent;color:var(--muted)}
.share-formats button small{font-size:11px;opacity:.65}
.share-formats button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.share-clock-toggle{padding-block:0!important;margin:0!important;border:0!important}
.share-preview-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:16px;overflow:hidden}
#share-preview{display:block;max-height:38dvh;max-width:100%;height:auto;width:auto;border-radius:10px;box-shadow:0 12px 36px #0002;object-fit:contain}
#share-preview[hidden]{display:none}
#share-status{margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}
.share-secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
.share-secondary button{display:flex;align-items:center;gap:8px;min-height:40px}
.share-footer{flex-wrap:wrap!important;gap:12px!important}
.share-footer button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;white-space:normal}
@media(max-width:650px){.toolbar{gap:3px}.toolbar .icon-button{width:39px;height:42px;min-width:39px}.toolbar-separator{margin-inline:3px}.share-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.share-content{padding-inline:18px}.station-list-tools{flex-wrap:wrap}.station-list-tools .select-search-bar{flex:1 1 180px}.station-filter-chip{font-size:12px;padding-inline:12px}.share-panel .panel-head{padding-inline:20px}.share-panel .panel-head h2{font-size:28px}}
@media(max-width:360px){.toolbar .icon-button{width:36px;min-width:36px}.toolbar{gap:0}.share-formats button{font-size:13px;padding-inline:8px}.share-footer{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.material-heart path,.social-icon-link{transition:none!important}}
.share-content{display:flex;flex-direction:column}.share-content>*{flex-shrink:0}.share-preview-wrap img{flex-shrink:0}.share-preview-wrap #share-status{display:block;flex-shrink:0}
/* Seven commands must stay on-screen on phones, also without coarse-pointer detection. */
@media(max-width:740px){
 .bottom-bar{grid-template-columns:minmax(0,1fr);gap:5px;justify-items:center}
 .bottom-bar .collection-link{grid-column:1;grid-row:1;justify-self:center;min-height:30px;font-size:11px}
 .bottom-bar .toolbar{grid-column:1;grid-row:2;justify-self:center;justify-content:center;gap:2px;min-width:0}
 .bottom-bar .toolbar .icon-button{width:40px;min-width:40px;height:42px}
 .bottom-bar .mode-link{display:none}
}
@media(max-width:360px){.bottom-bar .toolbar{gap:1px}.bottom-bar .toolbar .icon-button{width:36px;min-width:36px}.bottom-bar .toolbar-separator{margin:0 2px}}