:root{--bg: #1a1411;--bg-2: #211a16;--surface: rgba(48, 40, 35, .66);--surface-solid: #2a2420;--surface-2: rgba(255, 238, 214, .08);--glass: linear-gradient(180deg, rgba(52, 44, 39, .72), rgba(30, 26, 24, .72));--glass-hover: linear-gradient(180deg, rgba(66, 56, 49, .86), rgba(40, 34, 31, .86));--line: rgba(255, 233, 205, .1);--line-2: rgba(255, 233, 205, .18);--text: #f4ece0;--text-2: #c9bdae;--text-3: #968b7d;--ink: #efbd68;--ink-fg: #2a1a07;--ink-hover: #f7cf86;--tile: rgba(255, 238, 214, .06);--tile-on: rgba(255, 238, 214, .12);--hover: rgba(255, 238, 214, .08);--scrim: rgba(10, 7, 5, .58);--ring-track: rgba(255, 238, 214, .18);--amber: #f0b255;--amber-2: #ffcf86;--amber-ink: #2b1a07;--teal: #62d3c3;--teal-ink: #062824;--rose: #f0908a;--away: #98a0ac;--focus: var(--amber);--break: var(--teal);--r-pill: 999px;--r-xl: 32px;--r-lg: 26px;--r-md: 18px;--r-sm: 12px;--shadow: 0 10px 30px rgba(8, 5, 3, .45), inset 0 1px 0 rgba(255, 240, 220, .09);--shadow-lg: 0 26px 60px rgba(6, 4, 2, .6), inset 0 1px 0 rgba(255, 240, 220, .07);--font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}h1,h2,h3{margin:0;letter-spacing:-.02em}.muted{color:var(--text-3);font-weight:500}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lede{color:var(--text-2);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface-solid);font-weight:650;transition:background .2s var(--ease),transform .15s var(--ease),opacity .2s,box-shadow .2s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4}.btn.primary{background:linear-gradient(180deg,#f5cb82,#e6ab52);color:var(--ink-fg);border-color:transparent;box-shadow:0 10px 26px #e6ab5240,inset 0 1px #ffffff59}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#f9d594,#ecb660)}.btn.big{min-height:58px;padding:0 28px;font-size:16px}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn.sm{min-height:40px;padding:0 16px;font-size:13.5px}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--r-pill);border:0;background:transparent;color:var(--text-2);transition:background .2s,color .2s,transform .15s var(--ease)}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn:active{transform:scale(.94)}.icon-btn.sm{width:36px;height:36px}.icon-btn.round{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text)}.icon-btn.round:hover{background:var(--glass-hover)}.link{background:none;border:0;color:var(--text);text-decoration:underline;text-underline-offset:3px;font-weight:700;padding:4px 6px;min-height:32px}.chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 14px 4px 5px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-weight:650}.tag{font-size:12px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill);background:var(--hover);color:var(--text-2)}.form-error{color:var(--rose);margin:10px 0 0;font-weight:600}.demo-note{color:var(--text-3);font-size:13px;margin:14px 0 0;text-align:center}.avatar{position:relative;display:inline-block;flex:none;border-radius:50%;overflow:hidden;background:var(--surface-2)}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.18);transform-origin:50% 30%}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--text)}.brand-mark{color:var(--ink);flex:none;display:block;border-radius:7px;object-fit:contain}input:not([type]),input[type=text],input[type=search]{width:100%;min-height:52px;padding:0 18px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);outline:none;transition:border-color .2s,background .2s,box-shadow .2s}input:not([type]):focus,input[type=text]:focus{border-color:var(--text-2);background:var(--surface-solid);box-shadow:0 0 0 4px var(--hover)}input::placeholder{color:var(--text-3)}.creator{position:relative;height:100dvh;overflow:hidden;display:grid;grid-template-columns:84px minmax(0,1fr) clamp(400px,38vw,560px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top top" "steps stage panel";padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:radial-gradient(46% 52% at 42% 52%,rgba(240,178,85,.17),transparent 72%),radial-gradient(90% 60% at 50% 0%,rgba(255,238,214,.05),transparent 70%),linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3) 100%),var(--bg)}.creator-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 36px 0 34px;position:relative;z-index:4}.top-left{display:flex;align-items:center;gap:12px;min-width:0}.brand-name{white-space:nowrap}.stepper{grid-area:steps;align-self:center;justify-self:center;list-style:none;margin:0 0 0 18px;padding:8px 7px;display:flex;flex-direction:column;align-items:center;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;z-index:3}.stepper li{display:flex;flex-direction:column;align-items:center}.stepper li+li:before{content:"";width:1.5px;height:14px;background:var(--line-2)}.stepper li.done+li:before,.stepper li.on:before{background:var(--ink);opacity:.5}.step-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0;border:1.5px solid var(--line-2);background:transparent;color:var(--text-3);font-size:13px;font-weight:700;transition:background .3s var(--ease),color .3s,border-color .3s,transform .2s var(--ease)}.stepper li.on .step-dot{background:var(--ink);border-color:var(--ink);color:var(--ink-fg)}.stepper li.done .step-dot{background:var(--surface-solid);border-color:var(--ink);color:var(--ink)}.stepper li.done .step-dot:hover:not(:disabled){transform:scale(1.08)}.stage{grid-area:stage;position:relative;min-height:0;overflow:hidden}.stage-canvas{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease)}.stage.ready .stage-canvas{opacity:1}.stage-floor{position:absolute;left:50%;bottom:7%;width:min(440px,76%);height:12%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,var(--hover),transparent 90%);box-shadow:inset 0 0 0 1px var(--line)}.stage-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px}.stage-fallback span:nth-child(1){width:92px;height:44px;border-radius:46px 46px 12px 12px}.stage-fallback span:nth-child(2){width:84px;height:70px;border-radius:40px;margin-top:-24px}.stage-fallback span:nth-child(3){width:104px;height:90px;border-radius:40px 40px 20px 20px}.stage-fallback span{opacity:.55;animation:fade-in .4s}.stage-fallback em{margin-top:14px;font-style:normal;font-size:13px;color:var(--text-3);font-weight:600}.stage-tag{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:1;display:inline-flex;align-items:center;gap:6px;max-width:80%;padding:8px 18px;border-radius:var(--r-pill);background:var(--surface-solid);color:var(--text);border:1px solid var(--line);font-weight:750;font-size:16px;box-shadow:var(--shadow);animation:tag-pop .32s var(--ease)}.stage-tag>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-flag{font-size:17px;line-height:1}@keyframes tag-pop{0%{transform:translate(-50%) scale(.86)}}.stage-note{position:absolute;left:12%;top:36%;z-index:1;display:grid;justify-items:start;gap:0;pointer-events:none;font-family:var(--hand);font-size:26px;font-weight:500;line-height:1;color:var(--text-2);transform:rotate(-7deg)}.stage-note span{max-width:3.6em}.stage-note svg{margin:2px 0 0 26px;color:var(--text-3)}.stage-rail{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}.rail-btn{width:46px;height:46px;border:0;border-radius:50%;background:transparent;color:var(--text-2);display:grid;place-items:center;transition:background .2s,color .2s,transform .2s var(--ease)}.rail-btn:hover{background:var(--hover);color:var(--text)}.rail-btn:active{transform:scale(.9) rotate(-10deg)}.rail-rotate,.rail-zoom{display:none}.stage-rotate{position:absolute;left:24px;bottom:26px;z-index:2;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px 0 18px;border-radius:var(--r-pill);background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);font-weight:650;font-size:14px;transition:transform .15s var(--ease),background .2s}.stage-rotate:hover{background:var(--glass-hover)}.stage-rotate:active{transform:scale(.96)}.tip-card{position:absolute;right:22px;bottom:26px;z-index:2;width:214px;padding:14px 16px;border-radius:var(--r-md);display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tip-card p{margin:0;font-size:12.5px;line-height:1.35;font-weight:600;color:var(--text-2);animation:fade-in .4s var(--ease)}.tip-dots{grid-column:2;display:flex;gap:5px;margin-top:4px}.tip-dots i{width:5px;height:5px;border-radius:50%;background:var(--line-2);transition:background .3s,transform .3s}.tip-dots i.on{background:var(--ink);transform:scale(1.2)}.creator-panel{grid-area:panel;align-self:center;position:relative;z-index:2;display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 120px);margin:8px 34px 30px 0;background:linear-gradient(180deg,#3a302ac7,#221c19d1);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);overflow:hidden;transition:height .45s var(--ease),margin .45s var(--ease),border-radius .45s var(--ease),opacity .3s var(--ease),background-color .45s}.pane{display:flex;flex-direction:column;gap:16px;padding:22px 24px 4px;min-height:0;flex:1 1 auto;animation:pane-in .35s var(--ease)}@keyframes pane-in{0%{opacity:0;transform:translateY(10px)}}.pane-head h1{font-size:28px;line-height:1.12;font-weight:800}.pane-head .lede{font-size:15px;margin-top:6px}.pane-body{display:grid;gap:18px;align-content:start;overflow-y:auto;min-height:0;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:thin}.invite-note{margin:0;font-size:13px;font-weight:700;color:var(--text-2);background:var(--surface-2);padding:8px 14px;border-radius:var(--r-pill);justify-self:start}.tabs{display:flex;gap:2px;flex:none}.tabs button{flex:1 1 0;min-width:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;padding:7px 2px 6px;white-space:nowrap;border:0;border-radius:18px;background:transparent;color:var(--text-3);font-weight:650;font-size:12.5px;letter-spacing:.01em;transition:background .25s var(--ease),color .25s}.tabs button:hover{color:var(--text)}.tabs button.on{background:var(--surface-2);color:var(--text)}.tabs button svg{flex:none;transition:transform .3s var(--ease),color .25s}.tabs button.on svg{color:var(--ink);transform:translateY(-1px) scale(1.06)}.options{animation:fade-in .25s var(--ease)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;overflow:hidden;border-radius:22px;border:1.5px solid transparent;background:var(--tile);color:var(--text-2);transition:border-color .2s,background .2s,transform .18s var(--ease),box-shadow .25s}.tile:hover{background:var(--tile-on);transform:translateY(-2px);box-shadow:var(--shadow)}.tile:active{transform:scale(.95)}.tile.on{border-color:var(--ink);background:var(--tile-on);color:var(--text);box-shadow:var(--shadow)}.tile.on .tile-art{animation:tile-bounce .42s var(--ease)}.tile-art{position:absolute;inset:0;display:block}.thumb{display:block;width:100%;height:100%}.thumb:not(.ready){background:radial-gradient(circle at 50% 46%,rgba(255,238,214,.12),transparent 62%);animation:thumb-wait 1.3s ease-in-out infinite}.thumb.ready{animation:thumb-in .35s var(--ease)}@keyframes thumb-wait{50%{opacity:.45}}@keyframes thumb-in{0%{opacity:0;transform:scale(.96)}}.tile-name{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 4px 5px;font-size:11px;font-weight:700;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(#18120f00,#18120f9e 70%);pointer-events:none}.tile.on .tile-name{color:var(--text)}.tile-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--ink-fg);display:grid;place-items:center}.tiles-note{margin-top:10px;font-size:12.5px}.tiles.tall .tile{aspect-ratio:3 / 4}.tiles.tall .thumb,.gender-art .thumb{object-fit:cover}.gender-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gender-card{position:relative;display:grid;grid-template-rows:auto 1fr;justify-items:start;gap:10px;padding:0 0 14px;overflow:hidden;text-align:left;border-radius:22px;border:1.5px solid transparent;background:var(--tile);color:var(--text-2);transition:border-color .2s,background .2s,transform .18s var(--ease),box-shadow .25s}.gender-card:hover{background:var(--tile-on);border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow)}.gender-card:active{transform:scale(.97)}.gender-art{position:relative;display:block;width:100%;aspect-ratio:3 / 4;background:radial-gradient(circle at 50% 70%,rgba(255,238,214,.1),transparent 65%)}.gender-card.is-unset .gender-art{opacity:.85}.gender-text{display:grid;gap:3px;padding:0 14px}.gender-text strong{font-size:15.5px;font-weight:800;color:var(--text);line-height:1.2}.gender-text span{font-size:12px;line-height:1.35;color:var(--text-3)}.gender-card>svg{position:absolute;top:12px;right:12px;color:var(--text-3);opacity:0;transform:translate(-4px);transition:opacity .2s,transform .25s var(--ease)}.gender-card:hover>svg{opacity:1;transform:none;color:var(--ink)}.gender-chip{align-self:start;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 6px 0 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);font-size:12.5px;font-weight:700;color:var(--text);transition:background .2s,border-color .2s}.gender-chip:hover{background:var(--hover);border-color:var(--line-2)}.gender-chip-change{padding:3px 9px;border-radius:var(--r-pill);background:var(--tile-on);color:var(--text-2);font-size:11.5px}.creator-foot[hidden]{display:none}@keyframes tile-bounce{40%{transform:scale(1.1) translateY(-3px)}70%{transform:scale(.97)}}.colors{flex:none;display:grid;gap:16px;padding:16px 0 4px;border-top:1px solid var(--line)}.swatches{display:grid;gap:12px;transition:opacity .2s}.swatches.disabled{opacity:.4}.swatches-label{font-size:13.5px;font-weight:650;color:var(--text-2)}.swatch-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.swatch{width:28px;height:28px;border-radius:50%;border:0;padding:0;box-shadow:inset 0 0 0 1px #00000024;transition:transform .18s var(--ease),box-shadow .2s}.swatch:hover:not(:disabled){transform:scale(1.12)}.swatch.on{box-shadow:inset 0 0 0 1px #00000024,0 0 0 3px var(--surface-solid),0 0 0 4.5px var(--ink);transform:scale(1.04)}.swatch-shuffle{margin-left:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:transparent;color:var(--text-2);transition:background .2s,transform .3s var(--ease)}.swatch-shuffle:hover:not(:disabled){background:var(--hover);transform:rotate(90deg)}.name-row{display:flex;gap:10px}.name-row input{font-size:20px;font-weight:700;min-height:60px}.name-dice{width:60px;height:60px;flex:none;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--r-md)}.name-dice:active{transform:rotate(-12deg) scale(.94)}.hint{margin:0;color:var(--text-3);font-size:13.5px}.search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);color:var(--text-3);transition:border-color .2s,background .2s,box-shadow .2s}.search:focus-within{border-color:var(--text-2);background:var(--surface-solid);box-shadow:0 0 0 4px var(--hover)}.search input{flex:1;min-width:0;min-height:50px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none;font-size:15px;-webkit-appearance:none;appearance:none}.search input::-webkit-search-cancel-button{opacity:.5}.country-list{list-style:none;margin:0;padding:6px;display:grid;gap:2px;max-height:min(34dvh,320px);overflow-y:auto;border-radius:var(--r-md);border:1px solid var(--line);background:var(--tile);scrollbar-width:thin}.country-list button{width:100%;display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border:0;border-radius:var(--r-sm);background:transparent;text-align:left;font-weight:600;color:var(--text-2);transition:background .15s}.country-list button:hover{background:var(--hover)}.country-list button.on{background:var(--tile-on);color:var(--text);box-shadow:var(--shadow)}.country-flag{font-size:20px;line-height:1;width:24px;text-align:center}.country-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-list .icon,.country-list svg:last-child{flex:none}.country-empty{padding:14px 12px;color:var(--text-3);font-size:14px}.city{min-height:48px!important;font-size:14.5px}.creator-foot{flex:none;display:grid;gap:4px;padding:14px 24px 24px}.creator-foot .btn{width:100%}.creator-foot .demo-note{margin-top:8px}.creator-foot .form-error{margin:0 0 8px}.turnstile{min-height:0}@media (min-width: 900px){.creator:not(.step-0) .stage-rail{display:none}}@media (max-width: 1199px){.tip-card{display:none}.stage-note{left:5%;font-size:23px}}@media (max-width: 899px){.creator{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top" "stage" "panel"}.creator-top{padding:12px 18px 0;min-height:56px;box-sizing:border-box}.creator:not(.step-0) .brand{display:none}.stepper{grid-area:top;align-self:center;justify-self:end;flex-direction:row;margin:6px 18px 0 0;padding:4px}.stepper li{flex-direction:row}.stepper li+li:before{width:14px;height:1.5px}.step-dot{width:26px;height:26px;font-size:12px}.stage-rotate,.tip-card{display:none}.stage-note{left:16px;top:28%;font-size:20px}.stage-note svg{width:46px;height:30px;margin:2px 0 0 18px}.rail-rotate,.rail-zoom{display:grid}.stage-rail{right:12px;padding:3px}.rail-btn{width:40px;height:40px}.stage-floor{bottom:6%;width:min(300px,70%)}.stage-tag{top:8px}.creator-panel{margin:0 14px 14px;max-height:66dvh;border-radius:var(--r-xl)}.pane{padding:18px 18px 2px;gap:14px}.pane-head h1{font-size:24px}.creator-foot{padding:12px 18px 18px}.country-list{max-height:28dvh}.creator.step-0 .creator-panel{height:clamp(380px,60dvh,560px);max-height:none;margin:0;border-width:1px 0 0;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#322a25f0,#201b18f7)}.creator.step-0 .creator-panel:before{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line-2)}.creator.step-0 .pane{padding:18px 14px 0;gap:12px}.tabs{gap:2px;padding:3px;border-radius:20px;background:#00000038}.tabs button{min-height:48px;padding:5px 0 4px;gap:3px;font-size:11.5px;border-radius:17px}.tabs button.on{background:var(--tile-on);box-shadow:var(--shadow)}.pane-body{scrollbar-width:none;margin:0 -14px;padding:2px 14px 18px;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),transparent);mask-image:linear-gradient(#000 calc(100% - 22px),transparent)}.creator:not(.step-0) .pane-body{margin:0 -2px;padding:2px 2px 6px;-webkit-mask-image:none;mask-image:none}.pane-body::-webkit-scrollbar{display:none}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tile{border-radius:18px}.tile:hover{transform:none;box-shadow:none}.tile-name{font-size:10.5px;padding:10px 2px 4px}.tile-check{top:5px;right:5px;width:18px;height:18px}.tile-check svg{width:11px;height:11px}.colors{gap:8px;padding:10px 0 0}.swatches{position:relative;gap:0}.swatches-label{font-size:12.5px}.swatch-row{flex-wrap:nowrap;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:9px 14px}.swatch-row::-webkit-scrollbar{display:none}.swatch{flex:none;width:32px;height:32px}.swatch-shuffle{position:absolute;top:-6px;right:0;width:30px;height:30px;margin:0}.creator.step-0 .creator-foot{padding:10px 14px calc(12px + var(--safe-b))}.creator.step-0{padding-bottom:0}.creator.zoom .creator-panel{height:0;margin:0 14px;border-width:0;padding:0;opacity:0;pointer-events:none}.creator.zoom.step-0 .creator-panel{margin:0}.creator.zoom .stepper{opacity:0;pointer-events:none}}@media (max-width: 359px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.tabs button{font-size:10.5px}}@media (max-width: 899px) and (max-height: 640px){.pane-head .lede{display:none}.pane{gap:10px;padding-top:12px}.creator.step-0 .creator-panel{height:62dvh;min-height:0}.tabs button{min-height:46px}}.lobby{max-width:760px;margin:0 auto;padding:calc(16px + var(--safe-t)) 16px calc(40px + var(--safe-b))}.lobby-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.quick{margin-top:28px;padding:28px;border-radius:var(--r-xl);display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow)}.quick h1{font-size:clamp(24px,5vw,32px);font-weight:800;margin-bottom:6px}.quick>div{flex:1 1 280px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:36px 0 10px}.rooms h2,.create h2{font-size:17px;font-weight:750}.room-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.room-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 12px 12px 18px;border-radius:var(--r-md);background:var(--surface-solid);border:1px solid var(--line)}.room-main{display:grid;gap:4px;min-width:0}.room-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);flex-wrap:wrap;font-variant-numeric:tabular-nums}.phase-dot{width:8px;height:8px;border-radius:50%;background:var(--focus)}.phase-dot.break{background:var(--break)}.seats{font-weight:750;font-variant-numeric:tabular-nums;color:var(--text-2)}.create{margin-top:36px}.create-form{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.create-form input:not([type]){flex:1 1 220px;width:auto}.seg{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line)}.seg button{min-height:40px;min-width:64px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-weight:700;transition:background .2s,color .2s}.seg button.on{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow)}.check{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--text-2);font-weight:600}.check input{width:18px;height:18px;accent-color:var(--ink)}.room{position:fixed;inset:0;overflow:hidden;background:#1a1411;color:var(--text)}.scene-wrap{position:absolute;inset:0}.scene-host{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease)}.scene-host.ready{opacity:1}.scene-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.scene-canvas:active{cursor:grabbing}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-3);padding:24px;text-align:center}.scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0e090666 0,#0e090600 calc(110px + var(--safe-t))),linear-gradient(0deg,#0e090675 0,#0e090600 calc(140px + var(--safe-b)))}.seat-label{position:absolute;left:0;top:0;white-space:nowrap;padding:4px 11px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;letter-spacing:.01em;background:#1c1714bd;color:#f6eee2;border:1px solid rgba(255,233,205,.12);box-shadow:0 4px 14px #00000059;will-change:transform}.seat-label.me{background:#efbd68;color:#2a1a07;border-color:transparent}.seat-label.away{opacity:.6}.joining{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text-2);font-weight:650;font-size:14px;pointer-events:none;white-space:nowrap}.joining-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{50%{opacity:.35;transform:scale(.75)}}.circle-btn,.move-room-btn,.timer-pill,.controls,.mobile-bar,.people-btn.top-people,.cam-caption,.room-name-chip,.restore-ui,.alone-line{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.ui{transition:opacity .35s var(--ease),transform .35s var(--ease)}.ui-hidden .ui{opacity:0;pointer-events:none}.ui-hidden .room-top{transform:translateY(-12px)}.ui-hidden .controls{transform:translate(-50%,12px)}.ui-hidden .mobile-bar{transform:translateY(16px)}.room-top{position:absolute;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:calc(12px + var(--safe-t)) calc(14px + var(--safe-r)) 0 calc(14px + var(--safe-l));pointer-events:none}.room-top>*{pointer-events:auto}.top-left-actions{display:flex;align-items:center;gap:8px;justify-self:start;min-width:0}.top-right-actions{display:flex;align-items:center;gap:8px;justify-self:end}.circle-btn{width:42px;height:42px;border-radius:50%;flex:none;color:var(--text);display:grid;place-items:center;transition:background .2s,transform .15s var(--ease)}.circle-btn:hover,.circle-btn.active{background:var(--glass-hover)}.circle-btn:active{transform:scale(.94)}.move-room-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-height:42px;padding:0 16px 0 13px;border-radius:var(--r-pill);color:var(--text);font-weight:650;font-size:13.5px;transition:background .2s,transform .15s var(--ease)}.move-room-btn svg{color:var(--text-2);flex:none}.move-room-btn:hover:not(:disabled){background:var(--glass-hover)}.move-room-btn:active:not(:disabled){transform:scale(.97)}.move-room-btn:disabled{opacity:.6}.timer-pill{--ring: var(--amber);display:inline-flex;align-items:center;gap:11px;justify-self:center;min-height:44px;padding:0 16px 0 13px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums;color:var(--text);user-select:none;transition:background .2s,transform .15s var(--ease),box-shadow .3s}.timer-pill.break{--ring: var(--teal)}.timer-pill:hover,.timer-pill.open{background:var(--glass-hover)}.timer-pill:active{transform:scale(.97)}.t-ring{width:19px;height:19px;border-radius:50%;flex:none;background:conic-gradient(var(--ring) calc(var(--p, 0) * 360deg),var(--ring-track) 0);-webkit-mask:radial-gradient(circle,transparent 6px,#000 6.5px);mask:radial-gradient(circle,transparent 6px,#000 6.5px);transition:background .4s linear}.t-clock{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1}.t-phase{font-size:13px;font-weight:750;color:var(--ring);text-transform:lowercase}.people-btn{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px 0 7px;border-radius:var(--r-pill);border:0;color:var(--text);transition:background .2s,transform .15s var(--ease)}.people-btn:active{transform:scale(.97)}.people-btn.top-people:hover{background:var(--glass-hover)}.people-stack{display:flex;align-items:center}.people-stack-item{display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px var(--surface-solid)}.people-stack-item+.people-stack-item{margin-left:-9px}.people-count{font-size:14px;color:var(--text-2);font-weight:650;white-space:nowrap}.people-count strong{color:var(--text);font-size:15px;font-weight:800}.unread-dot-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--teal);color:var(--teal-ink);font-size:11px;font-weight:850;line-height:1}.people-btn .unread-dot-badge{position:absolute;top:2px;left:26px;box-shadow:0 0 0 2px var(--surface-solid)}.controls{position:absolute;z-index:5;left:50%;bottom:calc(18px + var(--safe-b));transform:translate(-50%);display:flex;align-items:center;gap:1px;padding:4px 6px;border-radius:var(--r-pill);transition:left .35s var(--ease),opacity .35s var(--ease),transform .35s var(--ease)}.dock-sep{width:1px;height:20px;background:var(--line-2);margin:0 4px}.weather-segmented{display:inline-flex;padding:2px;border-radius:var(--r-pill);background:#00000038;border:1px solid var(--line);margin:0 3px}.seg-btn{min-height:30px;padding:0 12px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:12.5px;font-weight:650;transition:background .2s,color .2s}.seg-btn:hover:not(.active){color:var(--text)}.seg-btn.active{background:var(--ink);color:var(--ink-fg);font-weight:750}.ctl{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);transition:background .2s,color .2s}.ctl:hover{color:var(--text);background:var(--hover)}.ctl.active{color:var(--amber-2);background:#f0b25529}.people-pill-btn{width:auto;padding:0 12px;display:inline-flex;align-items:center;gap:7px}.count-badge{font-size:13px;font-weight:750}.mobile-bar{position:absolute;z-index:6;left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px;border-radius:26px}.people-btn.bar-people{min-height:46px;padding:0 14px 0 8px;border-radius:20px;background:var(--surface-2)}.bar-actions{display:flex;align-items:center;gap:2px}.bar-btn{position:relative;width:46px;height:46px;border-radius:20px;border:0;background:transparent;color:var(--text-2);display:grid;place-items:center;transition:background .2s,color .2s,transform .15s var(--ease)}.bar-btn:active{transform:scale(.92);background:var(--hover)}.bar-btn.active{background:#f0b25529;color:var(--amber-2)}.bar-btn.on{color:var(--amber-2)}.bar-btn.off{color:var(--text-3)}.bar-btn-dot{position:absolute;top:12px;right:11px;width:7px;height:7px;border-radius:50%;background:#ff6b5e;box-shadow:0 0 0 2px var(--surface-solid);animation:rec-pulse 2.4s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.35}}.cam-hud{position:absolute;z-index:5;left:50%;transform:translate(-50%);bottom:calc(86px + var(--safe-b));display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none;transition:left .35s var(--ease),opacity .35s var(--ease)}.is-desk .cam-hud{bottom:calc(86px + var(--safe-b))}.cam-caption{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:36px;padding:0 15px 0 13px;border-radius:var(--r-pill);font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:caption-in .45s var(--ease)}.cam-caption.recenter{color:var(--text)}.cam-caption.recenter svg{flex:none}.cam-rec{width:7px;height:7px;border-radius:50%;background:#ff6b5e;flex:none;animation:rec-pulse 2.4s ease-in-out infinite}@keyframes caption-in{0%{opacity:0;transform:translateY(6px)}}.pop-scrim{position:absolute;inset:0;z-index:8}.pop-scrim.dim{background:var(--scrim);animation:fade-in .2s var(--ease)}.popover{position:absolute;z-index:9;left:50%;transform:translate(-50%);width:min(332px,calc(100vw - 24px));padding:16px;border-radius:var(--r-lg);background:linear-gradient(180deg,#342c27,#261f1c);border:1px solid var(--line);box-shadow:var(--shadow-lg);display:grid;gap:12px;animation:pop-in .22s var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,6px) scale(.98)}}.timer-pop{top:calc(78px + var(--safe-t))}.ambience-popover{bottom:calc(88px + var(--safe-b))}.pop-eyebrow{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.pop-note{margin:-6px 0 0;font-size:13px;color:var(--text-2)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset{display:grid;justify-items:start;gap:2px;padding:14px 16px;border-radius:20px;text-align:left;border:1.5px solid transparent;background:var(--tile);color:var(--text-2);transition:border-color .2s,background .2s,transform .15s var(--ease)}.preset strong{font-size:26px;font-weight:800;color:var(--text);line-height:1.05;letter-spacing:-.02em}.preset span{font-size:12px;font-weight:650}.preset:hover{background:var(--tile-on)}.preset:active{transform:scale(.97)}.preset.on{border-color:var(--amber);background:#f0b2551f}.pop-actions{display:flex;gap:8px}.pop-actions .btn{flex:1}.pop-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}.pop-label{font-size:14px;color:var(--text-2);font-weight:650}.chip-toggle{min-height:34px;min-width:66px;padding:0 15px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:transparent;color:var(--text-2);font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.chip-toggle.active{background:var(--amber);color:#2a1a07;border-color:var(--amber)}.vol-slider{flex:1;max-width:170px;accent-color:var(--amber)}.vol-slider:disabled{opacity:.4}.fps-segmented{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line)}.fps-btn{min-height:30px;padding:0 11px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:12.5px;font-weight:700}.fps-btn.active{background:var(--ink);color:var(--ink-fg)}.popover .weather-segmented{margin:0}.popover .seg-btn{padding:0 12px}.action-sheet{position:absolute;z-index:9;left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));bottom:calc(10px + var(--safe-b));padding:8px 8px 12px;border-radius:30px;display:grid;gap:2px;background:linear-gradient(180deg,#342c27,#261f1c);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:sheet-up .32s var(--ease)}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}}.sheet-grip{width:38px;height:5px;border-radius:3px;background:var(--line-2);margin:4px auto 8px}.action-item{display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 10px;border:0;border-radius:20px;background:transparent;text-align:left;color:var(--text);transition:background .15s}.action-item:hover,.action-item:active{background:var(--hover)}.action-item:disabled{opacity:.55}.action-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--text)}.action-text{display:grid;gap:1px;min-width:0}.action-text strong{font-size:15px;font-weight:750}.action-text small{font-size:12.5px;color:var(--text-3);font-weight:550}.sheet-cancel{margin-top:6px;width:100%}.restore-ui{position:absolute;z-index:6;right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));width:48px;height:48px;border-radius:50%;color:var(--text-2);display:grid;place-items:center;opacity:.8;transition:opacity .2s}.restore-ui:hover,.restore-ui:focus-visible{opacity:1}.panel{position:absolute;z-index:10;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#342c27,#272120 55%,#201b19);border:1px solid var(--line);box-shadow:var(--shadow-lg);transition:transform .38s var(--ease),visibility .38s;visibility:hidden}.panel.open{transform:none;visibility:visible}.panel.dragging{transition:none}.panel-grip{width:40px;height:5px;border-radius:3px;background:var(--line-2);margin:10px auto 0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 12px 12px 18px}.panel-title{font-size:19px;font-weight:800;letter-spacing:-.02em}.panel-title-sub{font-size:14px;font-weight:600;color:var(--text-3);letter-spacing:0}.panel-summary{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12.5px;color:var(--text-2);font-weight:600}.sum i{font-style:normal;margin-right:5px;font-size:11px}.sum.focusing i{color:var(--focus)}.sum.break i{color:var(--break)}.sum.away i{color:var(--away)}.panel-tabs{display:flex;gap:4px;margin:0 16px 12px;padding:3px;border-radius:var(--r-pill);background:#00000040}.panel-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-weight:700;font-size:14px;transition:background .2s,color .2s}.panel-tabs button.on{background:#ffeed624;color:var(--text)}.tab-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--teal);color:var(--teal-ink);font-size:11px;font-weight:850}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}.panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px;overscroll-behavior:contain}.people{list-style:none;margin:0;padding:0;display:grid;gap:2px}.person{display:flex;align-items:center;gap:11px;padding:7px 6px 7px 8px;border-radius:16px;transition:background .15s}.person:hover{background:var(--hover)}.person.me{background:linear-gradient(90deg,#f0b25529,#f0b2550a)}.person-avatar{position:relative;display:inline-flex;flex:none}.person-avatar:after{content:"";position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:var(--focus);box-shadow:0 0 0 2.5px var(--surface-solid)}.person-avatar.break:after{background:var(--break)}.person-avatar.away:after{background:var(--surface-solid);box-shadow:0 0 0 2.5px var(--surface-solid),inset 0 0 0 2px var(--away)}.person-details{flex:1;min-width:0;display:grid;gap:1px}.person-name{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;font-size:14px}.person-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you{flex:none;font-size:10px;font-weight:800;color:#2a1a07;background:var(--amber);border-radius:var(--r-pill);padding:1px 8px;text-transform:uppercase;letter-spacing:.04em}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-3)}.status-pill.focusing .shape{color:var(--focus)}.status-pill.break .shape{color:var(--break)}.status-pill.away .shape{color:var(--away)}.status-pill .shape{font-size:11px;line-height:1}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:40px;z-index:10;display:grid;min-width:170px;padding:6px;border-radius:var(--r-md);background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:fade-in .15s var(--ease)}.menu button{text-align:left;min-height:40px;padding:0 12px;border:0;border-radius:var(--r-sm);background:transparent;font-weight:600;font-size:13.5px}.menu button:hover{background:var(--hover)}.menu button.danger{color:var(--rose)}.panel-stats{margin:10px 4px 4px;padding:12px 14px;border-radius:18px;background:#0003;border:1px solid var(--line)}.stats-title{margin:0 0 8px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:grid;font-size:12px;color:var(--text-3);font-weight:600}.stat strong{font-size:22px;line-height:1.15;color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}.chat-section{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 8px 6px}.chat-head{display:flex;align-items:center;gap:8px;padding:2px 8px 10px;color:var(--text-2)}.chat-head h3{font-size:14px;font-weight:750;color:var(--text)}.chat-lock{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-3)}.unread-badge{margin-left:auto;font-size:11.5px;font-weight:800;color:var(--teal-ink);background:var(--teal);border-radius:var(--r-pill);padding:1px 8px}.chat{list-style:none;margin:0;padding:0 6px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.chat-empty{margin:auto;display:grid;justify-items:center;text-align:center;gap:6px;padding:18px 12px;max-width:280px;color:var(--text-3);font-size:13px}.chat-empty strong{color:var(--text);font-size:14.5px}.chat-empty-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:var(--surface-2);color:var(--text-2);margin-bottom:2px}.chat-empty-icon.break{background:color-mix(in srgb,var(--teal) 16%,transparent);color:var(--teal)}.msg{display:grid;gap:2px;max-width:85%;align-self:flex-start;padding:9px 13px;border-radius:18px 18px 18px 6px;background:var(--surface-2);animation:fade-in .2s var(--ease)}.msg.mine{align-self:flex-end;background:linear-gradient(180deg,#f2c677,#e3a94f);color:#2a1a07;border-radius:18px 18px 6px}.msg-name{font-size:11.5px;font-weight:750;color:var(--text-3)}.msg.mine .msg-name{color:inherit;opacity:.65}.msg-text{font-size:14px;overflow-wrap:anywhere}.chat-composer{padding:10px 14px calc(14px + var(--safe-b));border-top:1px solid var(--line)}.input-wrap{position:relative;display:flex;align-items:center}.composer-input{width:100%;min-height:44px;border-radius:var(--r-pill);border:1px solid var(--line);background:#00000038;padding:0 54px 0 20px;color:var(--text);font-size:14px;outline:none}.composer-input:focus{border-color:var(--amber);background:#0000004d}.composer-input:disabled{opacity:.55}.send-btn{position:absolute;right:4px;width:36px;height:36px;border-radius:50%;border:0;background:var(--ink);color:var(--ink-fg);display:grid;place-items:center;transition:transform .15s,opacity .2s}.send-btn:active:not(:disabled){transform:scale(.92)}.send-btn:disabled{opacity:.3}.chat-error{margin:6px 4px 0;font-size:12.5px;font-weight:600;color:var(--rose)}.speech-bubbles-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.speech-bubble{position:absolute;top:0;left:0;padding:7px 15px;border-radius:var(--r-pill);background:#f1e8da;border:1px solid rgba(60,40,20,.1);color:#2a2018;font-size:13px;font-weight:600;box-shadow:0 6px 20px #00000047;animation:fade-in .3s var(--ease);pointer-events:none;white-space:nowrap;transition:opacity .3s;max-width:220px;overflow:hidden;text-overflow:ellipsis}.speech-bubble.locked{padding:2px 10px;color:#8a7f70;font-size:16px}.coach-overlay{position:fixed;inset:0;z-index:30;background:var(--scrim);display:grid;place-items:center;padding:16px;animation:fade-in .3s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.coach-card{width:min(380px,92vw);padding:24px;border-radius:var(--r-xl);background:linear-gradient(180deg,#342c27,#241e1b);border:1px solid var(--line);box-shadow:var(--shadow-lg);display:grid;gap:14px;text-align:left;animation:pane-in .35s var(--ease)}.coach-step-indicator{display:flex;gap:6px}.coach-dot{width:7px;height:7px;border-radius:50%;background:var(--line-2);transition:all .2s}.coach-dot.active{width:20px;border-radius:4px;background:var(--amber)}.coach-title{font-size:20px;font-weight:800}.coach-text{margin:0;font-size:14.5px;color:var(--text-2);line-height:1.55}.coach-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.gesture-hint{position:absolute;z-index:12;left:50%;transform:translate(-50%);bottom:calc(88px + var(--safe-b));width:min(340px,calc(100vw - 32px));padding:12px;border-radius:var(--r-lg);background:linear-gradient(180deg,#342c27,#261f1c);border:1px solid var(--line);box-shadow:var(--shadow-lg);display:grid;gap:10px;animation:pop-in .3s var(--ease);pointer-events:none}.gesture-hint button{pointer-events:auto}.gesture-stage{position:relative;height:150px;border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#3d332c,#1e1916);border:1px solid var(--line)}.gesture-copy{display:grid;gap:4px;padding:0 4px}.gesture-dots{display:flex;gap:6px;margin-bottom:2px}.gesture-dots .coach-dot.past{background:var(--amber);opacity:.55}.gesture-title{font-size:16px;font-weight:800}.gesture-text{margin:0;font-size:13.5px;color:var(--text-2);line-height:1.45}.gesture-try{font-size:11.5px;font-weight:700;color:var(--amber-2);letter-spacing:.02em}.gesture-actions{display:flex;justify-content:space-between;gap:10px}.mini-view{position:absolute;inset:0;perspective:420px;perspective-origin:50% 20%}.mini-room{--rz: 38deg;--tx: 0px;--ty: 0px;--s: 1;position:absolute;left:50%;top:52%;width:120px;height:120px;margin:-60px 0 0 -60px;transform-style:preserve-3d;transform:translate(var(--tx),var(--ty)) scale(var(--s)) rotateX(58deg) rotate(var(--rz))}.mini-room>*{position:absolute;transform-style:preserve-3d}.mini-floor{inset:0;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 15px),linear-gradient(135deg,#b9773f,#8f5328);box-shadow:0 0 0 1px #00000040}.mini-wall{background:linear-gradient(180deg,#24524d,#1b3f3b)}.mini-wall.back{left:0;top:0;width:120px;height:46px;transform-origin:top;transform:rotateX(90deg)}.mini-wall.left{left:0;top:0;width:46px;height:120px;transform-origin:left;transform:rotateY(-90deg);background:linear-gradient(90deg,#1b3f3b,#24524d)}.mini-door{position:absolute;left:76px;bottom:0;width:15px;height:26px;background:#5a3520;border-radius:2px 2px 0 0;box-shadow:inset 0 0 0 2px #3f2414}.mini-window{position:absolute;top:34px;right:10px;width:22px;height:40px;background:linear-gradient(180deg,#ffe4a8,#f0b255);border:2px solid #3f2414;border-radius:2px}.mini-rug{left:26px;top:40px;width:70px;height:46px;background:#2c6b62;border-radius:3px;box-shadow:inset 0 0 0 3px #d7b77a;transform:translateZ(.5px)}.mini-table{left:36px;top:54px;width:50px;height:18px;background:#6b3f22;border-radius:3px;transform:translateZ(10px);box-shadow:0 0 0 1px #4a2a15,4px 6px #00000040}.mini-lamp{left:57px;top:59px;width:8px;height:8px;border-radius:50%;background:#ffd27a;transform:translateZ(14px);box-shadow:0 0 10px 4px #ffc4648c}.hand{position:absolute;width:78px;height:100px;left:50%;top:38%;margin-left:-26px;pointer-events:none;overflow:visible}.hand path{fill:none;stroke:#fff6e8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.hand .hand-detail{stroke-width:2;opacity:.6}.hand .touch{fill:#ffd27a59;stroke:#ffd27a;stroke-width:2.5;transform-box:fill-box;transform-origin:center;animation:g-touch 2.6s ease-in-out infinite}@keyframes g-touch{0%,8%{opacity:0;transform:scale(.4)}18%,78%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(1.7)}}.g-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.g-arrows path{fill:none;stroke:#fff6e88c;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:2 7;animation:g-dash 1s linear infinite}.g-arrows marker path{stroke-dasharray:none;animation:none;stroke-width:2;stroke-linejoin:round}@keyframes g-dash{to{stroke-dashoffset:-9}}.g-look .hand{animation:g-look-hand 2.6s ease-in-out infinite}.g-look .mini-room{animation:g-look-room 2.6s ease-in-out infinite}@keyframes g-look-hand{0%,15%{transform:translate(-46px,6px) rotate(-6deg)}78%,to{transform:translate(40px) rotate(6deg)}}@keyframes g-look-room{0%,15%{--rz: 62deg}78%,to{--rz: 14deg}}.g-move .hand{animation:g-move-hand 2.6s ease-in-out infinite}.g-move .mini-room{animation:g-move-room 2.6s ease-in-out infinite}@keyframes g-move-hand{0%,15%{transform:translate(-6px,18px)}78%,to{transform:translate(14px,-26px)}}@keyframes g-move-room{0%,15%{--tx: -10px;--ty: 18px}78%,to{--tx: 10px;--ty: -22px}}.g-zoom .hand{margin-left:-33px}.g-zoom .f-thumb{transform-origin:40px 90px;animation:g-thumb 2.6s ease-in-out infinite}.g-zoom .f-index{transform-origin:54px 76px;animation:g-index 2.6s ease-in-out infinite}.g-zoom .mini-room{animation:g-zoom-room 2.6s ease-in-out infinite}@keyframes g-thumb{0%,15%{transform:rotate(8deg)}78%,to{transform:rotate(-30deg)}}@keyframes g-index{0%,15%{transform:rotate(-12deg)}78%,to{transform:rotate(14deg)}}@keyframes g-zoom-room{0%,15%{--s: .8}78%,to{--s: 1.3}}@property --rz{syntax: "<angle>"; inherits: false; initial-value: 38deg;}@property --tx{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --ty{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --s{syntax: "<number>"; inherits: false; initial-value: 1;}.gesture-tick{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;display:grid;place-items:center;background:var(--amber);box-shadow:0 0 0 8px #f0b25538;opacity:0;transform:scale(.4);transition:opacity .25s var(--ease),transform .35s cubic-bezier(.3,1.6,.5,1)}.gesture-tick svg{width:28px;height:28px;fill:none;stroke:#2a1a07;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.gesture-hint.done .gesture-tick{opacity:1;transform:scale(1)}.gesture-hint.done .hand,.gesture-hint.done .g-arrows{opacity:0;transition:opacity .2s}@media (prefers-reduced-motion: reduce){.gesture-stage *,.gesture-stage{animation:none!important}}.settings-tour{position:absolute;inset:0;z-index:11;pointer-events:none}.settings-tour button{pointer-events:auto}.tour-spot{position:fixed;border-radius:999px;box-shadow:0 0 0 9999px #0c09078c,0 0 0 2px var(--amber),0 0 22px 4px #f0b2558c;animation:tour-in .35s var(--ease),tour-glow 1.6s ease-in-out .35s infinite}.t-sound .tour-spot{border-radius:14px}@keyframes tour-in{0%{opacity:0;transform:scale(1.4)}}@keyframes tour-glow{50%{box-shadow:0 0 0 9999px #0c09078c,0 0 0 3px var(--amber-2),0 0 34px 10px #f0b25599}}.tour-pointer{position:fixed;width:0;height:0}.tour-ripple{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:2.5px solid #ffd27a;opacity:0;animation:tour-ripple 2.4s ease-out infinite}@keyframes tour-ripple{0%,44%{opacity:0;transform:scale(.4)}48%{opacity:1;transform:scale(.5)}80%,to{opacity:0;transform:scale(1.8)}}.tour-pointer svg{position:absolute;overflow:visible}.tour-pointer path{fill:none;stroke:#fff6e8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.tour-pointer .hand-detail{stroke-width:2;opacity:.6}.tour-cursor{left:-6px;top:-4px;width:34px;height:41px;transform-origin:6px 4px;animation:tour-cursor 2.4s ease-in-out infinite}.tour-cursor path{fill:#fff6e81f;stroke-width:2.5}@keyframes tour-cursor{0%{opacity:0;transform:translate(70px,60px)}12%{opacity:1}38%{transform:translate(4px,6px) scale(1)}46%{transform:translate(4px,6px) scale(.82)}54%,78%{opacity:1;transform:translate(4px,6px) scale(1)}to{opacity:0;transform:translate(4px,6px)}}.tour-finger{left:-27px;top:-9px;width:64px;height:81px;transform-origin:27px 9px;animation:tour-tap 2.4s ease-in-out infinite}.tour-pointer.low .tour-finger{animation-name:tour-tap-up}@keyframes tour-tap{0%{opacity:0;transform:translate(18px,60px) rotate(8deg)}12%{opacity:1}38%{transform:translate(6px,18px) rotate(0)}46%{transform:translate(6px,8px) scale(.94)}54%,78%{opacity:1;transform:translate(6px,18px)}to{opacity:0;transform:translate(6px,30px)}}@keyframes tour-tap-up{0%{opacity:0;transform:translate(14px,40px) rotate(-8deg)}12%{opacity:1}38%{transform:translate(4px,14px) rotate(0)}46%{transform:translate(4px,6px) scale(.94)}54%,78%{opacity:1;transform:translate(4px,14px)}to{opacity:0;transform:translate(4px,26px)}}.tour-card{position:fixed;padding:12px;border-radius:var(--r-lg);display:grid;gap:10px;background:linear-gradient(180deg,#342c27,#261f1c);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:tour-card-in .3s var(--ease)}.tour-card.above{animation-name:tour-card-up}@keyframes tour-card-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}}@keyframes tour-card-up{0%{opacity:0;transform:translateY(8px) scale(.98)}}.tour-card:before{content:"";position:absolute;left:calc(var(--tail) - 8px);width:16px;height:16px;transform:rotate(45deg);background:#342c27;border:1px solid var(--line)}.tour-card.below:before{top:-9px;border-right:0;border-bottom:0}.tour-card.above:before{bottom:-9px;background:#261f1c;border-left:0;border-top:0}.tour-preview{position:relative;height:96px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 30%,#3d332c,#1e1916);border:1px solid var(--line)}.mini-pop{display:flex;align-items:center;gap:16px}.mini-clock{position:relative;width:62px;height:62px;display:grid;place-items:center;align-content:center}.mini-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--amber) var(--mp, 30%),rgba(255,255,255,.1) 0);-webkit-mask:radial-gradient(closest-side,transparent 78%,#000 80%);mask:radial-gradient(closest-side,transparent 78%,#000 80%);animation:mini-ring 4.8s ease-in-out infinite}@property --mp{syntax: "<percentage>"; inherits: false; initial-value: 30%;}@keyframes mini-ring{0%,30%{--mp: 42%}36%,63%{--mp: 84%}69%,96%{--mp: 25%}to{--mp: 42%}}.mini-digits{position:relative;height:22px;overflow:hidden;font-size:20px;font-weight:800;line-height:22px}.mini-digits b{display:block;animation:mini-digits 4.8s ease-in-out infinite}@keyframes mini-digits{0%,30%{transform:translateY(0)}36%,63%{transform:translateY(-22px)}69%,96%{transform:translateY(-44px)}to{transform:translateY(0)}}.mini-clock small{position:relative;font-size:9.5px;color:var(--text-2);font-weight:700}.mini-presets{display:grid;gap:5px}.mini-presets span{display:flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:8px;font-size:10.5px;color:var(--text-2);border:1.5px solid rgba(255,255,255,.12);animation:mini-preset 4.8s ease-in-out infinite}.mini-presets b{font-size:13px;color:var(--text)}.mini-presets span:nth-child(2){animation-delay:-3.2s}.mini-presets span:nth-child(3){animation-delay:-1.6s}@keyframes mini-preset{0%,30%{border-color:var(--amber);background:#f0b25529}36%,to{border-color:#ffffff1f;background:transparent}}.mini-speaker svg{width:56px;height:46px;overflow:visible}.mini-speaker path{fill:none;stroke:#fff6e8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.mini-speaker .wave{stroke:#ffd27a;animation:mini-wave 3.6s ease-in-out infinite}.mini-speaker .w2{animation-name:mini-wave2}.mini-speaker .w3{animation-name:mini-wave3}@keyframes mini-wave{0%,to{opacity:.35}10%,60%{opacity:1}}@keyframes mini-wave2{0%,18%,85%,to{opacity:0}30%,60%{opacity:1}}@keyframes mini-wave3{0%,34%,70%,to{opacity:0}46%,60%{opacity:1}}.mini-rows{display:grid;gap:7px;min-width:120px}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10.5px;font-weight:700;color:var(--text-2)}.mini-track{position:relative;width:62px;height:4px;border-radius:4px;background:#ffffff26}.mini-knob{position:absolute;top:-4px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px #f0b25540;animation:mini-knob 3.6s ease-in-out infinite}@keyframes mini-knob{0%,to{left:18%}50%,62%{left:88%}}.mini-switch{position:relative;width:26px;height:14px;border-radius:14px;background:#ffffff26;animation:mini-switch-bg 3.6s ease-in-out infinite}.mini-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff6e8;animation:mini-switch 3.6s ease-in-out infinite}.mini-switch.s2,.mini-switch.s2:after{animation-delay:-1.2s}@keyframes mini-switch-bg{0%,30%,85%,to{background:#ffffff26}38%,78%{background:var(--amber)}}@keyframes mini-switch{0%,30%,85%,to{transform:translate(0)}38%,78%{transform:translate(12px)}}.tour-cheer{position:absolute;z-index:12;left:50%;transform:translate(-50%);bottom:calc(96px + var(--safe-b));width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;font-size:13px;color:var(--text-2);background:linear-gradient(180deg,#342c27,#261f1c);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:pop-in .3s var(--ease);pointer-events:none}.tour-cheer.c-sound{bottom:auto;top:calc(84px + var(--safe-t))}.tour-cheer strong{color:var(--text)}.tour-cheer .gesture-tick{position:static;flex:none;margin:0;width:30px;height:30px;opacity:1;transform:none;box-shadow:none}.tour-cheer .gesture-tick svg{width:18px;height:18px}@media (prefers-reduced-motion: reduce){.settings-tour *,.tour-spot{animation:none!important}.tour-cursor{transform:translate(4px,6px)}}.room-name-sub{position:absolute;z-index:5;left:50%;top:calc(72px + var(--safe-t));transform:translate(-50%);max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}@media (min-width: 1024px){.mobile-only{display:none!important}.panel{top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));width:304px;border-radius:26px;transform:translate(calc(100% + 28px))}.panel-grip{display:none}.on-break .panel-scroll{flex:0 1 auto;max-height:50%}.chat-section{border-top:1px solid var(--line);flex:0 0 auto}.on-break .chat-section{flex:1 1 auto;min-height:200px}.chat-section.locked .chat-empty{padding:4px 12px 10px}.chat-section.locked .chat-empty-icon{display:none}.panel-open .scene-wrap,.panel-open .scene-vignette{right:calc(332px + var(--safe-r))}.panel-open .room-top{padding-right:calc(344px + var(--safe-r))}.panel-open .controls,.panel-open .popover,.panel-open .cam-hud{left:calc((100% - 332px)/2)}}@media (max-width: 1023px){.desk-only{display:none!important}.panel{left:0;right:0;bottom:0;height:min(82dvh,700px);border-radius:32px 32px 0 0;border-bottom:0;transform:translateY(105%)}.panel-drag{touch-action:none;cursor:grab}.panel-backdrop{position:absolute;inset:0;z-index:9;background:var(--scrim);animation:fade-in .25s var(--ease)}.composer-input{font-size:16px}.alone-line{top:calc(96px + var(--safe-t))!important}}@media (max-width: 400px){.room-top{gap:6px;padding-left:calc(10px + var(--safe-l));padding-right:calc(10px + var(--safe-r))}.timer-pill{padding:0 15px 0 13px;gap:8px}.t-clock{font-size:20px}.bar-btn{width:46px}}@media (max-width: 350px){.people-count-label{display:none}}@media (max-width: 520px){.room-row{grid-template-columns:1fr auto}.room-row .btn{grid-column:1 / -1}.room-row .seats{grid-row:1;grid-column:2}}@media (max-width: 600px){.seat-label{font-size:10.5px;padding:3px 8px}}@media (max-width: 1023px) and (max-height: 500px){.timer-pill{min-height:44px}.mobile-bar{left:auto;right:calc(10px + var(--safe-r))}.cam-hud{bottom:calc(76px + var(--safe-b))}.panel{height:92dvh}}.break-layer{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:80px 16px calc(90px + var(--safe-b));background:radial-gradient(ellipse at center,#0a161c61,#080c1699);animation:fade-in .6s var(--ease)}.panel-open .break-layer{right:0}@media (min-width: 1024px){.panel-open .break-layer{right:346px}}.break-card{width:min(400px,100%);max-height:100%;overflow-y:auto;padding:28px 22px 22px;border-radius:var(--r-xl);text-align:center;background:linear-gradient(180deg,#342c27,#241e1b);border:1px solid var(--line);box-shadow:var(--shadow-lg);display:grid;gap:14px;justify-items:center}.eyebrow{margin:0;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow.break{color:var(--teal)}.break-clock{font-size:clamp(48px,13vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.break-prompt{margin:0;color:var(--text-2);font-size:16px;max-width:30ch}.break-ad{position:relative;width:100%;display:grid;gap:8px}.ad-frame{position:relative;width:100%;max-width:300px;aspect-ratio:6 / 5;margin:0 auto;border-radius:var(--r-md);border:1px dashed var(--line-2);background:var(--tile);display:grid;place-items:center}.interstitial .ad-frame{max-width:min(640px,92vw);aspect-ratio:4 / 5;max-height:70dvh}.ad-tag{position:absolute;top:8px;left:10px;font-size:11px;font-weight:800;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.ad-placeholder{color:var(--text-3);font-size:13px;font-weight:600;padding:0 16px}.ad-note{margin:0;font-size:12.5px;color:var(--text-3)}.ads-notice{margin:0;font-size:13px;color:var(--text-2);background:var(--surface-2);border-radius:var(--r-md);padding:10px 12px}.interstitial{position:fixed;inset:0;z-index:20;display:grid;place-items:center;align-content:center;gap:16px;padding:16px;background:var(--bg);animation:fade-in .4s var(--ease)}.skip{min-width:120px}@keyframes fade-in{0%{opacity:0}}.room-error{min-height:100dvh;display:grid;place-content:center;gap:14px;padding:16px;text-align:center;justify-items:center}.room-loading{min-height:100dvh;display:grid;place-items:center;background:var(--bg);color:var(--text-2)}.room-loading>div{text-align:center;display:grid;gap:14px;justify-items:center}.room-loading p{margin:0;font-weight:600}.room-loading .brand-mark{animation:pulse-dot 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.private-btn svg,.invite-btn svg{color:var(--text-2)}.top-left-actions .move-room-btn{white-space:nowrap}@media (max-width: 1180px){.panel-open .private-btn span{display:none}.panel-open .private-btn{padding:0 15px}}.room-name-chip{display:inline-flex;align-items:center;gap:8px;max-width:220px;min-height:46px;padding:0 18px;border-radius:var(--r-pill);color:var(--text);font-weight:700;font-size:14px}.room-name-chip svg{flex:none;color:var(--text-2)}.room-name-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s var(--ease)}.pr-sheet{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px 24px 24px;border-radius:var(--r-xl);background:linear-gradient(180deg,#342c27,#241e1b);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:pane-in .3s var(--ease)}.pr-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:var(--surface-2);color:var(--text-2);font-size:14px;display:grid;place-items:center;transition:background .2s,color .2s}.pr-close:hover{background:var(--hover);color:var(--text)}.pr-body{display:grid;gap:12px}.pr-body h2{margin:0;font-size:24px;letter-spacing:-.02em}.pr-body .lede{font-size:14.5px;line-height:1.5}.pr-body .btn.big{margin-top:6px}.pr-label{font-size:13px;font-weight:700;color:var(--text-2);margin-top:4px}.pr-link-row{display:flex;gap:8px}.pr-link-row input{flex:1;min-width:0;font-size:14px;color:var(--text-2)}.pr-link-row .btn{min-width:90px}.pr-hint{margin:2px 0 0;font-size:12.5px;color:var(--text-3)}.pr-art{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 50% 70%,rgba(255,160,70,.3),transparent 70%),var(--surface-2)}.pr-flame{width:16px;height:22px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:linear-gradient(#ffe2a0,#f29a3c 60%,#d8562a);box-shadow:0 0 16px #ff963c99;animation:pr-flicker 1.6s ease-in-out infinite alternate}@keyframes pr-flicker{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(.92,1.08) rotate(3deg)}}@media (prefers-reduced-motion: reduce){.pr-flame{animation:none}}.pr-styles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pr-style{display:grid;gap:3px;justify-items:start;text-align:left;padding:8px 8px 12px;border-radius:22px;border:1.5px solid transparent;background:var(--tile);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),transform .15s var(--ease)}.pr-style strong{font-size:15px;padding:0 6px}.pr-style span:last-child{font-size:12.5px;line-height:1.35;color:var(--text-3);padding:0 6px}.pr-style:hover{background:var(--tile-on)}.pr-style:active{transform:scale(.98)}.pr-style.active{border-color:var(--ink);background:var(--tile-on)}.pr-style:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pr-style-art{position:relative;overflow:hidden;display:block;width:100%;aspect-ratio:16 / 10;margin-bottom:8px;border-radius:16px}.room-art-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pr-style-lounge .pr-style-art{background:radial-gradient(circle at 50% 88%,rgba(255,150,60,.85) 0 7px,transparent 18px),linear-gradient(#2c5450 0 62%,#4e2c1a 62%)}.pr-style-attic .pr-style-art{background:radial-gradient(circle at 78% 58%,rgba(255,214,140,.9) 0 5px,transparent 16px),linear-gradient(90deg,transparent 18%,#1c2a45 18% 30%,#2a3b5e 30% 31%,#1c2a45 31% 43%,transparent 43%) top / 100% 58% no-repeat,linear-gradient(#e8d8bb 0 66%,#9c6236 66%)}.pr-style-hall .pr-style-art{background:linear-gradient(90deg,transparent 14%,#2a3b5e 14% 40%,transparent 40%) top 6px left 0 / 100% 46% no-repeat,radial-gradient(circle at 70% 82%,rgba(255,214,140,.85) 0 4px,transparent 13px),linear-gradient(#3a6664 0 64%,#a8683a 64%)}.pr-style-loft .pr-style-art{background:radial-gradient(circle at 76% 84%,rgba(255,150,60,.9) 0 6px,transparent 16px),radial-gradient(ellipse 13% 60% at 26% 62%,#2a3b5e 0 92%,transparent 94%),linear-gradient(#2b4a3d 0 64%,#6a4024 64%)}.alone-line{position:absolute;z-index:5;left:50%;top:calc(80px + var(--safe-t));transform:translate(-50%);padding:9px 18px;border-radius:var(--r-pill);color:var(--text-2);font-size:13px;font-weight:600;white-space:nowrap}.alone-line span{color:var(--text);font-weight:750;margin-left:4px;text-decoration:underline;text-underline-offset:3px}@media (pointer: coarse){.search input,.city,.pr-link-row input,.composer-input,input[type=text]{font-size:max(16px,1em)}}.timer-pop{max-height:calc(100dvh - 96px - var(--safe-t) - var(--safe-b));overflow-y:auto;overscroll-behavior:contain}.timer-pill.held .t-ring{animation:held-pulse 1.8s ease-in-out infinite}@keyframes held-pulse{50%{opacity:.35}}.t-phase{display:inline-flex;align-items:center;gap:6px;max-width:9.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subj-dot{width:7px;height:7px;border-radius:50%;flex:none}.held-start{width:100%;min-height:48px}.pop-note.subtle{margin:-4px 0 0;font-size:12px;color:var(--text-3)}.disclose{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--tile);color:var(--text-2);font-size:13.5px;font-weight:700;text-align:left}.disclose:hover{background:var(--tile-on);color:var(--text)}.disclose small{margin-left:auto;font-size:12px;font-weight:650;color:var(--text-3);font-variant-numeric:tabular-nums}.disclose-chev{display:inline-grid;transition:transform .2s var(--ease)}.disclose-chev.flip{transform:rotate(180deg)}.timer-custom{display:grid;gap:2px;margin-top:-4px}.timer-custom .pop-label{font-size:13.5px}.num-stepper{display:inline-flex;align-items:center;flex:none;padding:3px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line)}.num-stepper button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--text-2)}.num-stepper button:hover:not(:disabled){background:var(--tile-on);color:var(--text)}.num-stepper button:disabled{opacity:.3}.num-stepper output{min-width:70px;text-align:center;font-size:13px;font-weight:750;color:var(--text);font-variant-numeric:tabular-nums}.subject-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.subject-chip{--c: var(--text-3);display:inline-flex;align-items:center;min-height:34px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:transparent;color:var(--text-2);font-size:13px;font-weight:700;transition:background .2s,border-color .2s,color .2s}.subject-chip>button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 13px;border:0;background:none;color:inherit;font:inherit}.subject-chip i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}.subject-chip:hover{background:var(--hover);color:var(--text)}.subject-chip.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--text)}.subject-chip .subject-x{display:grid;place-items:center;width:26px;height:26px;margin:0 4px 0 -8px;border:0;border-radius:50%;background:none;color:var(--text-3)}.subject-chip .subject-x:hover{background:var(--tile-on);color:var(--text)}.subject-chip.add{gap:6px;padding:0 13px;border-style:dashed}.subject-add input{width:140px;min-height:34px;padding:0 13px;border-radius:var(--r-pill);border:1px solid var(--amber);background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;font-weight:650}.subject-add input:focus{outline:none}.subject-edit{margin-left:auto;min-height:34px;padding:0 6px;border:0;background:none;color:var(--text-3);font-size:12.5px;font-weight:700}.subject-edit:hover{color:var(--text)}.t-subject{text-transform:none;overflow:hidden;text-overflow:ellipsis}.num-stepper output{min-width:84px}.creator-min-nav{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3)}.creator-min-nav a{color:var(--text-3);text-decoration:none;font-weight:600;transition:color .2s}.creator-min-nav a:hover{color:var(--text)}.creator-sheet-nav{display:none}@media (max-width: 899px){.creator-top-nav{display:none}.creator-sheet-nav{display:flex;flex-wrap:wrap;justify-content:center;padding:4px 0 2px;font-size:12px;opacity:.85}}@media (max-width: 640px){.creator-min-nav .hide-xs{display:none}}.panel-legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:14px 8px 6px;font-size:11.5px;color:var(--text-3)}.panel-legal-links a{color:var(--text-3);text-decoration:none;font-weight:600}.panel-legal-links a:hover{color:var(--text)}.editorial-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow-y:auto}.editorial-header{position:sticky;top:0;z-index:30;background:#1a1411e0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.editorial-header-inner{max-width:720px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.editorial-header-inner .brand{text-decoration:none}.editorial-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.editorial-nav-link{padding:5px 10px;border-radius:var(--r-pill);color:var(--text-3);text-decoration:none;font-size:13px;font-weight:600;transition:color .2s,background .2s}.editorial-nav-link:hover{color:var(--text)}.editorial-nav-link.active{color:var(--text);background:var(--surface-2)}.editorial-cta{text-decoration:none}@media (max-width: 640px){.editorial-header-inner{padding:10px 14px;gap:8px}.editorial-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.editorial-nav::-webkit-scrollbar{display:none}}.guide-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0}@media (max-width: 520px){.guide-room-grid{grid-template-columns:1fr}}.guide-room-card{margin:0;padding:8px;border-radius:18px;background:var(--tile);border:1px solid var(--line);display:grid;gap:6px}.guide-room-card .pr-style-art{margin-bottom:0;border-radius:12px}.guide-room-card figcaption{font-size:12px;line-height:1.4;color:var(--text-3);padding:0 4px 2px}.editorial-main{flex:1 1 auto;width:100%;max-width:640px;margin:0 auto;padding:44px 20px 64px}.editorial-article{display:grid;gap:32px}.editorial-hero{display:grid;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--line)}.editorial-hero h1{font-size:26px;line-height:1.2;font-weight:750}.editorial-lede{margin:0;font-size:15px;line-height:1.6;color:var(--text-2)}.editorial-prose{display:grid;gap:28px}.prose-section{display:grid;gap:10px}.prose-section h2{font-size:17px;font-weight:700;color:var(--text)}.prose-section p{margin:0;font-size:14.5px;line-height:1.68;color:var(--text-2)}.prose-list{margin:4px 0 0;padding-left:18px;display:grid;gap:6px;font-size:14px;line-height:1.6;color:var(--text-2)}.prose-list strong{color:var(--text)}.devlog-list{display:grid;gap:22px}.devlog-row{padding-bottom:22px;border-bottom:1px solid var(--line);display:grid;gap:6px}.devlog-row:last-child{border-bottom:0}.devlog-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.devlog-row h2{font-size:16.5px;line-height:1.35}.devlog-row h2 a{color:var(--text);text-decoration:none}.devlog-row h2 a:hover{color:var(--ink)}.devlog-row p{margin:0;font-size:14px;line-height:1.55;color:var(--text-2)}.minimal-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);text-decoration:none;font-size:13px;font-weight:600}.minimal-back:hover{color:var(--text)}.inline-link{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.contact-form{display:grid;gap:14px;max-width:440px}.contact-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--text-2)}.contact-form input[type=email],.contact-form textarea{width:100%;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;outline:none}.contact-form textarea{resize:vertical}.contact-form button{justify-self:start}.contact-success{padding:16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);display:grid;gap:10px;justify-items:start}.contact-success p{margin:0;color:var(--text-2);font-size:14px}.site-footer{border-top:1px solid var(--line);padding:22px 20px}.site-footer-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--text-3)}.site-footer-links{display:flex;flex-wrap:wrap;gap:14px}.site-footer-links a{color:var(--text-3);text-decoration:none;font-weight:600}.site-footer-links a:hover{color:var(--text)}.panel-community{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 4px 0}.community-card{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:12px;background:#0000002e;border:1px solid var(--line);color:var(--text-2, var(--text));text-decoration:none;font-size:11.5px;font-weight:600;min-width:0;transition:background .15s,border-color .15s,color .15s}.community-card:hover{background:#ffffff0d;border-color:#ffffff24;color:var(--text)}.community-icon{display:grid;place-items:center;flex:none;width:18px;height:18px}.community-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:600}.community-card>svg:last-child{color:var(--text-3);flex:none;opacity:.6;transition:transform .15s,color .15s,opacity .15s}.community-card:hover>svg:last-child{color:var(--text);opacity:1;transform:translate(2px)}