.page[data-astro-cid-ztl5yhde]{padding:34px 0 20px}.crumbs[data-astro-cid-ztl5yhde]{font-size:13.5px;color:var(--faint);display:flex;gap:8px}.crumbs[data-astro-cid-ztl5yhde] a[data-astro-cid-ztl5yhde]{color:var(--muted)}.crumbs[data-astro-cid-ztl5yhde] a[data-astro-cid-ztl5yhde]:hover{color:var(--accent)}.head[data-astro-cid-ztl5yhde]{max-width:700px;margin:26px 0 36px}.head[data-astro-cid-ztl5yhde] h1[data-astro-cid-ztl5yhde]{font-size:clamp(32px,4.4vw,50px);margin:16px 0 14px}.lede[data-astro-cid-ztl5yhde]{color:var(--muted);font-size:16.5px}.rooms[data-astro-cid-ztl5yhde]{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.room[data-astro-cid-ztl5yhde]{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.room[data-astro-cid-ztl5yhde]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.room[data-astro-cid-ztl5yhde].on{border-color:var(--tint);box-shadow:0 0 0 4px color-mix(in srgb,var(--tint) 14%,transparent)}.room-top[data-astro-cid-ztl5yhde]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.room-emoji[data-astro-cid-ztl5yhde]{font-size:28px}.room[data-astro-cid-ztl5yhde] h2[data-astro-cid-ztl5yhde]{font-size:19px}.room[data-astro-cid-ztl5yhde] p[data-astro-cid-ztl5yhde]{font-size:14px;color:var(--muted);margin:8px 0 20px;flex:1}.play[data-astro-cid-ztl5yhde]{align-self:flex-start}.viz[data-astro-cid-ztl5yhde]{display:flex;align-items:flex-end;gap:3px;height:22px}.viz[data-astro-cid-ztl5yhde] i[data-astro-cid-ztl5yhde]{width:3px;background:var(--tint);opacity:.28;border-radius:2px;height:calc(5px + (var(--i) % 5) * 3px)}.room[data-astro-cid-ztl5yhde].on .viz[data-astro-cid-ztl5yhde] i[data-astro-cid-ztl5yhde]{animation:bar 1.1s ease-in-out infinite alternate;opacity:.85}.room[data-astro-cid-ztl5yhde].on .viz[data-astro-cid-ztl5yhde] i[data-astro-cid-ztl5yhde]:nth-child(2n){animation-delay:.14s}.room[data-astro-cid-ztl5yhde].on .viz[data-astro-cid-ztl5yhde] i[data-astro-cid-ztl5yhde]:nth-child(3n){animation-delay:.28s}.room[data-astro-cid-ztl5yhde].on .viz[data-astro-cid-ztl5yhde] i[data-astro-cid-ztl5yhde]:nth-child(5n){animation-delay:.42s}@keyframes bar{0%{height:5px}to{height:22px}}.controls[data-astro-cid-ztl5yhde]{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding:20px 24px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--r-lg)}.controls[data-astro-cid-ztl5yhde] label[data-astro-cid-ztl5yhde]{font-size:14px;font-weight:500}.controls[data-astro-cid-ztl5yhde] input[data-astro-cid-ztl5yhde][type=range]{flex:1;min-width:160px;accent-color:var(--accent)}.now-playing[data-astro-cid-ztl5yhde]{margin-left:auto;font-size:14px}.warn[data-astro-cid-ztl5yhde]{font-size:13.5px;margin:14px 0 0}.ad-inline[data-astro-cid-ztl5yhde]{margin:42px 0 0}.how[data-astro-cid-ztl5yhde]{margin-top:52px;max-width:760px}.how[data-astro-cid-ztl5yhde] h2[data-astro-cid-ztl5yhde]{font-size:26px;margin-bottom:12px}.sub[data-astro-cid-ztl5yhde]{font-size:19px;margin:26px 0 10px}.tips[data-astro-cid-ztl5yhde]{padding-left:20px}.tips[data-astro-cid-ztl5yhde] li[data-astro-cid-ztl5yhde]{margin-bottom:8px}.more[data-astro-cid-ztl5yhde]{margin-top:56px}.more[data-astro-cid-ztl5yhde] h2[data-astro-cid-ztl5yhde]{font-size:26px;margin-bottom:20px}.more-grid[data-astro-cid-ztl5yhde]{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.more-card[data-astro-cid-ztl5yhde]{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:transform .2s ease,box-shadow .2s ease}.more-card[data-astro-cid-ztl5yhde]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.more-card[data-astro-cid-ztl5yhde] span[data-astro-cid-ztl5yhde]{font-size:26px}.more-card[data-astro-cid-ztl5yhde] h3[data-astro-cid-ztl5yhde]{font-size:18px;margin:12px 0 6px}.more-card[data-astro-cid-ztl5yhde] p[data-astro-cid-ztl5yhde]{font-size:14px;color:var(--muted);margin:0}@media(max-width:1000px){.rooms[data-astro-cid-ztl5yhde]{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.rooms[data-astro-cid-ztl5yhde],.more-grid[data-astro-cid-ztl5yhde]{grid-template-columns:1fr}}