/* Shared base for albums.html and artists.html */
:root { --bg:#090a0f; --panel:#11131b; --hover:#171a24; --text:#f2f3f7; --muted:#9297a7; --line:#252936; --accent:#a98cff; --accent-2:#6fd6ff; }

* { box-sizing: border-box; }

body { margin:0; min-height:100vh; color:var(--text); line-height:1.5;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
      background: radial-gradient(circle at 15% 0%, rgba(169,140,255,.13), transparent 32rem), radial-gradient(circle at 90% 15%, rgba(111,214,255,.08), transparent 28rem), var(--bg); }

a { color: inherit; text-decoration: none; }

.wrap { width: min(calc(100% - 32px), 1180px); margin: auto; }

.top { padding: 22px 0 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }

.back { color:var(--muted); font-size:.9rem; }

.back:hover { color:var(--text); }

h1 { margin:0; font-size:clamp(1.8rem,5vw,2.6rem); letter-spacing:-.04em;
      background:linear-gradient(120deg,var(--text) 30%,var(--accent) 70%,var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent; }

input[type=search] { flex:1 1 240px; min-width:0; padding:11px 16px; border-radius:999px; border:1px solid var(--line); background:rgba(17,19,27,.8); color:var(--text); font:inherit; outline:none; }

input[type=search]:focus { border-color:rgba(169,140,255,.6); }

.count { color:var(--muted); font-size:.85rem; white-space:nowrap; }

.msg { grid-column:1/-1; color:var(--muted); text-align:center; padding:40px 0; }

#sentinel { height:1px; }

dialog::backdrop { background:rgba(0,0,0,.65); }

.dhead h2 { margin:0; font-size:1.1rem; }

.dhead p { margin:2px 0 0; color:var(--muted); font-size:.82rem; }

li { padding:7px 0; border-bottom:1px solid rgba(255,255,255,.05); }

li small { color:var(--muted); margin-left:6px; }

.views { display:flex; gap:4px; padding:3px; border:1px solid var(--line); border-radius:999px; background:rgba(17,19,27,.8); }

.views button { border:0; border-radius:999px; padding:7px 13px; background:none; color:var(--muted); font:inherit; font-size:.8rem; cursor:pointer; }

.views button[aria-pressed="true"] { background:rgba(169,140,255,.2); color:var(--text); }