:root{color-scheme:dark;--bg: #060f1a;--surface: #0c1b2b;--raised: #112940;--line: #8bc7ff26;--text: #f6f9ff;--muted: #adc0d4;--accent: #35d9f5;--accent-strong: #0076d1;--danger: #ff6978;--success: #31d7a4;--radius: 20px;--sidebar-width: 232px;--player-height: 116px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% -15%,#087acd30,transparent 42%),var(--bg)}body:before{content:"";position:fixed;z-index:-1;pointer-events:none;width:80vw;height:320px;right:-18vw;top:-210px;border-radius:50%;border-bottom:3px solid #1ebeff;transform:rotate(-12deg);box-shadow:0 8px 24px #009dff80,0 32px 95px #0084ff35}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:var(--raised);color:var(--text);padding:.75rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .18s,border-color .18s,box-shadow .18s}button:hover,.button:hover{background:#193b58;border-color:#65dfff65}button.primary,.button.primary{background:var(--accent);color:#031725;border-color:var(--accent);font-weight:750;box-shadow:0 4px 22px #05c9fb1f}button.primary:hover,.button.primary:hover{background:#79e9ff}button:disabled{opacity:.4;cursor:not-allowed}button.danger{color:var(--danger)}button.icon{padding:.65rem;border-radius:50%}:focus-visible{outline:2px solid #7ae7ff;outline-offset:4px}h1,h2,h3{letter-spacing:-.04em;line-height:1.14}h1{font-size:clamp(2rem,3.6vw,3.5rem);margin:.5rem 0 .65rem}h2{font-size:1.65rem}p{line-height:1.6}.muted,.eyebrow{color:var(--muted)}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.19em;font-weight:650}.shell{margin:auto;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{padding:2.4rem 1.5rem;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;background:linear-gradient(170deg,#0a192460,#02132420);display:flex;flex-direction:column}.brand{font-size:1.8rem;font-weight:850;letter-spacing:-.06em;display:flex;align-items:center;gap:.65rem;margin-bottom:2.8rem}.brand span{color:var(--accent)}nav{display:flex;flex-direction:column;gap:.65rem}nav a{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:12px;color:var(--muted);border:1px solid transparent;font-size:.9rem}nav a:hover,nav a.active{background:linear-gradient(110deg,#153d51,#0e3959);border-color:#25c7f65c;color:#79eaff;box-shadow:inset 0 0 20px #06b9fd12}main{padding:2.2rem clamp(1.25rem,3vw,3.5rem) calc(var(--player-height) + 48px);min-width:0}.topline{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2.6rem}.pill,.badge{border:1px solid var(--line);border-radius:30px;padding:.4rem .8rem;font-size:.76rem;color:var(--muted);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.badge.published{color:var(--success);background:#0b4c362e;border-color:#27d49655}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.8rem 0 1.1rem}.section-heading h2{margin:0}.notice{padding:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}.notice.error{color:var(--danger)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.25rem}.panel{background:linear-gradient(135deg,#102739a8,#071625b0);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;margin:1.4rem 0}.actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}label{display:grid;gap:.5rem;color:var(--muted);margin:1rem 0;font-size:.9rem}input:not([type=range]),select,textarea{width:100%;background:#07121fcc;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.8rem}input[type=range]{accent-color:var(--accent);min-width:0}textarea{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem}.album-hero{display:flex;align-items:center;gap:1.5rem;margin:0}.hero-cover{width:clamp(150px,20vw,280px);aspect-ratio:1;object-fit:cover;border-radius:16px;background:var(--raised);box-shadow:0 18px 55px #0006}.track-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.55rem .65rem;border-bottom:1px solid #8bc7ff12;border-radius:8px;font-size:.88rem}.track-row:hover,.track-row.playing{background:#0a739538}.track-row.playing{color:var(--accent)}.track-row button{padding:.35rem;border:0;background:transparent}.track-title{display:block}.pagination{display:flex;gap:1rem;align-items:center;margin:2rem 0}.empty{padding:3rem 1rem;text-align:center}.footer-note{color:var(--muted);font-size:.8rem;margin-top:3rem}.sidebar .footer-note{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2.5rem}.admin-list{display:grid;gap:1rem}.admin-album{display:flex;gap:1rem;align-items:center}.admin-album img{width:70px;height:70px;object-fit:cover;border-radius:8px}.admin-album .description{flex:1}.login{max-width:480px;margin:10vh auto}.skip-link{position:fixed;top:-100px;left:1rem;z-index:30;background:var(--accent);color:var(--bg);padding:1rem;border-radius:8px}.skip-link:focus{top:1rem}.skeleton{border-radius:12px;background:linear-gradient(100deg,var(--surface) 30%,var(--raised) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.7s infinite;min-height:1.2rem}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:1800px){main{max-width:1700px;width:100%;margin:0 auto}}@media(max-width:1100px){:root{--sidebar-width: 200px}.sidebar{padding-inline:1rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){:root{--player-height: 180px}.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:1rem;gap:1rem}.brand{margin:0;font-size:1.5rem}nav{flex-direction:row;gap:.2rem;flex-wrap:wrap}nav a{padding:.65rem .6rem;gap:.35rem;font-size:.8rem}.sidebar .footer-note{display:none}main{padding:1.5rem 1rem calc(var(--player-height) + 32px)}.topline{margin-bottom:1.5rem;flex-wrap:wrap}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.album-hero{flex-direction:column;align-items:start;gap:1.5rem}.hero-cover{width:min(75vw,320px)}.form-grid{grid-template-columns:1fr}.admin-album{flex-wrap:wrap}.pill{display:none}.panel{padding:1.1rem}}@media(max-width:350px){.grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.highlight{color:var(--accent)}body:before{z-index:0}.shell{position:relative;z-index:1}