:root {
  --void:#0a0a0f; --panel:#101015; --surface:#1a1a22; --line:rgba(255,255,255,.17);
  --soft-line:rgba(255,255,255,.08); --white:#fff; --muted:#a6a3ad; --blue:#2d7bff;
  --purple:#a855ff; --violet:#d26cff; --hot:#d26cff;
  --gradient:linear-gradient(100deg,var(--blue),var(--purple) 48%,var(--violet));
  --display:"Bahnschrift","Arial Narrow","Segoe UI",Arial,sans-serif;
  --body:"Sora","Segoe UI",Arial,sans-serif; --section-pad:clamp(2.25rem,3.6vw,4.6rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
body{min-width:320px;margin:0;color:var(--white);background:var(--void);font-family:var(--body);overflow-x:hidden}
button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit}img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.7rem 1rem;transform:translateY(-180%);color:var(--void);background:#fff;text-decoration:none}.skip-link:focus{transform:none}
.section-shell{width:min(100%,1600px);padding-right:var(--section-pad);padding-left:var(--section-pad);margin-inline:auto}
.main-nav .menu,.main-nav li{display:contents;list-style:none;margin:0;padding:0}
.notice-message{padding:.85rem 1rem;margin:0 0 1.25rem;border:1px solid rgba(168,85,255,.55);background:rgba(168,85,255,.08);font-size:.82rem;line-height:1.5}
.notice-message.is-success{border-color:rgba(45,123,255,.75)}
.pagination{display:flex;justify-content:center;gap:.5rem;padding:2.5rem 0}.pagination .page-numbers{padding:.65rem .85rem;border:1px solid var(--line);text-decoration:none}.pagination .current{border-color:var(--violet);color:var(--violet)}
.empty-state{padding:2rem 0;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.playlist__item{text-decoration:none}.entry-content{color:var(--muted);line-height:1.8}.entry-content>*:first-child{margin-top:0}.entry-content a{color:var(--violet)}
@media(max-width:760px){:root{--section-pad:1.25rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}