:root{--bg:#0f1113;--panel:#181b1f;--ink:#ece7df;--mut:#9a958d;--acc:#e8692c}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--acc)}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.2}
.nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background:#0f1113e6;backdrop-filter:blur(6px);border-bottom:1px solid #222}
.brand{font-weight:800;letter-spacing:.2em;color:var(--ink);text-decoration:none}.nav nav a{margin-left:1.2rem;color:var(--mut);text-decoration:none}.nav nav a:hover{color:var(--ink)}
.hero{text-align:center;padding:5rem 1.5rem 4rem;background:radial-gradient(ellipse at top,#2a2117 0%,var(--bg) 70%)}
.logo-wrap{width:min(520px,90vw);aspect-ratio:3/2;margin:0 auto 1.5rem;position:relative}.logo-wrap img{width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.5);position:relative;z-index:1}
.logo-ph{position:absolute;inset:0;border:3px solid var(--acc);border-radius:50%;display:flex;flex-direction:column;justify-content:center;font-family:Georgia,serif;font-weight:700;letter-spacing:.15em;color:var(--acc)}
.logo-wrap img+.logo-ph{display:none}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:.2em 0}.tag{color:var(--mut);max-width:40rem;margin:0 auto}
.badge{display:inline-block;margin:1.5rem 0;padding:.4rem 1rem;border:1px solid var(--acc);border-radius:99px;color:var(--acc);font-weight:600}
.btns{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:1rem 0}
.btn{padding:.7rem 1.3rem;border-radius:8px;color:#fff;text-decoration:none;font-weight:600}.sp{background:#1db954}.ap{background:#9933cc}.yt{background:#e62117}.ghost{border:1px solid #444;color:var(--ink)}
.wrap{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.wrap>h2{border-left:4px solid var(--acc);padding-left:.7rem}
.latest{display:grid;grid-template-columns:1fr 1.4fr;gap:1.5rem;align-items:center;background:var(--panel);padding:1.5rem;border-radius:12px}
iframe{border:0;width:100%;border-radius:12px}
.hosts{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.host{background:var(--panel);padding:1.2rem .6rem;border-radius:12px;text-align:center;overflow-wrap:anywhere;font-size:.92rem}@media(max-width:900px){.hosts{grid-template-columns:repeat(2,1fr)}}.center{text-align:center}
.av{width:72px;height:72px;margin:auto;border-radius:50%;background:#2a2117;color:var(--acc);display:grid;place-items:center;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.card{display:block;background:var(--panel);border-radius:12px;overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .15s}.card:hover{transform:translateY(-3px)}
.card img{width:100%;aspect-ratio:1;object-fit:cover}.card div{padding:1rem}.card h3{font-size:1.05rem;margin:.3rem 0 0}small,.muted{color:var(--mut)}
.more{text-align:center}footer{text-align:center;color:var(--mut);padding:2rem;border-top:1px solid #222}
audio{width:100%;margin:1rem 0}
@media(max-width:700px){.latest{grid-template-columns:1fr}.nav nav a{margin-left:.7rem;font-size:.9rem}}