:root{--bg:#f1efe8;--bg-soft:#fffdfa;--ink:#101010;--muted:#57534e;--line:#d6d3cc;--brand:#d95d39;--brand-ink:#fff8f0;--ok:#0c8a43}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:Source Sans\ 3,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 5%,#f9d9a8 0,rgba(249,217,168,0) 36%),radial-gradient(circle at 85% 0,#9dcfcd 0,rgba(157,207,205,0) 32%),var(--bg)}a{color:inherit;text-decoration:none}.bg-aura{position:fixed;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.25) 2px,rgba(255,255,255,0) 0,rgba(255,255,255,0) 8px);pointer-events:none;opacity:.15}.container{max-width:1080px;margin:0 auto;padding:1rem;position:relative;z-index:1}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--line);background:rgba(241,239,232,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{font-size:1.1rem;font-weight:800;letter-spacing:.04em;display:inline-flex;gap:.55rem;align-items:baseline}.brand span{font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase}.navlinks{display:flex;gap:1rem;font-weight:700;font-size:.95rem}.navlinks a{opacity:.85}.navlinks a:hover{opacity:1}.panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 25px rgba(12,8,2,.08)}.page-title{margin:0 0 .4rem;font-size:clamp(1.6rem,3.2vw,2.2rem)}.page-subtitle{margin:0;color:var(--muted)}.station-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.station-card{padding:.8rem;display:grid;grid-gap:.65rem;gap:.65rem}.station-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.station-name{margin:0;font-size:1.05rem}.badge{padding:.22rem .5rem;border-radius:999px;border:1px solid transparent;font-size:.72rem;text-transform:uppercase;font-weight:800}.badge.online{background:#e3f7eb;border-color:#9fd7b7;color:var(--ok)}.badge.offline{background:#f8f4ef;border-color:#ddd6ce;color:#82796d}.station-art{width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.station-meta{display:grid;grid-gap:.38rem;gap:.38rem;color:var(--muted);font-size:.92rem}.row{display:flex;gap:.65rem;align-items:center}.station-actions{display:flex;flex-wrap:wrap;gap:.45rem}.btn{border:1px solid var(--line);background:#f6f3ee;border-radius:9px;padding:.46rem .68rem;font-weight:700;font-size:.84rem;cursor:pointer}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:#b14f33}.btn:hover{filter:brightness(.97)}.toolbar{display:grid;grid-gap:.65rem;gap:.65rem;margin-bottom:.95rem}.search{width:100%;font-size:.95rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:#fffdfa}.section-title{margin:.4rem 0 .65rem;font-size:1.1rem}.kv{display:grid;grid-gap:.4rem;gap:.4rem}@media (max-width:720px){.topbar{flex-direction:column;align-items:flex-start;gap:.45rem}.navlinks{flex-wrap:wrap}}