.room{--room-panel:color-mix(in srgb, var(--mm-surface) 82%, transparent)}.room__top{z-index:2;padding:18px var(--mm-gutter);justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;inset:0 0 auto}.room__top-right{align-items:center;gap:12px;display:flex}.room__deck{z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;right:clamp(24px,6vw,96px);transform:translateY(-50%)}.room__pile{width:132px;height:214px;color:var(--mm-fg-2);cursor:pointer;transition:opacity .4s var(--mm-ease), transform .4s var(--mm-ease);background:0 0;border:0;padding:0;position:relative}.room__pile:hover{transform:translateY(-4px)}.room__pile-card{background:var(--mm-card-back);border:1px solid #3a2e26;border-radius:14px;justify-content:flex-end;width:120px;height:168px;padding:14px;display:flex;position:absolute;top:0;left:6px;transform:rotate(4deg);box-shadow:0 14px 32px #0000004d}.room__pile-card .mm-dot{width:9px;height:9px;margin:0}.room__pile-card--under{opacity:.85;transform:rotate(-5deg)translate(-6px,4px)}.room__pile-label{text-align:center;font-size:14px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.room-card-open .room__pile{opacity:0;pointer-events:none}.room__card{flex-direction:column;gap:14px;width:300px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.room__card[hidden]{display:none}.room__card.is-in .room__card-face{animation:card-in .55s var(--mm-ease) both}@keyframes card-in{0%{opacity:0;transform:translateY(14px)rotate(2deg)scale(.97)}to{opacity:1;transform:none}}.room__card-face{background:var(--mm-card-face);min-height:400px;color:var(--mm-card-ink);border-radius:22px;flex-direction:column;justify-content:space-between;gap:24px;padding:26px;display:flex;box-shadow:0 24px 60px #00000059}.room__card-head{justify-content:space-between;align-items:center;display:flex}.room__card-prompt{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:27px;font-weight:600;line-height:1.22}.room__card-actions{justify-content:center;align-items:center;gap:20px;display:flex}.room__card-actions .btn--text{color:var(--mm-fg-2)}.room__dock{z-index:3;left:50%;bottom:max(20px, env(safe-area-inset-bottom));border-radius:var(--mm-radius-pill);border:1px solid var(--mm-line);background:var(--room-panel);backdrop-filter:blur(12px);white-space:nowrap;align-items:center;gap:6px;padding:6px 8px 6px 6px;display:flex;position:absolute;transform:translate(-50%)}.room__tool{min-height:var(--mm-touch);border-radius:var(--mm-radius-pill);color:var(--mm-fg);font:500 15px var(--mm-font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;transition:background .2s;display:inline-flex}.room__tool svg,.room__panel-note svg{flex:none;max-width:none}.room__tool:hover{background:color-mix(in srgb, var(--mm-fg) 8%, transparent)}.room__tool[aria-pressed=true]{background:color-mix(in srgb, var(--mm-fg) 10%, transparent)}.room__icon-on,.room__tool[aria-pressed=true] .room__icon-off{display:none}.room__tool[aria-pressed=true] .room__icon-on,.room__icon-off{display:inline-flex}.room__tool--card{display:none}.room__time{border-left:1px solid var(--mm-line);color:var(--mm-muted);font-variant-numeric:tabular-nums;padding:0 12px 0 10px;font-size:14px}.room__panel{z-index:4;width:min(440px, calc(100% - 2 * var(--mm-gutter)));border-radius:var(--mm-radius-md);border:1px solid var(--mm-line);background:color-mix(in srgb, var(--mm-surface) 94%, transparent);backdrop-filter:blur(14px);padding:22px 24px 20px;position:absolute;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 24px 60px #0000004d}.room__panel[hidden]{display:none}.room__panel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.room__panel-head h2{letter-spacing:-.01em;margin:0;font-size:20px}.room__close{width:40px;height:40px;color:var(--mm-fg-2);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.room__close:hover{background:color-mix(in srgb, var(--mm-fg) 8%, transparent)}.room__panel-text{color:var(--mm-fg-2);margin:0 0 18px;line-height:1.55}.room__panel-note{border-top:1px solid var(--mm-line);color:var(--mm-muted);align-items:center;gap:8px;margin:18px 0 0;padding-top:14px;font-size:13px;display:flex}.room-info{max-height:calc(100svh - 200px);overflow-y:auto}.room-info__group+.room-info__group{margin-top:18px}.room-info__label{letter-spacing:.08em;text-transform:uppercase;color:var(--mm-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.room-info ul{color:var(--mm-fg-2);margin:0;padding-left:18px;font-size:15px;line-height:1.5}.room-info li+li{margin-top:6px}.room-info__note{color:var(--mm-muted);margin:10px 0 0;font-size:13px;line-height:1.5}.room-info__open{position:relative}.room-info__dot{background:var(--mm-ember);width:7px;height:7px;box-shadow:var(--mm-ember-glow);border-radius:50%;position:absolute;top:7px;right:7px}.room-info__dot[hidden]{display:none}@media (width<=760px){.room__pile{display:none}.room__tool--card{display:inline-flex}.room__tool{padding:0 12px}.room__tool>span:not(.room-info__dot):not(.room__icon-on):not(.room__icon-off){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room__tool{min-width:var(--mm-touch);justify-content:center}.room__time{display:none}.room__deck{inset:auto var(--mm-gutter) 88px var(--mm-gutter);transform:none}.room__card{width:100%;position:static;transform:none}.room__card-face{gap:18px;min-height:0;padding:22px}.room__card-prompt{font-size:23px}.room__panel{bottom:88px}}@media (width<=400px){.room__top .brand__product{display:none}}@media (prefers-reduced-motion:reduce){.room__card.is-in .room__card-face{animation:none}}.flow{z-index:2;white-space:nowrap;pointer-events:none;justify-items:center;gap:6px;transition:opacity .8s;display:grid;position:absolute;top:22px;left:50%;transform:translate(-50%)}.flow[hidden]{display:none}.flow__steps{align-items:center;gap:12px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.flow__step{color:color-mix(in srgb, var(--mm-faint) 70%, transparent);align-items:center;gap:8px;font-weight:500;display:flex}.flow__step[data-state=past]{color:var(--mm-faint)}.flow__step[data-state=now]{color:var(--mm-fg);font-weight:600}.flow__step[data-state=now]:before{content:"";background:var(--mm-ember);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px 2px #ff5a1e8c}.flow__line{background:var(--mm-line);width:34px;height:1px}.flow__rest{color:var(--mm-ember-text);font-weight:500}.flow__bar{display:none}.flow__sub{color:var(--mm-faint);margin:0;font-size:13px}@media (width<=760px){.flow{top:72px}.flow__steps{font-size:13px}.flow__line,.flow__step:not([data-state=now]){display:none}.flow__bar{gap:3px;display:flex}.flow__bar i{background:var(--mm-line);border-radius:2px;width:12px;height:2px}.flow__bar i[data-state=past]{background:var(--mm-faint)}.flow__bar i[data-state=now]{background:var(--mm-ember)}.flow__sub{display:none}}.room{background:var(--mm-bg);--room-glow:#ff602c4d;--room-panel:color-mix(in srgb, var(--mm-surface) 82%, transparent);height:100svh;min-height:520px;position:relative;overflow:hidden}[data-theme=day] .room{--room-glow:#ff602c24}.room:before{content:"";background:radial-gradient(ellipse 45% 40% at 50% 58%, var(--room-glow) 0%, #ff4d1f08 55%, transparent 75%);pointer-events:none;animation:breathe var(--mm-breathe) ease-in-out infinite;position:absolute;inset:0}.room__stage{position:absolute;inset:0}.room__fire{opacity:0;transition:opacity 1.6s var(--mm-ease);position:absolute;inset:0}.room__fallback{width:220px;height:220px;transition:opacity 1s var(--mm-ease);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.room__stage.is-live .room__fire{opacity:1}.room__stage.is-live .room__fallback{opacity:0}.room__hint{z-index:2;width:min(520px, calc(100% - 2 * var(--mm-gutter)));text-align:center;color:var(--mm-fg-2);text-wrap:balance;transition:opacity 1.2s var(--mm-ease);margin:0;font-size:17px;line-height:1.5;position:absolute;top:96px;left:50%;transform:translate(-50%)}.room__hint.is-gone{opacity:0;pointer-events:none}.room__meter{background:color-mix(in srgb, var(--mm-fg) 10%, transparent);border-radius:999px;height:10px;overflow:hidden}.room__meter span{border-radius:inherit;background:var(--mm-ember);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.room__mic-status{min-height:1.5em;color:var(--mm-fg);margin:12px 0 0;font-size:15px}.room__select{color:var(--mm-muted);flex-direction:column;gap:6px;margin-top:14px;font-size:13px;display:flex}.room__select[hidden]{display:none}.room__select select{border-radius:var(--mm-radius-sm);border:1px solid var(--mm-line-2);background:var(--mm-surface-2);min-height:44px;color:var(--mm-fg);font:15px var(--mm-font-sans);padding:0 12px}@media (width<=760px){.room__hint{font-size:16px;top:84px}}@media (prefers-reduced-motion:reduce){.room:before{animation:none}}