.common-room main{padding-bottom:64px}.common-intro{display:flex;align-items:center;gap:12px;margin:28px 0 18px}.common-intro p{margin:0;font-size:14px}.common-label,.channel-wip{font-size:12px;font-weight:700;border-radius:30px;padding:6px 12px;background:#f8e4ad;color:#5c2c06}.channel-wip{position:absolute;top:12px;left:12px}.common-studio{margin:0;position:relative;overflow:hidden;border-radius:16px;background:#d2bc9e}.common-studio>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.common-studio figcaption{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;gap:12px}.common-studio figcaption span{background:#30291ed9;color:#fffaf0;border-radius:30px;padding:6px 12px;font-size:12px}.common-details{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:48px;margin-top:32px;align-items:start}.common-copy h1{font-size:clamp(32px,4vw,48px)}.common-copy p{max-width:570px}.common-copy .common-lede{font-size:22px;line-height:1.4;margin:16px 0}.common-copy .common-note{font-size:14px;margin-top:24px}.common-interaction{text-align:center;padding:0 12px}.common-invitation{color:var(--text);margin:0 0 18px}.common-speak{display:grid;place-items:center;width:112px;height:112px;margin:0 auto 22px;border-radius:50%;background:var(--green);color:#fffaf0;box-shadow:0 0 0 8px #00847016,0 0 0 17px #00847008;transition:transform .2s,box-shadow .2s;touch-action:manipulation}.common-speak svg{width:48px;height:48px}.common-speak:not(:disabled):hover,.common-speak:focus-visible{transform:scale(1.04);box-shadow:0 0 0 10px #00847025,0 0 0 20px #00847010}.common-speak[aria-pressed=true]{background:#006050;box-shadow:0 0 0 12px #00847030,0 0 0 24px #00847012}.common-interaction>strong{display:block;font-size:22px}.common-interaction #speak-hint{font-size:14px;margin:4px 0 10px}.common-demo{font-size:14px;line-height:1.45;min-height:64px;max-width:320px;margin:0 auto;color:var(--teal-text)}.common-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding-top:28px;margin-top:26px}.common-how span{font-size:13px;color:var(--teal-text);font-weight:700}.common-how h2{font-size:22px;margin:8px 0}.common-how p{font-size:16px;margin:0;max-width:280px}@media(max-width:650px){.common-room main{padding:0 20px 40px}.common-room header{padding:0 20px}.common-details{grid-template-columns:1fr;gap:24px}.common-copy .common-lede{font-size:20px}.common-intro{flex-wrap:wrap;gap:8px}.common-studio{border-radius:10px}.common-studio figcaption{inset:10px 10px auto}.common-studio figcaption span{font-size:10px;padding:4px 8px}.common-interaction{padding-top:8px}.common-how{grid-template-columns:1fr;gap:24px}.common-how p{max-width:none}.common-demo{min-height:60px}}@media(prefers-reduced-motion:reduce){.common-speak{transition:none}}

.common-speak:disabled{cursor:default;opacity:.65}