/* Shared room navigation and the Audio Landing studio finish. */
:root{--site-bg:#f4f1fa;--site-panel:#fff;--site-ink:#261d3b;--site-muted:#62576f;--site-line:#d8cfe7;--site-accent:#6842af;--site-rail:#ebe5f4;--site-chrome:linear-gradient(115deg,#66718a 0%,#cad1e1 10%,#77839b 14%,#f5f5ff 28%,#57647e 31%,#a2adc4 52%,#303a50 57%,#c8cfdd 78%,#74809b 100%)}
:root[data-theme=dark]{--site-bg:#101116;--site-panel:#1b1b27;--site-ink:#f3effb;--site-muted:#bcb2cc;--site-line:#3d354e;--site-accent:#c8aaff;--site-rail:#101017}
.site-rail,.site-topbar,.room-card{box-sizing:border-box}
.site-rail{position:fixed;inset:0 auto 0 0;width:214px;z-index:30;overflow-y:auto;padding:30px 18px 20px;background:var(--site-rail);border-right:1px solid var(--site-line);font-family:"Segoe UI",Arial,sans-serif;color:var(--site-ink)}
.site-rail .brand{display:flex;gap:10px;align-items:center;margin:0 7px 20px;color:var(--site-ink);font:700 20px/1.08 "Segoe UI",sans-serif;text-decoration:none;letter-spacing:-.5px}
.site-rail .brand-mark{display:flex;flex:none;align-items:center;justify-content:center;gap:3px;width:31px;height:34px;color:var(--site-accent)}
.site-rail .brand-mark i{display:block;width:3px;border-radius:3px;background:currentColor;height:12px}
.site-rail .brand-mark i:nth-child(2),.site-rail .brand-mark i:nth-child(4){height:22px}
.site-rail .brand-mark i:nth-child(3){height:32px}
.site-rail nav{display:block}
.site-nav-group{margin:0 0 12px}
.site-nav-label{display:block;margin:0 12px 6px;color:var(--site-muted);font-size:9px;font-weight:700;letter-spacing:1.8px}
.site-rail .site-nav-link{display:block;margin:2px 0;padding:6px 10px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--site-muted);text-decoration:none;font-size:12px;font-weight:600;line-height:1.25}
.site-rail .site-nav-link:hover{color:var(--site-accent);text-decoration:underline;text-underline-offset:5px}
.site-rail .site-nav-link.is-current,.site-rail .site-nav-link.active{color:var(--site-accent);background:none;box-shadow:none;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.site-rail-note{margin:28px 12px 0;color:var(--site-muted);font-size:10px;line-height:1.8}
.site-public{margin:0;padding-left:214px;background:var(--site-bg);color:var(--site-ink);font-family:"Segoe UI",Arial,sans-serif;--cream:var(--site-bg);--ink:var(--site-ink);--muted:var(--site-muted);--line:var(--site-line);--green:var(--site-accent)}
.site-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:10px 28px;border-bottom:1px solid var(--site-line);font-size:10px;letter-spacing:1px;color:var(--site-muted)}
.site-topbar-divider{padding:0 12px;opacity:.6}
.site-public .wrap{width:calc(100% - 72px);max-width:1180px}
.site-public .section{padding-top:60px;padding-bottom:60px}
.site-public h1,.site-public h2,.site-public h3{font-family:"Segoe UI",Arial,sans-serif;color:var(--site-ink);letter-spacing:-1.5px}
.site-public h1{font-weight:720;font-size:clamp(38px,5.4vw,70px);line-height:1.06}
.site-public h2{font-size:clamp(30px,3.6vw,46px);line-height:1.13}
.site-public h3{letter-spacing:-.6px}
.site-public h1 em,.site-public h2 em{font-family:inherit;font-style:normal;color:var(--site-accent)}
.site-public p,.site-public label,.site-public summary{color:inherit}
.site-public .eyebrow,.site-public .section-note,.site-public .small,.site-public .hero-note,.site-public .card-meta{color:var(--site-muted)}
.site-public .hero{padding-top:55px;padding-bottom:55px;gap:38px;min-height:0}
.site-public .hero-art{min-height:350px;background:radial-gradient(ellipse at 30% 15%,#9b83c8,#46365f 55%,#181d30);color:#fff;border:1px solid #b4a0cb;border-radius:24px;box-shadow:inset 0 1px #fff8,0 20px 60px #0002}
.site-public .record{background:repeating-radial-gradient(circle,#171824 0px,#171824 3px,#62687b 4px,#1b1b2b 5px);box-shadow:inset 12px 10px 35px #dce1ff55,0 15px 35px #0008}
.site-public .record-label{background:linear-gradient(130deg,#c5b7df,#6b528f);color:#181525}
.site-public .art-sticker{background:#e0d0ff;color:#231736}
.site-public .manifesto{background:var(--site-rail);color:var(--site-muted);border-block:1px solid var(--site-line)}
.site-public .about-section,.site-public .studio-section{background:var(--site-rail);color:var(--site-ink)}
.site-public .footer{background:var(--site-rail);color:var(--site-muted);border-top:1px solid var(--site-line)}
.site-public .footer a{color:var(--site-ink)}
.site-public .button,.site-public button:not(.tune-filter):not(.tune-tile):not(.clear-button):not(.text-link){border:1px solid transparent;border-radius:12px;background:linear-gradient(125deg,#414a60,#151c2c 60%,#344058) padding-box,var(--site-chrome) border-box;color:#fff;box-shadow:inset 0 1px 1px #fff7,0 5px 12px #0002;text-shadow:0 1px 2px #000;font-weight:650}
.site-public button:disabled{opacity:.45}
.site-public .button:hover,.site-public button:not(:disabled):hover{filter:brightness(1.13)}
.site-public .theme-toggle{padding:9px 13px;white-space:nowrap;font-size:12px;cursor:pointer}
.site-public input:not([type=range]):not([type=checkbox]):not([type=file]),.site-public select,.site-public textarea{background:var(--site-panel);color:var(--site-ink);border:1px solid var(--site-line);border-radius:9px}
.site-public .text-link,.site-public .faq a{color:var(--site-accent)}
.site-public .guide-card,.site-public .listening-player,.site-public .audio-tool,.site-public .sponsor-example{background:var(--site-panel);color:var(--site-ink);border:1px solid var(--site-line);border-radius:18px;box-shadow:inset 0 1px #fff3,0 10px 30px #0001}
.site-public .file-drop{background:var(--site-bg);border-color:var(--site-line);color:var(--site-ink)}
.site-public .community-graphic{background:linear-gradient(135deg,#383249,#181824);color:#eee2ff;border-radius:20px}
.site-public .coming-badge,.site-public .free-badge{background:var(--site-panel);color:var(--site-accent);border-color:var(--site-line)}
.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.room-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:216px;padding:18px;border:1px solid transparent;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--site-accent) 8%,var(--site-panel)),var(--site-panel) 55%,var(--site-rail)) padding-box,var(--site-chrome) border-box;box-shadow:inset 0 1px #fff6,0 6px 18px #0001;color:var(--site-ink);text-decoration:none;transition:transform .18s,box-shadow .18s}
.room-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 8px 22px #0002}
.room-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.room-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #aaa1bb;border-radius:10px;background:linear-gradient(135deg,#f6f2ff 0%,#b7abc8 28%,#f9f6ff 46%,#b7aec4 50%,#e6dff2 76%,#9690ac 100%);color:#493066;box-shadow:inset 0 1px #fff,inset 0 -1px #61577655,0 2px 5px #0002}.room-icon svg{display:block;width:21px;height:21px}
.room-tag{font-size:10px;letter-spacing:.2px;color:var(--site-muted);text-align:right}
.room-card .eyebrow{font-size:10px;margin:0 0 10px;letter-spacing:1.8px}
.room-card h3{margin:0 0 8px;font-size:20px;line-height:1.2}
.room-card p{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--site-muted)}
.room-enter{margin-top:auto;padding-top:10px;border-top:1px solid var(--site-line);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--site-accent)}
.site-public .radio-dock{left:214px}
.site-public :focus-visible,.site-rail :focus-visible{outline:3px solid var(--site-accent);outline-offset:4px}
.site-creator .shell{margin-left:214px}
.site-member{padding-left:214px}
.site-member .shell{width:calc(100% - 64px);max-width:1100px}
@media(min-width:1500px){.site-public .hero-art{min-height:420px}}
@media(max-width:1100px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-public .hero{grid-template-columns:1fr}.site-public .hero-art{max-width:650px;width:100%}.site-public .section-heading{gap:24px}}
@media(max-width:760px){
.site-rail{position:relative;inset:auto;width:100%;padding:12px 12px 8px;border-right:0;border-bottom:1px solid var(--site-line);overflow:visible}
.site-rail .brand{font-size:18px;margin:0 0 14px}.site-rail .brand br{display:none}.site-rail .brand br:after{content:" "}
.site-rail nav{display:flex;gap:16px;overflow-x:auto;padding-bottom:5px}.site-nav-group{display:flex;align-items:center;gap:3px;margin:0;flex:none}
.site-nav-label,.site-rail-note{display:none}.site-rail .site-nav-link{white-space:nowrap;font-size:12px;padding:10px}
.site-public,.site-member{padding-left:0}.site-creator .shell{margin-left:0}
.site-topbar{padding:8px 16px;min-height:48px;font-size:8px}.site-topbar-divider{padding:0 5px}
.site-public .wrap{width:calc(100% - 40px)}.site-public .section{padding-block:38px}
.site-public .hero{padding-block:35px}.site-public .hero-art{min-height:320px}.site-public .section-heading{display:block}
.site-public .radio-dock{left:0}.site-member .shell{width:calc(100% - 32px)}
}
@media(max-width:480px){.room-grid{grid-template-columns:1fr}.room-card{min-height:0;padding:16px}.site-public .hero-art{min-height:290px}.site-topbar>span{max-width:185px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.room-card{transition:none}.room-card:hover{transform:none}}

/* Keep the private library in the same room system without changing its access gate. */
.site-member{background:var(--site-bg);color:var(--site-ink);font-family:"Segoe UI",Arial,sans-serif;min-height:100vh}
.site-member h1,.site-member h2,.site-member h1 em{font-family:inherit;font-style:normal}
.site-member h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2px;line-height:1.08}
.site-member h1 em,.site-member .wordmark{color:var(--site-accent)}
.site-member .panel{background:var(--site-panel);border:1px solid var(--site-line);border-radius:18px}
.site-member button:not(.danger),.site-member .button{background:linear-gradient(125deg,#414a60,#151c2c 60%,#344058) padding-box,var(--site-chrome) border-box;border:1px solid transparent;color:#fff;box-shadow:inset 0 1px #fff6,0 5px 12px #0002}
.site-rail{padding-top:18px}
.site-rail .brand>span{font:inherit;color:inherit}
.site-rail .site-nav-link{padding-top:6px;padding-bottom:6px}
@media(max-width:760px){.site-rail .brand br{display:inline}.site-rail .brand br:after{content:" "}}

/* Mobile navigation is fully visible: no horizontal rail or hidden destinations. */
@media(max-width:760px){
 .site-rail nav{display:flex;flex-wrap:wrap;gap:0 16px;overflow:visible;padding-bottom:0}
 .site-nav-group{display:contents}
 .site-rail .site-nav-link{display:inline-flex;align-items:center;justify-content:flex-start;min-height:36px;min-width:24px;max-width:100%;margin:0;padding:6px 0;white-space:normal;text-align:left;overflow-wrap:break-word;border:0;border-radius:0;background:none;box-shadow:none;font-size:12px;line-height:1.3}
 .site-rail .brand{margin-bottom:8px}
 .site-topbar{flex-wrap:wrap}
 .site-creator .shell>header{flex-wrap:wrap;gap:10px}
 .site-member .header-actions{flex-wrap:wrap}
}
.site-public .shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}
.site-public .shop-product{overflow:hidden;border:1px solid var(--site-line);border-radius:20px;background:var(--site-panel);color:var(--site-ink)}
.shop-art{--shop-art-height:310px;display:grid;place-items:center;height:var(--shop-art-height);padding:24px;background:#fff;overflow:hidden}
.shop-art.shirt-art{background:#17141e}
.shop-art img{display:block;width:100%;height:calc(var(--shop-art-height) - 48px);min-width:0;object-fit:contain}
.shop-details{padding:24px}
.shop-details h2{font-size:27px;margin-top:10px}
.shop-details p{font-size:15px;line-height:1.7}
.shop-status{display:inline-block;padding:7px 12px;border:1px solid var(--site-line);border-radius:20px;font-size:12px;color:var(--site-muted)}
.shop-info{padding:24px;border:1px solid var(--site-line);border-radius:18px;background:var(--site-panel)}
@media(max-width:760px){.site-public .shop-grid{grid-template-columns:1fr}.shop-art{--shop-art-height:260px}}

/* Navigation is text, not a row of action buttons. Preserve keyboard focus. */
.site-public .footer nav a{background:none;border:0;border-radius:0;box-shadow:none;text-shadow:none;padding:4px 0;color:var(--site-muted)}
.site-public .footer nav a:hover{color:var(--site-accent);text-decoration:underline;text-underline-offset:5px}

/* Brand typography: Audio is bold; Landing is light. Keep the five-bar symbol. */
.site-rail .brand .brand-wordmark,.wordmark .brand-wordmark{font-family:"Segoe UI",Arial,sans-serif;font-weight:300;letter-spacing:-.6px;line-height:1.05}
.brand-wordmark .brand-audio{font-weight:800}
.brand-wordmark .brand-landing{font-weight:300}
.site-public .room-card h3{font-family:"Segoe UI",Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.65px;line-height:1.2}
.room-card h3 .room-title-lead{font-weight:750}
.room-card h3 em{font-family:inherit;font-weight:350;font-style:italic;color:var(--site-accent);letter-spacing:-.45px}

/* Keep Audio Landing together and match the theme control to the current mode. */
.site-rail .brand{gap:8px;margin-left:0;margin-right:0;font-size:18px}
.site-rail .brand-mark{margin-right:0}
.site-rail .brand .brand-wordmark,.wordmark .brand-wordmark{display:inline-flex;align-items:baseline;gap:.2em;white-space:nowrap}
.site-rail .brand .brand-wordmark br{display:none}
:root{--site-theme-control-bg:linear-gradient(135deg,#fff,#eee7f6);--site-theme-control-ink:#352447;--site-theme-control-shadow:inset 0 1px #fff,0 2px 6px #30203f12}
:root[data-theme=dark]{--site-theme-control-bg:linear-gradient(135deg,#343043,#191723);--site-theme-control-ink:#f3effb;--site-theme-control-shadow:inset 0 1px #ffffff26,0 2px 6px #0003}
/* These scoped overrides take precedence over each room’s metallic action-button finish. */
.site-public button[data-theme-toggle],.site-creator button[data-theme-toggle],.site-member button[data-theme-toggle]{background:var(--site-theme-control-bg)!important;color:var(--site-theme-control-ink)!important;border:1px solid var(--site-line)!important;box-shadow:var(--site-theme-control-shadow)!important;text-shadow:none!important}

/* Communications Room entry keeps the six creative/listening cards intact. */
.site-public .communications-feature{display:flex;align-items:center;gap:20px;padding:23px 26px;margin-top:18px;border:1px solid var(--site-line);border-radius:17px;background:linear-gradient(120deg,var(--site-panel),var(--site-rail));color:var(--site-ink);text-decoration:none;box-shadow:inset 0 1px #ffffff55}
.communications-feature>span:nth-child(2){min-width:0;flex:1}
.communications-feature-label{display:block;color:var(--site-accent);font-size:9px;font-weight:700;letter-spacing:1.7px;margin-bottom:7px}
.communications-feature strong{display:block;font-size:24px;line-height:1.2;letter-spacing:-.6px;font-weight:750}
.communications-feature em{font-weight:350;color:var(--site-accent)}
.communications-feature-copy{display:block;margin-top:8px;color:var(--site-muted);font-size:12px;line-height:1.6}
.communications-feature-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:13px;background:linear-gradient(130deg,#69758f,#e6ebf9 28%,#a3adc4 32%,#e2e8f7 49%,#728099 51%,#e4eaf8);color:#2a3047;box-shadow:inset 0 1px #fff}
.communications-feature-icon svg{width:32px;height:32px}
.communications-feature-arrow{font-size:27px;color:var(--site-accent)}
.site-public .communications-feature:hover{border-color:var(--site-accent)}
@media(max-width:600px){.site-public .communications-feature{padding:20px 16px;gap:12px}.communications-feature strong{font-size:20px}.communications-feature-icon{width:40px;height:40px}.communications-feature-icon svg{width:27px;height:27px}.communications-feature-arrow{display:none}}