:root{
  --bg:#0b0e14;--bg2:#101522;--panel:#151b28;--panel2:#1b2232;--line:rgba(255,255,255,.10);
  --text:#f6f4ef;--muted:#b5bac6;--gold:#d7aa69;--blue:#91a8df;--rose:#c97798;
  --max:1260px;--radius:22px;--shadow:0 18px 60px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#090c12,#101521 70%,#0c1017);color:var(--text);font:16px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 34px));margin:auto}.page{min-height:calc(100vh - 160px);padding-bottom:90px}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(8,11,17,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 0}.brand{font-family:Georgia,serif;letter-spacing:.14em;font-weight:800;font-size:1.45rem}.nav{display:flex;flex-wrap:wrap;gap:7px}.nav a{padding:9px 13px;border-radius:999px;color:var(--muted);font-size:.93rem}.nav a:hover,.nav a.active{background:rgba(255,255,255,.08);color:#fff}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:12px;padding:9px 12px}
.hero{position:relative;min-height:68vh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,12,.15),rgba(8,10,16,.42) 48%,rgba(8,10,16,.95))}.hero-content{position:relative;z-index:1;padding:100px 0 82px}.eyebrow{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.07);color:#d9dde7;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.hero h1,.page-hero h1{font-family:Georgia,serif;line-height:1.04;margin:14px 0 8px}.hero h1{font-size:clamp(3.2rem,8vw,6.5rem)}.hero-sub{font-size:clamp(1.3rem,3vw,2.1rem);color:#efe4d0}.lede{font-size:1.08rem;max-width:74ch;color:#d9dce4}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;font-weight:700;cursor:pointer}.button:hover{background:rgba(255,255,255,.09)}.button.primary{background:#f5f1e9;color:#10141c;border-color:transparent}.button.small{padding:8px 13px;font-size:.9rem}
.page-hero{padding:68px 0 30px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 0,rgba(145,168,223,.13),transparent 28%),radial-gradient(circle at 10% 0,rgba(215,170,105,.11),transparent 28%)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.4rem)}
.section{padding:54px 0}.section-tight{padding:30px 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-header h2{margin:10px 0 0;font-size:clamp(1.8rem,3vw,2.8rem)}
.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.stat-card,.panel,.list-card,.detail-card{background:linear-gradient(180deg,rgba(25,31,45,.98),rgba(16,21,31,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:20px}.stat-card .value{font-size:1.7rem;font-weight:850;line-height:1.05}.stat-card .label{font-size:.88rem;color:var(--muted);margin-top:8px}.panel,.list-card,.detail-card{padding:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.album-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#161c29,#10151f);box-shadow:var(--shadow);display:flex;flex-direction:column}.album-card img{aspect-ratio:1/1;object-fit:cover}.album-card-body{padding:17px 17px 19px;display:flex;flex-direction:column;gap:8px;flex:1}.album-card .album-meta{color:var(--muted);font-size:.9rem}.album-card h3{font-size:1.18rem;margin:0}.album-card .button{margin-top:auto;width:100%}
.filter-row,.tab-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.filter-btn,.tab-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#dde1ea;border-radius:999px;padding:10px 15px;cursor:pointer}.filter-btn.active,.tab-btn.active{background:#f5f1e9;color:#11151d;border-color:transparent}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:15px;padding:11px 13px;width:min(380px,100%)}.search-box input{all:unset;flex:1;color:#fff}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#141a26,#0e131d);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:950px}th,td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}th{background:rgba(255,255,255,.035);font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:#bec4d0;position:sticky;top:0}td{color:#eef0f5}.click-row{cursor:pointer}.click-row:hover td{background:rgba(255,255,255,.035)}.empty{color:#747b88}.row-title{font-weight:750}.arrow{color:var(--gold);font-weight:800}
.album-detail-hero{padding:58px 0 34px}.album-detail-grid{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:38px;align-items:start}.cover-frame{overflow:hidden;border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow)}.album-detail h1,.song-detail h1,.film-detail h1{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;margin:10px 0 18px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.meta-card{padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.meta-card .label{font-size:.82rem;color:var(--muted);margin-bottom:7px}.meta-card .value{font-size:1.12rem;font-weight:800}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{padding:20px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#1a2130,#111722)}.review-card .score{font-size:2rem;font-weight:850}.review-card .source{color:var(--muted)}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.track-list{list-style:none;margin:0;padding:0;columns:2;column-gap:30px}.track-list li{break-inside:avoid;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.single-links{display:grid;gap:10px}.single-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.single-link:hover{background:rgba(255,255,255,.07)}
.chart-tabs{display:none}.chart-tabs.active{display:block}.chart-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chart-panel{padding:24px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#171e2c,#111722)}.chart-panel .value{font-size:1.9rem;font-weight:850}.trajectory-wrap{padding:22px;border-radius:22px;border:1px solid var(--line);background:#0f141e;overflow:auto}.trajectory-svg{width:100%;min-width:760px;height:380px}.week-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-top:18px}.week-chip{padding:8px 6px;text-align:center;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:.83rem}.week-chip strong{display:block;color:#fff}.week-chip span{color:var(--muted);font-size:.72rem}
.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.film-card{padding:24px;border-radius:22px;background:linear-gradient(180deg,#181f2c,#111722);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.film-card h3{margin:4px 0;font-size:1.3rem}.film-card .tagline{font-family:Georgia,serif;color:#efe1c9;font-size:1.05rem}.film-card .button{margin-top:auto}.film-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.theme-row{display:flex;flex-wrap:wrap;gap:9px}.pill{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:#dce0e8;font-size:.82rem}.related-covers{display:flex;gap:14px;flex-wrap:wrap}.related-covers img{width:150px;border-radius:16px;border:1px solid var(--line)}
.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:20px;border-radius:18px;background:linear-gradient(180deg,#161d29,#10151f);border:1px solid var(--line)}.timeline-year{font-family:Georgia,serif;color:#ead7b8;font-size:1.25rem}.footer{border-top:1px solid var(--line);padding:22px 0 40px;color:var(--muted)}.footer .inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1100px){.album-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.film-grid{grid-template-columns:repeat(2,1fr)}.album-detail-grid,.film-detail-grid,.content-grid{grid-template-columns:1fr}.meta-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav{display:none;position:absolute;top:70px;left:16px;right:16px;flex-direction:column;padding:12px;background:#111722;border:1px solid var(--line);border-radius:18px}.nav.open{display:flex}.menu-toggle{display:block}.album-grid,.grid-2,.grid-3,.film-grid,.stats-grid,.review-grid,.chart-summary{grid-template-columns:1fr}.album-detail-grid{gap:22px}.meta-grid{grid-template-columns:1fr}.track-list{columns:1}.week-grid{grid-template-columns:repeat(5,1fr)}.section-header{align-items:start;flex-direction:column}.hero{min-height:58vh}.page-hero{padding-top:52px}}