:root{
  --bg:#0b1020; --bg-soft:#121a31; --panel:rgba(255,255,255,.06); --line:rgba(255,255,255,.12);
  --text:#f4f7ff; --muted:#b7c0d8; --max:1180px; --radius:20px; --shadow:0 16px 50px rgba(0,0,0,.28);
  --accent:#7c9cff; --accent2:#67e8f9;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif;color:var(--text);line-height:1.75;background:radial-gradient(circle at top right, rgba(124,156,255,.14), transparent 28%), radial-gradient(circle at top left, rgba(103,232,249,.08), transparent 32%), var(--bg);} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
body.theme-modern{--accent:#7c9cff;--accent2:#67e8f9}
body.theme-dawn{--accent:#ff9a62;--accent2:#ffd166}
body.theme-gale{--accent:#6ee7b7;--accent2:#60a5fa}
.container{width:min(calc(100% - 32px), var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,16,32,.72);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-header__inner,.site-footer__inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.brand{font-weight:800;letter-spacing:.05em}.nav{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.hero{padding:30px 0 24px}.hero__panel{border:1px solid var(--line);border-radius:28px;padding:34px;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 24%, transparent), color-mix(in srgb, var(--accent2) 12%, transparent));box-shadow:var(--shadow)}
.eyebrow{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent2);margin:0 0 10px}.hero h1{margin:0;font-size:clamp(32px,6vw,56px);line-height:1.05}.hero p{max-width:820px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700;border:1px solid transparent}.btn--primary{background:var(--accent);color:#08101f}.btn--ghost{background:rgba(255,255,255,.06);border-color:var(--line)}
.grid{display:grid;gap:18px}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}
.card__body{padding:22px}.label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.value{font-size:18px;font-weight:800}.section{padding:18px 0}.section h2{margin:0 0 12px;font-size:24px}.muted{color:var(--muted)}
.track-list{display:grid;gap:16px}.track-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.track-card h3{margin:0 0 6px;font-size:22px}.track-card p{margin:0 0 12px;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted)}
.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px}.stack{display:grid;gap:18px}.notice{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.breadcrumbs{padding-top:16px;color:var(--muted);font-size:13px}.breadcrumbs span{opacity:.72}
.related{display:grid;gap:14px}.related a{display:block;padding:16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.table-wrap{overflow:auto}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;font-size:14px;vertical-align:top}.simple-table th{color:var(--muted);font-weight:700}
.site-footer{margin-top:36px;border-top:1px solid var(--line);color:var(--muted)}
@media (max-width:980px){.cards-3,.cards-4,.cards-2,.layout{grid-template-columns:1fr}}
@media (max-width:640px){.hero__panel{padding:24px 20px}.site-header__inner,.site-footer__inner{flex-direction:column;align-items:flex-start}}