@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}:root{--below-bar: calc(max(14px, env(safe-area-inset-top)) + 52px) }:root{--fx-top: #66c9ff;--fx-bottom: #0000db;--bg-top: #0b1033;--bg-bottom: #3a2fc4;--fg: #eef0ff;--fg-muted: rgb(238 240 255 / .62);--line: rgb(255 255 255 / .14);--glass: rgb(255 255 255 / .06);--glass-strong: rgb(255 255 255 / .12);--radius: 18px;--display: "Fredoka", "Nunito", system-ui, sans-serif;--sans: "Nunito", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg-top);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased}.hero,.room{background:radial-gradient(120% 70% at 50% 100%,var(--bg-bottom) 0%,transparent 70%),var(--bg-top)}a{color:inherit}button,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--fx-top);outline-offset:3px}.topbar{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 20px 14px;pointer-events:none}.topbar>*{pointer-events:auto}.topbar{border-bottom:1px solid transparent;transition:background-color .25s ease,border-color .25s ease,backdrop-filter .25s ease,-webkit-backdrop-filter .25s ease}.topbar.is-scrolled{pointer-events:auto;background:color-mix(in srgb,var(--bg-top) 72%,transparent);border-bottom-color:var(--line);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.brand{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:.01em}.topbar-controls{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-btn,.theme-select{height:40px;border-radius:999px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:background .2s,border-color .2s}.icon-btn{width:40px;flex-shrink:0;display:inline-grid;place-items:center;text-decoration:none}.theme-select{padding:0 14px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.theme-select option{color:#111}.icon-btn:hover,.theme-select:hover{background:var(--glass-strong)}.icon-btn[aria-pressed=false]{color:var(--fg-muted)}.share{position:relative}.share-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;display:flex;flex-direction:column;padding:6px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-top) 78%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px #00000059;animation:menu-in .16s ease-out}.share-menu[hidden]{display:none}.share-menu>*{display:block;padding:10px 12px;border:0;border-radius:9px;background:none;text-align:left;text-decoration:none;font-size:14px;cursor:pointer}.share-menu>*:hover,.share-menu>*:focus-visible{background:var(--glass-strong);outline:none}.share-menu>[data-id=copy]{border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;margin-bottom:4px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.toast{position:fixed;left:50%;top:max(70px,calc(env(safe-area-inset-top) + 60px));transform:translate(-50%);z-index:20;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-top) 78%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;pointer-events:none;animation:toast 2.2s ease forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,-6px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.landing{min-height:100vh}.hero{position:relative;height:min(100vh,900px);min-height:560px;overflow:hidden}.hero-burst{position:absolute;top:0;right:0;bottom:0;left:0}.burst-canvas{width:100%;height:100%;display:block}.hero-text{position:relative;padding:18vh 20px 0;text-align:center;pointer-events:none}.hero-text h1{font-family:var(--display);font-weight:600;font-size:clamp(40px,7.5vw,88px);line-height:1.02;margin:0 0 20px;letter-spacing:-.01em}.hero-text p{color:var(--fg-muted);font-size:clamp(15px,1.6vw,18px);max-width:34ch;margin:0 auto}.rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1160px;margin:-80px auto 0;padding:0 20px;position:relative}.room-card{position:relative;display:block;padding:28px 24px 64px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,var(--glass-strong),var(--glass));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-decoration:none;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s;animation:rise .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 80ms + .3s)}.room-card:before{content:"";position:absolute;inset:auto -30% -60% -30%;height:120%;background:radial-gradient(closest-side,var(--fx-top),transparent);opacity:0;transition:opacity .4s;pointer-events:none}.room-card:hover{transform:translateY(-4px);border-color:#ffffff4d}.room-card:hover:before{opacity:.18}.room-card-index{font-size:12px;color:var(--fg-muted);letter-spacing:.1em}.room-card h2{font-family:var(--display);font-weight:600;font-size:28px;margin:10px 0 6px}.room-card p{margin:0;color:var(--fg-muted);font-size:15px;line-height:1.45}.room-card-go{position:absolute;right:22px;bottom:20px;font-size:22px;transition:transform .3s}.room-card:hover .room-card-go{transform:translate(4px)}.foot{text-align:center;color:var(--fg-muted);font-size:13px;padding:56px 20px 40px}.foot p{margin:0}.app-badge{display:inline-block;line-height:0}.app-badge img{height:40px;width:auto}.hero-badge{margin-top:28px;pointer-events:auto}.foot .app-badge{margin-top:20px}.native-app .app-badge,.native-app .app-only-web{display:none}.foot .copyright{margin-top:12px;font-size:12px;opacity:.7}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.room{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.room-title{font-family:var(--display);font-weight:600;font-size:22px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-stage{position:absolute;top:0;right:0;bottom:0;left:0}.room-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.room-hint{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;padding:10px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--fg-muted);font-size:13px;white-space:nowrap;pointer-events:none;animation:hint 5s ease forwards}@keyframes hint{0%,70%{opacity:1}to{opacity:0}}.room-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--fg-muted)}.room-counter{position:absolute;top:calc(var(--below-bar) + 8px);left:50%;transform:translate(-50%);font-size:13px;color:var(--fg-muted);font-variant-numeric:tabular-nums;pointer-events:none}.room-action{position:absolute;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:2;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.room-action:hover{background:var(--glass-strong)}.rain-city{position:absolute;top:calc(var(--below-bar) + 8px);left:50%;transform:translate(-50%);z-index:2;margin:0;font-size:15px;letter-spacing:.08em;color:var(--fg);text-shadow:0 1px 8px rgb(0 0 0 / .5);white-space:nowrap;pointer-events:none;opacity:0}.rain-city.show{animation:rain-city 4.5s ease forwards}@keyframes rain-city{0%{opacity:0;transform:translate(-50%,6px)}15%,70%{opacity:.9;transform:translate(-50%)}to{opacity:0}}.room-action[aria-pressed=true]{background:var(--glass-strong);border-color:#ffffff59}.breathe-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.breathe-label{position:absolute;top:13%;width:100%;margin:0;text-align:center;font-family:var(--display);font-weight:500;font-size:clamp(32px,5.5vw,54px)}.breathe-count{position:absolute;top:52%;width:100%;margin:0;transform:translateY(-50%);text-align:center;font-size:28px;font-variant-numeric:tabular-nums;color:#10122b;mix-blend-mode:normal;font-weight:500}.breathe-patterns,.globe-kinds{position:absolute;left:50%;bottom:max(70px,calc(env(safe-area-inset-bottom) + 56px));transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.breathe-patterns button,.globe-kinds button{height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;white-space:nowrap;font-size:14px}.breathe-patterns button[aria-pressed=true],.globe-kinds button[aria-pressed=true]{background:var(--glass-strong);border-color:#ffffff59}.globe-kinds{z-index:2;left:20px;bottom:max(20px,env(safe-area-inset-bottom));transform:none}.breathe-cycles{position:absolute;top:calc(13% + clamp(48px,7vw,72px));width:100%;margin:0;text-align:center;color:var(--fg-muted);font-size:13px}@media(max-width:560px){.topbar{padding-inline:16px}.rooms{padding:0 16px;margin-top:-60px}.theme-select{padding:0 10px;font-size:13px}.room-title{font-size:22px}.breathe-patterns button,.globe-kinds button{padding:0 10px;font-size:13px}.globe-kinds{top:var(--below-bar);bottom:auto;left:16px;transform:none}.globe-kinds button{height:34px}.room-action{top:var(--below-bar);bottom:auto;right:16px;height:34px;font-size:13px}.room-counter{left:16px;transform:none}}@media(prefers-reduced-motion:reduce){.room-card{animation:none}*{transition-duration:.01ms!important}}html.pull-guard,html.pull-guard body{overscroll-behavior:none}.fidget{position:absolute;top:76px;right:20px;bottom:84px;left:20px;margin:auto;max-width:1040px;max-height:760px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.48fr);grid-template-areas:"toggles knob faders" "keys knob faders" "unlock unlock unlock";user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fg-tile{position:relative;container-type:size;min-height:0;display:grid;place-items:center;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,var(--glass-strong),var(--glass));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);touch-action:none}.fidget button{-webkit-tap-highlight-color:transparent}.fg-toggles{grid-area:toggles}.fg-knob-tile{grid-area:knob}.fg-faders{grid-area:faders}.fg-keys{grid-area:keys}.fg-unlock-tile{grid-area:unlock;padding:0 5cqw}.fg-label{position:absolute;top:12px;left:14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.fg-toggles{--th: min(17cqh, 24cqw)}.fg-toggle-stack{display:grid;gap:6cqh;margin-top:4cqh}.fg-toggle-row{display:flex;align-items:center;gap:calc(var(--th) * .35)}.fg-led{width:calc(var(--th) * .24);aspect-ratio:1;border-radius:50%;background:#23263f;box-shadow:inset 0 1px 2px #000000b3;transition:background .2s,box-shadow .2s}.fg-led.is-on{background:var(--fx-top);box-shadow:0 0 10px var(--fx-top),inset 0 0 2px #fff}.fg-toggle{position:relative;width:calc(var(--th) * 1.85);height:var(--th);padding:0;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,#0b0d1c,#1d2140);box-shadow:inset 0 2px 6px #000000b3,0 1px #ffffff14;transition:background .25s,box-shadow .25s}.fg-toggle[aria-checked=true]{background:linear-gradient(180deg,var(--fx-bottom),var(--fx-top));box-shadow:inset 0 2px 6px #00000073,0 0 20px color-mix(in srgb,var(--fx-top) 45%,transparent)}.fg-toggle-thumb{position:absolute;top:7%;left:5%;height:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d7dbef 55%,#a9aecb);box-shadow:0 3px 6px #00000073,inset 0 -2px 3px #00000026;transition:transform .28s cubic-bezier(.34,1.56,.64,1),scale .1s}.fg-toggle[aria-checked=true] .fg-toggle-thumb{transform:translate(calc(var(--th) * .8))}.fg-toggle:active .fg-toggle-thumb{scale:1.12 .92}.fg-knob-tile{--k: min(50cqh, 64cqw);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1cqh}.fg-knob-wrap{position:relative;width:calc(var(--k) * 1.3);aspect-ratio:1;display:grid;place-items:center}.fg-knob-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fg-knob-dot{position:absolute;left:50%;top:50%;width:calc(var(--k) * .045);aspect-ratio:1;margin:calc(var(--k) * -.0225);border-radius:50%;background:#ffffff29;transform:rotate(var(--a)) translateY(calc(var(--k) * -.6));transition:background .12s,box-shadow .12s}.fg-knob-dot.is-on{background:var(--fx-top);box-shadow:0 0 8px var(--fx-top)}.fg-knob{position:relative;width:var(--k);aspect-ratio:1;padding:5%;border-radius:50%;cursor:grab;touch-action:none;background:radial-gradient(circle,#15172b 60%,#0a0b17);box-shadow:0 16px 32px #00000080,inset 0 1px #ffffff14}.fg-knob.is-grabbed{cursor:grabbing}.fg-knob:after{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgb(255 255 255 / .2),transparent 55%);pointer-events:none}.fg-knob-cap{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#30355c 0 66%,#262a4c 67% 70%,transparent 71%),repeating-conic-gradient(#3d4274 0,#3d4274 3deg,#1c1f3c 3deg,#1c1f3c 6deg);box-shadow:0 4px 10px #00000080;transition:transform .09s ease-out}.fg-knob.is-grabbed .fg-knob-cap{transition:transform .03s linear}.fg-knob-mark{position:absolute;left:50%;top:9%;width:6%;height:22%;translate:-50% 0;border-radius:99px;background:var(--fx-top);box-shadow:0 0 10px var(--fx-top)}.fg-knob-value{font-family:var(--display);font-size:calc(var(--k) * .2);line-height:1;font-variant-numeric:tabular-nums}.fg-fader-row{display:flex;gap:11cqw;height:66cqh;margin-top:7cqh}.fg-fader{position:relative;width:min(17cqw,64px);height:100%;cursor:pointer;touch-action:none}.fg-fader-track{position:absolute;left:50%;top:0;bottom:0;width:8px;translate:-50% 0;border-radius:99px;background:#0b0d1c;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff0f}.fg-fader-notch{position:absolute;left:50%;bottom:calc(var(--p) * 100%);width:26px;height:1px;translate:-50% 50%;background:#ffffff29}.fg-fader-notch.is-center{width:36px;background:#fff6}.fg-fader-fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--v) * 100%);border-radius:99px;background:linear-gradient(to top,var(--fx-bottom),var(--fx-top));box-shadow:0 0 12px color-mix(in srgb,var(--fx-top) 60%,transparent)}.fg-fader-cap{position:absolute;left:50%;bottom:calc(var(--v) * 100%);width:100%;height:min(10cqh,40px);translate:-50% 50%;border-radius:8px;background:linear-gradient(180deg,#eef0f9,#b9bdd6 46%,#7f849f 50%,#c6cae0);box-shadow:0 6px 12px #00000080,inset 0 1px #fff;transition:scale .1s}.fg-fader.is-grabbed .fg-fader-cap{scale:1.06}.fg-key-grid{--ks: min(32cqh, 34cqw);display:grid;grid-template-columns:repeat(2,var(--ks));gap:5cqmin;margin-top:5cqh}.fg-key{position:relative;width:var(--ks);aspect-ratio:1;padding:0;border:none;border-radius:16%;cursor:pointer;touch-action:none;background:#a3a8c4;box-shadow:0 calc(var(--ks) * .07) 0 #5b6082,0 calc(var(--ks) * .1) 18px #00000080;transition:transform .05s,box-shadow .05s}.fg-key-top{position:absolute;top:6%;right:9%;bottom:15%;left:9%;display:flex;align-items:flex-end;padding:9%;border-radius:14%;background:linear-gradient(180deg,#f6f7fc,#d8dbeb);box-shadow:inset 0 -2px 4px #0000001a;color:#4c5173;font-size:calc(var(--ks) * .13);font-weight:500}.fg-key-top:before{content:"";position:absolute;top:12%;right:12%;width:13%;aspect-ratio:1;border-radius:50%;background:var(--stem)}.fg-key--clicky{--stem: #3d7bff}.fg-key--tactile{--stem: #b07a4a}.fg-key--linear{--stem: #e5484d}.fg-key.is-down{transform:translateY(calc(var(--ks) * .06));box-shadow:0 calc(var(--ks) * .01) 0 #5b6082,0 2px 6px #00000080}.fg-arcade{width:var(--ks);aspect-ratio:1;display:grid;place-items:center;padding:0;border:none;border-radius:50%;cursor:pointer;touch-action:none;background:radial-gradient(#2a2d45,#14162a);box-shadow:inset 0 2px 4px #0009,0 1px #ffffff14}.fg-arcade-top{width:76%;aspect-ratio:1;border-radius:50%;translate:0 calc(var(--ks) * -.04);background:radial-gradient(circle at 40% 30%,#ff9a92,#e5322f 55%,#a81515);box-shadow:0 calc(var(--ks) * .07) 0 #7a0e0e,0 calc(var(--ks) * .09) 16px #00000080;transition:translate .06s,box-shadow .06s,filter .06s}.fg-arcade.is-down .fg-arcade-top{translate:0 calc(var(--ks) * .015);box-shadow:0 calc(var(--ks) * .012) 0 #7a0e0e,0 0 24px #ff3c328c;filter:brightness(1.15)}.fg-unlock{--h: min(64px, 62cqh);position:relative;width:min(100%,620px);height:var(--h);border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#0b0d1c,#1a1e3a);box-shadow:inset 0 2px 8px #000000b3,0 1px #ffffff14}.fg-unlock:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--h) + var(--p) * (100% - var(--h)));border-radius:999px;background:linear-gradient(90deg,var(--fx-bottom),var(--fx-top));opacity:calc(.2 + var(--p) * .7)}.fg-unlock-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-left:var(--h);font-size:clamp(14px,calc(var(--h) * .3),19px);letter-spacing:.05em;color:transparent;background:linear-gradient(90deg,#ffffff4d 30%,#fff,#ffffff4d 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:fg-shimmer 2.6s linear infinite;opacity:calc(1 - var(--p) * 1.8);pointer-events:none}@keyframes fg-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.fg-unlock-thumb{position:absolute;top:5px;left:5px;height:calc(var(--h) - 10px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#3a3f63;cursor:grab;touch-action:none;background:radial-gradient(circle at 35% 30%,#fff,#d7dbef 60%,#aeb3cf);box-shadow:0 4px 10px #00000080}.fg-unlock.is-grabbed .fg-unlock-thumb{cursor:grabbing}.fg-unlock.is-returning .fg-unlock-thumb{transition:transform .42s cubic-bezier(.34,1.3,.64,1)}.fg-unlock.is-returning:before{transition:width .42s cubic-bezier(.34,1.3,.64,1),opacity .42s}.fg-unlock.is-unlocked .fg-unlock-text{opacity:1;padding:0 var(--h) 0 0;animation:none;background:none;color:#fff}.fg-unlock.is-unlocked .fg-unlock-thumb{color:var(--fx-bottom)}@media(max-width:640px){.fidget{top:70px;right:12px;bottom:80px;left:12px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.42fr);grid-template-areas:"toggles knob" "keys faders" "unlock unlock"}.fg-label{top:9px;left:11px;font-size:10px}}@media(prefers-reduced-motion:reduce){.fg-unlock-text{animation:none;background:none;color:#ffffffb3}}a.brand{text-decoration:none}.about{max-width:720px;margin:0 auto;padding:72px 20px 0;color:var(--fg-muted);font-size:16px;line-height:1.6}.about h2{font-family:var(--display);font-weight:600;font-size:clamp(26px,3.6vw,36px);color:var(--fg);margin:0 0 16px}.about p{margin:0 0 28px}.faq{margin:0;display:grid;gap:6px}.faq dt{color:var(--fg);font-weight:500;margin-top:14px}.faq dd{margin:0}.room-info>summary{list-style:none}.room-info>summary::-webkit-details-marker{display:none}.room-info[open]>summary{background:var(--glass-strong)}.room-info-panel{position:fixed;top:var(--below-bar);right:16px;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - max(14px,env(safe-area-inset-top)) - 72px);overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 22px;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb,var(--bg-top) 86%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px #00000059;color:var(--fg-muted);font-size:14px;line-height:1.55;animation:menu-in .16s ease-out}.room-info-panel p{margin:0}.room-info-panel .room-info-lead{color:var(--fg);font-size:15px}.room-info-panel h2{font-family:var(--display);font-weight:600;font-size:19px;color:var(--fg);margin:20px 0 6px}.room-info-panel .faq dt{margin-top:10px}.room-more{list-style:none;margin:0;padding:0;display:grid;gap:6px}.room-more a{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass);text-decoration:none;transition:background .2s}.room-more a:hover,.room-more a:focus-visible{background:var(--glass-strong);outline:none}.room-more strong{color:var(--fg);font-weight:500}.room-more span{font-size:13px}.install-hint{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;width:min(420px,calc(100% - 32px));padding:12px 8px 12px 16px;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in srgb,var(--bg-top) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:14px;animation:install-in .4s ease both}.install-hint p{margin:0;flex:1;color:var(--fg-muted);line-height:1.4}.install-hint strong{display:block;color:var(--fg);font-family:var(--display);font-weight:600}.install-go{display:inline-flex;align-items:center;text-decoration:none;height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--fg);color:var(--bg-top);font-weight:600;cursor:pointer}.install-close{width:32px;height:32px;border:0;background:none;color:var(--fg-muted);font-size:22px;line-height:1;cursor:pointer}@keyframes install-in{0%{opacity:0;transform:translate(-50%,12px)}}