:root{--bg:#191919;--bg-elevated:#202020;--text:#f0efed;--text-muted:#f0efeda6;--border:#ffffff1a;--brown:#45362d;--pink:#4e2b3c;--purple:#3c2d47;--gray-callout:transparent;--max:900px;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}button,.btn{font:inherit}#root{min-height:100vh}.skip-link{background:var(--brown);color:var(--text);z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:.5rem;left:.5rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#191919eb;align-items:center;gap:.65rem;padding:.55rem 1rem;display:flex;position:sticky;top:0}.topbar a{color:var(--text);align-items:center;gap:.55rem;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.topbar img{object-fit:cover;border-radius:50%;width:22px;height:22px}.topbar-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page{width:min(100%, var(--max));flex:1;margin:0 auto;padding:0 1.25rem 4rem}.cover-wrap{margin:0 -1.25rem;position:relative}.cover-wrap img.cover{object-fit:cover;object-position:center 40%;width:100%;height:clamp(160px,28vw,280px)}.page-icon{object-fit:cover;z-index:2;border-radius:50%;width:110px;height:110px;margin:-55px 0 .35rem;position:relative}@media (width<=640px){.page-icon{width:78px;height:78px;margin-top:-39px}}.page-title{letter-spacing:-.02em;margin:.35rem 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin:1rem 0 .5rem;font-size:.85rem;display:flex}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text);text-decoration:underline}.callout{background:var(--brown);border-radius:10px;align-items:flex-start;gap:.75rem;margin:.65rem 0;padding:.85rem .9rem;display:flex}.callout.pink{background:var(--pink)}.callout.purple{background:var(--purple)}.callout.outline{border:1px solid var(--border);background:0 0}.callout .icon{flex-shrink:0;font-size:1.25rem;line-height:1.2}.callout .body{flex:1;min-width:0}.callout .body p{margin:0}.callout.italic .body,.callout .italic{font-style:italic}.divider{border:0;border-top:1px solid var(--border);margin:1.35rem 0}h2.section-title{margin:1.5rem 0 .75rem;font-size:1.5rem;font-weight:600}h3.section-title{margin:1.25rem 0 .65rem;font-size:1.25rem;font-weight:600}h4.section-title{margin:1.1rem 0 .5rem;font-size:1.05rem;font-weight:600}.prose p{margin:.55rem 0}.prose ul,.prose ol{margin:.4rem 0 .7rem;padding-left:1.4rem}.prose li{margin:.25rem 0}.prose blockquote{color:var(--text-muted);border-left:3px solid #ffffff40;margin:.9rem 0;padding-left:.9rem;font-style:italic}.two-col{grid-template-columns:1.2fr .8fr;align-items:start;gap:1.25rem;margin:.75rem 0 1rem;display:grid}@media (width<=720px){.two-col{grid-template-columns:1fr}.two-col .portrait{order:-1;max-width:220px;margin:0 auto}}.portrait{aspect-ratio:1;object-fit:cover;border-radius:999px;width:100%}.muted{color:var(--text-muted)}.role{color:var(--text-muted);margin:.15rem 0 .75rem;font-style:italic}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1rem 0 1.5rem;display:grid}.card{color:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.card:hover{border-color:#ffffff38;transform:translateY(-2px)}.card-media{aspect-ratio:4/3;background:#111;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%}.card-media .placeholder{background:linear-gradient(145deg, var(--brown), var(--purple));place-items:center;width:100%;height:100%;font-size:2.5rem;display:grid}.card-body{flex-direction:column;flex:1;gap:.35rem;padding:.85rem .9rem 1rem;display:flex}.card-title{margin:0;font-size:.98rem;font-weight:600;line-height:1.35}.card-summary{color:var(--text-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.88rem;display:-webkit-box;overflow:hidden}.card-meta{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.55rem;font-size:.88rem;display:flex}.price{font-weight:600}.more{color:var(--text-muted);text-underline-offset:2px;text-decoration:underline}.station-pill{border:1px solid var(--border);background:#2c2c2bf2;border-radius:999px;align-items:center;gap:.4rem;margin:.5rem 0 .75rem;padding:.35rem .75rem;font-size:.85rem;display:inline-flex}.cta-btn,.btn-cta{background:var(--brown);border:1px solid var(--border);color:var(--text);border-radius:6px;justify-content:center;align-items:center;gap:.45rem;max-width:100%;margin:.75rem 0;padding:.55rem .95rem;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.cta-btn:hover,.btn-cta:hover{filter:brightness(1.08)}.embed-wrap{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;margin:.75rem 0;position:relative;overflow:hidden}.embed-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.spotify-card{background:var(--bg-elevated);border:1px solid var(--border);color:inherit;border-radius:10px;align-items:center;gap:.85rem;margin:.5rem 0 .85rem;padding:.75rem;text-decoration:none;display:flex}.spotify-card img{object-fit:cover;border-radius:6px;width:72px;height:72px}.spotify-card strong{display:block}.footer{border-top:1px solid var(--border);text-align:center;margin-top:auto;padding:2rem 1.25rem 2.5rem}.footer-quote{max-width:42rem;margin:0 auto 1.25rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin:1rem 0 .5rem;display:flex}.footer-links a{color:var(--text-muted);text-underline-offset:3px;opacity:.85;text-decoration:underline;text-decoration-thickness:.05em}.footer-links a:hover{color:var(--text);opacity:1}.footer-copy{color:var(--text-muted);margin-top:.75rem;font-size:.9rem}.content-img{border-radius:8px;max-width:100%;margin:.75rem 0}.toggle{border:1px solid var(--border);border-radius:8px;margin:.55rem 0;padding:.65rem .8rem}.toggle summary{cursor:pointer;font-weight:500}.price-badge{color:var(--text-muted);margin:.35rem 0 .75rem;font-size:.95rem;display:inline-block}
