:is(html:has(.staffroom),body:has(.staffroom)){overflow-x:clip}.staffroom{background:var(--background);color:var(--color-slate-700);padding-top:4rem}.staffroom-container{max-width:76rem;margin-inline:auto;padding-inline:1rem}.staffroom :is(h1,h2,h3,h4){color:var(--color-slate-900);overflow-wrap:anywhere;min-width:0;font-weight:650}.staffroom h1{letter-spacing:-.045em;font-size:2.25rem;line-height:1.15}.staffroom h1 span{color:var(--primary)}.staffroom h2{letter-spacing:-.035em;font-size:1.75rem;line-height:1.2}.staffroom h3{letter-spacing:-.02em;font-size:1.25rem;line-height:1.4}.staffroom p{line-height:1.75}.staffroom :is(section,article){scroll-margin-top:5.5rem}.staffroom .home-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-slate-600);margin-bottom:.85rem;font-size:.75rem;font-weight:600}.staffroom .home-meta{color:var(--color-slate-500);font-size:.8125rem}.staffroom-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""news""community""play""bands""invite";display:grid}.staffroom-intro{grid-area:intro;padding-block:3rem 2.5rem}#community{grid-area:community}.staffroom-play{grid-area:play;min-width:0;padding-bottom:3.5rem}.home-bands{grid-area:bands}.home-invite{grid-area:invite}.staffroom-intro-copy>p:not(.home-kicker){max-width:38rem;margin-top:1.25rem}.staffroom .home-description{font-size:1.125rem}.home-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.75rem;display:flex}.home-button{border-radius:var(--radius);background:var(--primary);min-height:44px;color:var(--primary-foreground);white-space:nowrap;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .15s;display:inline-flex}.home-button:hover{background:var(--color-emerald-800)}.staffroom .home-link{min-height:44px;color:var(--primary);text-underline-offset:.3em;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.staffroom .home-link:hover{text-decoration-thickness:2px}.staffroom button.home-link{cursor:pointer}.staffroom button.home-link:disabled{cursor:wait;color:var(--color-slate-500)}.staffroom .home-aside{color:var(--color-slate-600);max-width:27rem;font-size:.8125rem}.home-section{border-top:1px solid var(--border);padding-block:3.5rem}.doorways{gap:.75rem;margin-top:1.5rem;display:grid}.doorway{border:1px solid var(--border);background:var(--background);border-radius:.75rem;grid-template-columns:5.5rem minmax(0,1fr);grid-template-areas:"photo head""latest latest""links links";align-content:start;column-gap:.875rem;min-width:0;padding:1rem;transition:border-color .15s;display:grid}.doorway:hover{border-color:var(--primary)}.doorway-photo{object-fit:cover;background:var(--accent);border-radius:.5rem;grid-area:photo;width:100%;height:5.5rem;display:block}.doorway-head{grid-area:head;min-width:0}.staffroom .doorway .home-kicker{color:var(--primary);margin-bottom:.25rem}.staffroom .doorway h3{font-size:1.0625rem;line-height:1.35}.staffroom .doorway-head p:not(.home-kicker){color:var(--color-slate-600);margin-top:.25rem;font-size:.875rem;line-height:1.5}.doorway-latest{background:var(--accent);border-radius:.75rem;margin-top:1.25rem;padding:1rem}.doorway-latest p{font-size:.875rem}.doorway .doorway-latest{border-top:1px solid var(--border);background:0 0;border-radius:0;grid-area:latest;margin-top:.875rem;padding:.75rem 0 0}.staffroom .doorway-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-slate-500);font-size:.75rem;font-weight:600}.staffroom .doorway-title{color:var(--color-slate-900);margin-top:.25rem;font-size:1rem;font-weight:600;line-height:1.45;display:block}.staffroom .doorway .doorway-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;display:-webkit-box;overflow:hidden}.staffroom a.doorway-title:hover{color:var(--primary);text-decoration:underline}.doorway-links{flex-wrap:wrap;gap:0 1.5rem;margin-top:auto;padding-top:1rem;display:flex}.doorway .doorway-links{grid-area:links;padding-top:.25rem}.topic-list{flex-wrap:wrap;gap:.375rem;margin-block:.375rem .25rem;display:flex}.topic-list a{border:1px solid var(--color-emerald-200,#a7f3d0);border-radius:var(--radius);background:var(--color-white,#fff);min-height:36px;color:var(--color-emerald-800,#065f46);align-items:center;padding-inline:.625rem;font-size:.8125rem;font-weight:600;transition:border-color .15s;display:inline-flex}.topic-list a:hover{border-color:var(--primary)}.home-bands{gap:1.25rem;display:grid}.band{border:1px solid var(--border);border-radius:1rem;flex-direction:column;min-width:0;padding:1.5rem;display:flex}.band>p:not(.home-kicker){margin-top:.5rem;font-size:.9375rem}.staffroom .band .home-kicker{color:var(--primary);margin-bottom:.5rem}.band-ai{background:var(--color-slate-900,#0f172a);border-color:var(--color-slate-900,#0f172a);color:var(--color-slate-200,#e2e8f0)}.staffroom .band-ai :is(h2,h3,.home-link,.doorway-title){color:var(--color-white,#fff)}.staffroom .band-ai .home-kicker{color:var(--color-emerald-300,#6ee7b7)}.staffroom .band-ai .doorway-label{color:var(--color-slate-400,#94a3b8)}.ai-tools{gap:.75rem;margin-top:1.5rem;display:grid}.ai-tool{background:var(--color-slate-800,#1e293b);border-radius:.75rem;padding:1rem 1.25rem .25rem}.staffroom .ai-tool h3{font-size:1.0625rem}.ai-tool p{margin-top:.25rem;font-size:.9375rem}.ai-sample{background:var(--color-slate-900,#0f172a);border-radius:.5rem;margin-top:.75rem;padding:.75rem 1rem}.ai-sample audio{width:100%;min-width:0;height:48px;margin-top:.75rem;display:block}.share-actions{gap:.5rem;margin-top:1.25rem;display:grid}.share-actions a{border:1px solid var(--border);border-radius:var(--radius);min-height:48px;color:var(--color-slate-900,#0f172a);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.share-actions a:hover{border-color:var(--primary);color:var(--primary)}.band-share .doorway-links{margin-top:0}.home-invite{background:var(--primary);color:var(--primary-foreground);box-shadow:.6rem .6rem 0 var(--color-slate-900,#0f172a);text-align:center;border-radius:1rem;margin-block:1rem 4.5rem;padding:2.5rem 1.5rem}.staffroom .home-invite h2{color:var(--primary-foreground)}.home-invite>p{max-width:34rem;margin:.75rem auto 0}.home-invite .home-actions{justify-content:center}.staffroom .home-invite .home-button{background:var(--color-white,#fff);color:var(--primary)}.staffroom .home-invite .home-button:hover{background:var(--accent)}.staffroom .home-invite .home-link{color:var(--primary-foreground)}.radio-retry{cursor:pointer;min-height:44px;text-decoration:underline}.sentence-play{background:var(--accent);border-radius:1rem;gap:2rem;padding:1.5rem;display:grid}.sentence-play h2{margin-bottom:1rem}.sentence-workspace{min-width:0}.sentence-words{flex-wrap:wrap;align-items:baseline;gap:.3rem;display:flex}.sentence-words button{cursor:pointer;border-bottom:2px solid var(--border);min-height:48px;color:var(--color-slate-900);border-radius:.5rem;padding:.2rem .45rem;font-size:1.5rem;line-height:1.4;transition:color .15s,background-color .15s;display:inline-grid}.sentence-words button span{grid-area:1/1;align-self:center}.sentence-word-size{visibility:hidden;text-transform:uppercase}.sentence-words button[aria-pressed=true] .sentence-word-text{text-transform:uppercase}.sentence-words button:hover{background:var(--background)}.sentence-words button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.sentence-meaning{min-height:3.5rem;margin-block:1.5rem .75rem}.sentence-meaning-text{animation:.45s ease-out sentence-fade;display:inline-block}.sentence-progress{opacity:.5;transform-origin:0;background:currentColor;border-radius:2px;width:100%;height:3px;margin-bottom:.75rem;animation:linear forwards sentence-progress;display:block}.sentence-progress[data-paused=true]{animation-play-state:paused}.sentence-play-hero{background:var(--primary);color:var(--primary-foreground);box-shadow:.6rem .6rem 0 var(--color-slate-900);align-content:center;gap:1rem;padding:1.25rem 1.25rem 1rem;transform:rotate(-.6deg)}.staffroom .sentence-play-hero :is(h2,.home-kicker,.home-meta){color:var(--primary-foreground)}.sentence-play-hero h2{margin-bottom:0;font-size:1rem;line-height:1.35}.sentence-play-hero .home-kicker{background:var(--color-slate-900);border-radius:999px;margin-bottom:.6rem;padding:.25rem .6rem;display:inline-block}.sentence-play-hero .sentence-words{gap:.15rem .2rem}.sentence-play-hero .sentence-words>span{margin-left:-.35rem;font-size:clamp(1.5rem,5vw,2.125rem);font-weight:650;line-height:1.2}.sentence-play-hero .sentence-words button{letter-spacing:-.03em;min-height:44px;color:var(--primary-foreground);border-color:#0000;padding:.05rem .3rem;font-size:clamp(1.5rem,5vw,2.125rem);font-weight:650;line-height:1.2;transition:color .25s,background-color .25s,transform .25s}.sentence-play-hero .sentence-words button:hover{background:#ffffff2e}.sentence-play-hero .sentence-words button[aria-pressed=true]{background:var(--color-white);color:var(--primary);transform:translateY(-.15rem)rotate(-1.5deg)}.sentence-play-hero .sentence-meaning{min-height:3rem;margin-block:.75rem .5rem;font-size:1rem;font-weight:600;line-height:1.5}.sentence-play-hero .sentence-progress{margin-bottom:.5rem}.sentence-play-hero .home-meta{font-size:.75rem;line-height:1.5}.news-ticker{border:1px solid var(--border);background:var(--accent);border-radius:.75rem;grid-area:news;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 .75rem;min-width:0;margin-bottom:2.5rem;padding:.25rem .25rem .25rem .75rem;display:grid}.staffroom .news-ticker-label{background:var(--color-slate-900);color:var(--color-white,#fff);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:.25rem .6rem;font-size:.75rem;font-weight:600;line-height:1.5}.news-ticker-window{grid-area:2/1/auto/-1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}.news-ticker-track{width:max-content;animation:news-ticker var(--ticker-duration,90s) linear infinite;display:flex}.news-ticker:is(:hover,:focus-within) .news-ticker-track,.news-ticker[data-paused=true] .news-ticker-track{animation-play-state:paused}.news-ticker-track ul{flex:none;display:flex}.news-ticker-track li{white-space:nowrap;align-items:center;gap:.5rem;padding-right:2.5rem;display:flex}.news-ticker-track li:before{content:"";background:var(--primary);border-radius:50%;flex:none;width:.375rem;height:.375rem;margin-right:.25rem}.news-ticker-track :is(a,.news-ticker-title){min-height:44px;color:var(--color-slate-900);align-items:center;font-size:.9375rem;font-weight:600;display:inline-flex}.news-ticker-track a:hover{color:var(--primary);text-decoration:underline}.news-ticker-source{color:var(--color-slate-500);font-size:.8125rem}.news-ticker-toggle{width:44px;height:44px;color:var(--color-slate-700);cursor:pointer;border-radius:.5rem;flex:none;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.news-ticker-toggle:hover{background:var(--background);color:var(--primary)}@keyframes news-ticker{to{transform:translate(-50%)}}@keyframes sentence-fade{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@keyframes sentence-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (min-width:768px){.staffroom-container{padding-inline:1.5rem}.staffroom-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"intro play""news news""community community""bands bands""invite invite";column-gap:3rem}.staffroom-intro,.staffroom-play{align-self:center;padding-block:4rem 3.5rem}.home-section{padding-block:4.5rem}.doorways{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.doorway{grid-template:"photo""head""latest"1fr"links"/minmax(0,1fr)}.doorway-photo{aspect-ratio:3/2;height:auto;margin-bottom:1rem}.band{padding:2rem}.home-invite{padding:3.5rem 2rem}.sentence-play{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;padding:2.5rem}.sentence-play-hero{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.75rem 1.75rem 1.25rem}.sentence-play-hero h2{font-size:1.125rem}.news-ticker{display:flex}.staffroom .news-ticker-label{flex:none}.news-ticker-window{flex:1}}@media (min-width:1024px){.doorways{grid-template-columns:repeat(4,minmax(0,1fr))}.home-bands{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem}}@media (prefers-reduced-motion:reduce){.staffroom *,.staffroom :before,.staffroom :after{transition:none;animation:none}.sentence-play-hero{transform:none}.news-ticker-window{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.news-ticker-copy,.news-ticker-toggle{display:none}}