.room-screen{padding:0!important}.room{padding:calc(var(--safe-t,0px) + 10px) 16px calc(var(--safe-b,0px) + 12px);background:var(--bg);isolation:isolate;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.room-mem{z-index:-3;opacity:.52;transition:opacity .8s var(--ease-out);position:absolute;inset:0}.room-mem.mirror{transform:scaleX(-1)}.room-veil{z-index:-2;pointer-events:none;box-shadow:inset 0 0 120px 10px var(--side-soft);transition:box-shadow .8s var(--ease-out);background:radial-gradient(70% 42% at 50% 42%,#06060ac7,#06060a59 70%,#06060a33),linear-gradient(#06060a8c,#0000 18% 70%,#06060abf);position:absolute;inset:0}.room-top{align-items:center;gap:10px;min-height:48px;display:flex}.room-head{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.room-online{color:var(--dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.room-online:before{content:"";background:var(--faint);border-radius:50%;width:7px;height:7px}.room-online.on:before{background:var(--ok);box-shadow:0 0 10px var(--ok)}.room-tools{gap:8px;display:flex}.room-tools .need{position:relative}.room-tools .need:after{content:"";background:var(--warn);width:8px;height:8px;animation:room-ping 1.6s var(--ease-out) infinite;border-radius:50%;position:absolute;top:8px;right:8px}@keyframes room-ping{0%{box-shadow:0 0 #ffd166b3}to{box-shadow:0 0 0 10px #ffd16600}}.room-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.room-track{gap:5px;padding:6px 2px 0;display:flex}.room-track i{background:color-mix(in srgb, var(--side) 22%, transparent);height:5px;transition:background .5s, transform .5s var(--spring);border-radius:4px;flex:1}.room-track i.cx{flex:.55}.room-track i.done{background:var(--side-grad);opacity:.75}.room-track i.now{background:var(--side-grad);box-shadow:0 0 14px var(--side-glow);transform:scaleY(1.8)}.room-core{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.room-who{letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:22px;display:flex}.room-who b{font-weight:750}.room-arrow{color:var(--dim)}.room-speech{color:var(--fg-2);font-size:15px}.room-speech .num{color:var(--dim);margin-right:4px}.room-digits-wrap{margin:6px 0 2px;line-height:.9;position:relative}.room .timer-digits{font-size:clamp(92px,29vw,220px);transition:opacity .4s,filter .4s}.room .timer-digits.paused{opacity:.5;filter:saturate(.4);animation:1.8s ease-in-out infinite room-blink}@keyframes room-blink{50%{opacity:.3}}.room-progress{background:#ffffff14;border-radius:3px;width:min(300px,70vw);height:3px;overflow:hidden}.room-progress i{background:var(--side-grad);border-radius:inherit;width:0;height:100%;transition:width .25s linear;display:block}.room-progress.over i{background:linear-gradient(90deg, #ff8f8f, var(--danger))}.room-sub{color:var(--dim);min-height:20px;font-size:14px}.room-extra{flex-direction:column;align-items:center;gap:10px;min-height:0;margin-top:6px;display:flex}.room-last{opacity:.85}.room-check{--bh:auto;flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:10px 18px;display:inline-flex}.room-check .num{font-size:12px}.room-check .dot{display:none}.room-check .dot.on{background:var(--side);width:8px;height:8px;box-shadow:0 0 10px var(--side-glow);border-radius:50%;display:block;position:absolute;top:8px;right:10px}.room-actions{flex-direction:column;gap:8px;width:100%;max-width:520px;margin:0 auto;display:flex}.room-actions .btn-xl{min-height:76px;font-size:19px}.room-second{justify-content:center;gap:10px;min-height:44px;display:flex}.room-second .btn{min-width:96px;min-height:44px}.room [hidden]{display:none!important}.room-dock{flex-direction:column;gap:8px;width:100%;max-width:520px;margin:0 auto;display:flex}.room-preps{grid-template-columns:1fr 1fr;gap:8px;display:grid}.prep-pill{cursor:pointer;text-align:left;min-height:52px;color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--side) 35%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .4s var(--spring), opacity .3s, box-shadow .3s;background:#ffffff0f;border:0;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;display:flex;position:relative;overflow:hidden}.prep-pill:active{transform:scale(.96)}.prep-pill:disabled{opacity:.38;cursor:default}.prep-pill .prep-ring{background:var(--side-grad);transform-origin:0;height:3px;transform:scaleX(var(--left,1));transition:transform .3s linear;position:absolute;inset:auto 0 0}.prep-name{font-size:14px;font-weight:650}.prep-pill .num{color:var(--dim);font-size:12px}.prep-pill.running{background:color-mix(in srgb, var(--side) 22%, #ffffff0a);box-shadow:inset 0 0 0 1.5px var(--side), 0 0 26px -6px var(--side-glow)}.prep-pill.running .num{color:var(--fg)}.room-notes-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.room-notes-btns .btn{gap:8px;min-height:44px}.room-center{flex:1;justify-content:center;width:100%;max-width:520px;margin:0 auto;padding-bottom:8px;overflow-y:auto}.times{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.times-row{grid-template-columns:10px 44px 1fr auto 58px;align-items:center;gap:8px;min-height:30px;display:grid}.times-row .side-dot{background:var(--side-grad);border-radius:50%;width:8px;height:8px}.times-v{font-size:14px}.times-over{color:#ffb4b4;justify-self:end}.swap-pair{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.swap-card{border-radius:24px;flex-direction:column;align-items:center;gap:8px;min-width:128px;padding:18px 14px;display:flex}.swap-card b{font-size:18px}.swap-x{color:var(--dim);font-size:22px}.swap-title{background:var(--an-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.room-flash{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(80% 60% at 50% 45%, var(--side-glow), transparent 75%);place-items:center;display:grid;position:fixed;inset:0}.room-flash span{text-align:center;font:800 clamp(26px, 7vw, 54px)/1.05 var(--font);letter-spacing:-.03em;color:#fff;text-shadow:0 4px 30px #00000080;padding:0 24px;transform:scale(.9)}.room-flash.on{animation:room-flash 1.5s var(--ease-out) both}.room-flash.on span{animation:room-flash-t 1.5s var(--spring) both}@keyframes room-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes room-flash-t{0%{transform:scale(.7)}30%{transform:scale(1)}to{transform:scale(1.04)}}.room-face-tools{top:calc(var(--safe-t,0px) + 10px);z-index:3;justify-content:center;gap:8px;display:none;position:absolute;left:0;right:0}.room-face-tools .btn{gap:6px;min-height:44px}.room.face .room-face-tools{display:flex}.room.face .room-top,.room.face .room-dock,.room.face .room-actions,.room.face .room-track,.room.face .room-extra,.room.face .room-progress{display:none}.room.face .room-mem{opacity:.66}.room.face .timer-digits{font-size:min(36vw,40vh)}.room.face .room-who{font-size:clamp(26px,7vw,44px)}.room.face .room-sub{font-size:18px}.room.flip .room-body{transform:rotate(180deg)}.room.face .room-center{display:none}.notes-private{align-items:center;gap:6px;display:flex}.notes-private:before{content:"";background:var(--side-grad);opacity:.7;border-radius:4px;flex:none;width:14px;height:14px;-webkit-mask:radial-gradient(circle at 50% 38%,#000 2.2px,#0000 2.6px),linear-gradient(#000,#000) 50% 85%/10px 5px no-repeat;mask:radial-gradient(circle at 50% 38%,#000 2.2px,#0000 2.6px),linear-gradient(#000,#000) 50% 85%/10px 5px no-repeat}.note-add{gap:8px;display:flex}.note-add .input{flex:1;min-height:48px}.note-add .btn-icon{--bh:48px;font-size:24px}.note-item{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:16px;flex-direction:column;gap:10px;margin-top:8px;padding:12px 14px;transition:background .3s;display:flex}.note-item.marked{background:#ffffff05}.note-item:not(.marked){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--side) 35%, transparent)}.note-text{font-size:16px;line-height:1.35}.note-x{color:var(--faint);cursor:pointer;background:0 0;border:0;min-width:44px;min-height:36px;margin:-8px -10px -8px 0;font-size:14px}.note-x:hover{color:var(--fg)}.notes-empty{padding:18px 4px}.cx-ans{min-height:44px}@media (min-width:900px){.room{padding-left:32px;padding-right:32px}.room-core{gap:12px}.room-who{font-size:28px}}@media (max-height:640px){.room .timer-digits{font-size:clamp(80px,24vw,160px)}.room-actions .btn-xl{min-height:64px}}.note-item>.row{flex-wrap:nowrap;align-items:flex-start}.note-item .note-text{flex:1;min-width:0}