:root{color-scheme:dark;--bg:#151210;--bg-soft:#201b17;--surface:#201b17d1;--surface-strong:#29231f;--text:#f5eee6;--muted:#b8aaa0;--line:#f5eee621;--accent:#e8c27f;--accent-strong:#f3d9a4;--shadow:0 16px 48px #0000004d;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg:#eee3d3;--bg-soft:#f7eddf;--surface:#fff8eedb;--surface-strong:#fff8ee;--text:#211c18;--muted:#6f5e51;--line:#392d2529;--accent:#8f5d24;--accent-strong:#5e3819;--shadow:0 16px 42px #452f1c26}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;color:var(--text)}body{background:radial-gradient(circle at 20% 0%, #e8c27f29, transparent 28rem), linear-gradient(135deg, var(--bg), var(--bg-soft));min-height:100vh;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";opacity:.28;mix-blend-mode:overlay;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:5px 7px;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.site-header{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);width:min(1120px,100% - 2rem);min-height:68px;box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin:1rem auto 0;padding:.65rem;display:grid;position:sticky;top:0}.header-mark{border:1px solid var(--line);background:var(--surface-strong);width:46px;height:46px;color:var(--accent-strong);letter-spacing:0;border-radius:6px;place-items:center;font-size:.86rem;font-weight:800;display:grid}.main-nav{justify-content:center;gap:.35rem;min-width:0;display:flex}.main-nav a{min-height:42px;color:var(--muted);border-radius:6px;gap:.1rem;padding:.5rem .7rem;line-height:1.1;display:grid}.main-nav a:hover,.main-nav a:focus-visible{background:var(--surface-strong);color:var(--text)}.main-nav small{font-size:.68rem}.theme-toggle{border:1px solid var(--line);background:var(--surface-strong);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:6px;place-items:center;display:grid}.theme-toggle__icon{width:18px;height:18px;box-shadow:inset -6px -4px 0 var(--accent);border:2px solid;border-radius:50%}.site-main{width:min(1120px,100% - 2rem);margin:0 auto;padding:4rem 0 2.5rem}.logo-hero{text-align:center;justify-items:center;gap:1rem;padding:3rem 0 4rem;display:grid}.logo-hero--home{align-content:center;min-height:46vh}.logo-hero__mark{width:min(740px,100%)}.logo-hero--page .logo-hero__mark{width:min(430px,100%)}.logo-hero--powerpuffpeons .logo-hero__mark{width:min(560px,100%)}.logo-hero p{max-width:42rem;color:var(--muted);margin:0;font-size:1.08rem}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:800}.section,.post-shell,.legal-page{margin:0 auto}.section__header{max-width:46rem;margin-bottom:1.25rem}.section__header h1,.hub-card h1,.post-header h1,.legal-page h1{margin:0;font-size:clamp(1.6rem,3vw,3rem);line-height:1}.section__header p:not(.eyebrow){color:var(--muted)}.section--narrow,.legal-page,.post-shell{max-width:820px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1rem;display:grid}.music-card{border:1px solid var(--line);background:var(--surface);min-height:178px;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:132px minmax(0,1fr);display:grid;overflow:hidden}.music-card__cover{background:var(--surface-strong);min-height:100%;color:var(--accent);text-align:center;place-items:center;font-weight:800;display:grid}.music-card__cover img{object-fit:cover;width:100%;height:100%}.music-card__body{gap:.75rem;padding:1rem;display:grid}.music-card time,.post-header time{color:var(--muted);font-size:.8rem}.music-card h2{margin:.15rem 0 .35rem;font-size:1.08rem;line-height:1.18}.music-card p{color:var(--muted);margin:0;font-size:.94rem}.tag-list{flex-wrap:wrap;gap:.35rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.28rem .5rem;font-size:.76rem}.tag-list--compact{margin:0}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.button,.media-consent button{border:1px solid var(--line);background:var(--surface-strong);min-height:36px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;padding:.45rem .7rem;font-weight:700;display:inline-flex}.button--ghost{color:var(--accent-strong)}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;display:grid}.hub-card,.empty-state,.link-list a,.media-consent{border:1px solid var(--line);background:var(--surface);border-radius:8px}.hub-card{min-height:150px;padding:1rem}.hub-card h1{font-size:1.1rem}.hub-card p,.legal-page p,.prose,.empty-state{color:var(--muted)}.link-list{gap:.75rem;display:grid}.link-list a{justify-content:space-between;gap:1rem;padding:1rem;display:flex}.link-list small{color:var(--muted)}.empty-state{padding:1rem}.post-header{margin-bottom:1.5rem}.post-header h1{margin-bottom:.7rem}.prose{font-size:1.05rem;line-height:1.75}.prose p{margin:0 0 1.15rem}.embed-stack{gap:1rem;margin-top:2rem;display:grid}.media-consent{min-height:164px;overflow:hidden}.media-consent iframe{border:0;width:100%;height:352px;display:block}.media-consent__placeholder{text-align:center;align-content:center;place-items:center;gap:.6rem;min-height:164px;padding:1rem;display:grid}.media-consent__placeholder p,.media-consent__placeholder span{margin:0}.media-consent__placeholder span{color:var(--muted)}.site-footer{border-top:1px solid var(--line);width:min(1120px,100% - 2rem);color:var(--muted);justify-content:space-between;gap:1rem;margin:0 auto;padding:2rem 0 3rem;font-size:.92rem;display:flex}.site-footer p{margin:0}.site-footer nav{gap:1rem;display:flex}@media (width<=760px){.site-header{grid-template-columns:auto auto}.main-nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:.1rem;overflow-x:auto}.site-main{padding-top:2.5rem}.music-card{grid-template-columns:104px minmax(0,1fr)}.music-card__body{padding:.85rem}}@media (width<=520px){.site-header,.site-main,.site-footer{width:min(100% - 1rem,1120px)}.music-card{grid-template-columns:1fr}.music-card__cover{aspect-ratio:16/9}.site-footer{display:grid}}
