@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@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")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;color:#2c3448;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;--canvas:#f4f1ea;--canvas-glow-warm:#fbe7cd9e;--canvas-glow-cool:#d6e2f394;--surface:#fffdf9;--surface-raised:#fff;--surface-sunken:#f0ece3;--ink:#2c3448;--muted:#6f7482;--primary:#405984;--primary-hover:#344b73;--primary-top:#4d6994;--primary-soft:#e8edf5;--peach-soft:#fbe7db;--butter-soft:#fbf2d5;--mint:#4f7e6c;--mint-soft:#e2eee8;--danger:#9b543f;--danger-soft:#f8e6df;--line:#2c34481a;--line-strong:#2c344829;--hairline:1px;--radius-sm:12px;--radius:16px;--radius-lg:22px;--radius-xl:30px;--shadow-1:0 1px 2px #2c34480d, 0 1px 1px #2c344808;--shadow-2:0 2px 4px #2c34480a, 0 10px 24px #2c344812;--shadow-3:0 4px 10px #2c34480f, 0 24px 60px #2c34481f;--shadow-primary:0 8px 20px #4059843d;--shadow:var(--shadow-3);--spring:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--glass:color-mix(in srgb, var(--canvas) 78%, transparent);--field:#fff;--field-line:#2c344838;--control:#eeebe4;--control-hover:#e6e2d9;--track:#e6e1d6;--thumb:linear-gradient(180deg, #fff, #f2f0ea);--focus:#405984;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:19px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;touch-action:manipulation;background:#f4f1ea;font-family:DM Sans,sans-serif}@media only screen and (min-device-pixel-ratio:2),only screen and (resolution>=192dpi){:root{--hairline:.5px}}*{box-sizing:border-box}html,body,#root{min-height:100dvh}html,body{overscroll-behavior:none}body{background:radial-gradient(120% 72% at 88% -8%, var(--canvas-glow-warm), transparent 62%), radial-gradient(96% 62% at 2% 4%, var(--canvas-glow-cool), transparent 58%), var(--canvas);background-attachment:fixed;margin:0}body:has(.application){overflow:hidden}button,input,select,textarea{font:inherit}input,select,textarea{font-size:var(--text-md)}button,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{min-height:44px;color:inherit;cursor:pointer;transition:transform .24s var(--spring), box-shadow .24s var(--spring), background-color .18s var(--ease-out), color .18s var(--ease-out);border:0;justify-content:center;align-items:center;gap:9px;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 1px var(--primary), 0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.04em;text-wrap:balance;font-family:Fredoka,sans-serif;font-weight:500;line-height:1.06}h3{font-size:var(--text-lg);letter-spacing:-.015em;text-wrap:balance;font-weight:600}p{color:var(--muted);font-size:var(--text-md);text-wrap:pretty;line-height:1.6}svg{flex-shrink:0}button svg{pointer-events:none}.application,.rooms-popover,[data-ui=tooltip]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]:not([contenteditable=false]),[data-ui=code],[data-ui=notice],.event,.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}::selection{color:var(--ink);background:color-mix(in srgb, var(--primary) 32%, transparent)}[hidden]{display:none!important}label,legend{color:var(--ink);font-size:var(--text-sm);font-weight:600}label{margin-bottom:20px;display:block}input:not([type=range]){border-radius:var(--radius);width:100%;min-height:52px;color:var(--ink);background:var(--field);box-shadow:0 0 0 var(--hairline) var(--field-line), 0 1px 2px #2c34480f inset;transition:box-shadow .2s var(--ease-out);border:0;margin-top:8px;padding:14px 16px;display:block}input::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}fieldset{border:0;margin:0 0 20px;padding:0}*+fieldset{margin-top:20px}legend{margin-bottom:10px}hr{border:0;border-top:var(--hairline) solid var(--line);margin:24px 0 16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ede9df;--canvas:#12161f;--canvas-glow-warm:#42382673;--canvas-glow-cool:#26324a8c;--surface:#1c222e;--surface-raised:#232a38;--surface-sunken:#151a24;--ink:#ede9df;--muted:#a4a9b5;--primary:#8ea8d1;--primary-hover:#a1b7dc;--primary-top:#9ab2d8;--primary-soft:#293446;--peach-soft:#402e2a;--butter-soft:#373326;--mint:#9fcbb7;--mint-soft:#1f322c;--danger:#efb39e;--danger-soft:#3a2724;--line:#ffffff17;--line-strong:#ffffff29;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 2px 6px #00000047, 0 12px 28px #00000052;--shadow-3:0 6px 14px #00000057, 0 28px 64px #00000070;--shadow-primary:0 8px 20px #00000061;--focus:#ede9df;--field:#11151d;--field-line:#fff3;--control:#2d3545;--control-hover:#364052;--track:#333b4b;--thumb:linear-gradient(180deg, #f2efe6, #d9d5cb);background:#12161f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;animation:none}}[data-ui=button]{--button-ink:var(--ink);--button-surface:transparent;--button-shadow:none;border-radius:var(--radius);min-height:44px;color:var(--button-ink);background:var(--button-surface);box-shadow:var(--button-shadow);font-size:var(--text-md);letter-spacing:-.01em;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:600;display:inline-flex}[data-ui=button][data-size=small]{border-radius:var(--radius-sm);min-height:44px;font-size:var(--text-sm);padding:9px 14px}[data-ui=button][data-full]{width:100%}[data-ui=button][data-variant=primary]{--button-ink:white;--button-surface:linear-gradient(180deg, var(--primary-top), var(--primary));--button-shadow:0 1px 0 #ffffff38 inset, 0 0 0 .5px color-mix(in srgb, var(--primary) 70%, #000), var(--shadow-primary)}[data-ui=button][data-variant=primary][data-tone=danger]{--button-ink:var(--surface);--button-surface:linear-gradient(180deg, color-mix(in srgb, var(--danger) 85%, white), var(--danger));--button-shadow:0 1px 0 #ffffff38 inset, 0 0 0 .5px color-mix(in srgb, var(--danger) 70%, #000), var(--shadow-1)}[data-ui=button][data-variant=secondary]{--button-surface:var(--control);--button-shadow:0 0 0 var(--hairline) var(--line-strong)}[data-ui=button][data-variant=soft]{--button-surface:var(--primary-soft);--button-shadow:0 0 0 var(--hairline) var(--line)}[data-ui=button][data-variant=quiet]{--button-ink:var(--muted);padding-inline:10px}[data-ui=button][data-variant=quiet][data-size=small]{--button-ink:var(--ink);--button-surface:color-mix(in srgb, var(--ink) 6%, transparent);padding-inline:14px}[data-ui=button][data-variant=quiet][data-tone=danger]{--button-ink:var(--danger)}[data-ui=button][data-variant=quiet][data-tone=danger][data-size=small]{--button-surface:color-mix(in srgb, var(--danger) 10%, transparent)}[data-ui=button][data-variant=icon]{--button-ink:var(--muted);border-radius:50%;width:44px;height:44px;padding:0}@media (prefers-color-scheme:dark){[data-ui=button][data-variant=primary]{--button-ink:#131822}}@media (hover:hover) and (pointer:fine){[data-ui=button][data-variant=primary]:hover{--button-surface:linear-gradient(180deg, var(--primary), var(--primary-hover));--button-shadow:0 1px 0 #ffffff38 inset, 0 0 0 .5px color-mix(in srgb, var(--primary) 70%, #000), 0 12px 26px #40598447}[data-ui=button][data-variant=primary][data-tone=danger]:hover{--button-surface:linear-gradient(180deg, var(--danger), color-mix(in srgb, var(--danger) 80%, #000))}[data-ui=button][data-variant=secondary]:hover{--button-surface:var(--control-hover);--button-shadow:0 0 0 var(--hairline) var(--line-strong), var(--shadow-1)}[data-ui=button][data-variant=soft]:hover{--button-surface:color-mix(in srgb, var(--primary-soft) 80%, var(--ink))}[data-ui=button][data-variant=quiet]:hover{--button-ink:var(--ink);--button-surface:color-mix(in srgb, var(--ink) 5%, transparent)}[data-ui=button][data-variant=quiet][data-tone=danger]:hover{--button-ink:var(--danger);--button-surface:color-mix(in srgb, var(--danger) 12%, transparent)}[data-ui=button][data-variant=icon]:hover{--button-ink:var(--ink);--button-surface:color-mix(in srgb, var(--ink) 6%, transparent)}}[data-ui=button]:active:not(:disabled){transition-duration:90ms;transform:scale(.965)}[data-ui=button][data-variant=link]{--button-ink:var(--muted);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px;padding-inline:0;font-weight:500}[data-ui=dialog]{overscroll-behavior:contain;border-radius:var(--radius-xl);width:min(100% - 32px,440px);max-height:calc(100dvh - 32px);color:var(--ink);background:linear-gradient(180deg, var(--surface-raised), var(--surface));box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-3);animation:dialog-in .32s var(--spring);border:0;padding:0;overflow-y:auto}[data-ui=dialog]::backdrop{-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%);animation:backdrop-in .26s var(--ease-out);background:#181c2670}[data-ui=dialog-content]{padding:34px 28px 28px;position:relative}[data-ui=dialog-content] h2{max-width:18ch;font-size:var(--text-2xl);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:18px;padding-right:48px}[data-ui=dialog-content] p{margin-bottom:18px}[data-ui=dialog-content] [data-ui=caption]{margin:14px 0 0}[data-ui=dialog-content] .rename-field{margin-bottom:20px}[data-ui=button][data-ui-slot=dialog-close]{--button-surface:color-mix(in srgb, var(--ink) 6%, transparent);position:absolute;top:12px;right:12px}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes backdrop-in{0%{opacity:0}}@media (width<=680px){[data-ui=dialog]{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:none;max-height:92dvh;animation:sheet-in .38s var(--spring);margin:auto auto 0}[data-ui=dialog][data-swiping]{will-change:transform;animation:none}[data-ui=dialog-content]{padding:30px 22px calc(28px + env(safe-area-inset-bottom))}[data-ui=dialog-content]:before{content:"";background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:999px;width:40px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes sheet-in{0%{transform:translateY(100%)}}}[data-ui=notice]{border-radius:var(--radius);min-height:48px;color:var(--danger);background:var(--danger-soft);box-shadow:0 0 0 var(--hairline) color-mix(in srgb, currentColor 14%, transparent) inset;font-size:var(--text-sm);align-items:flex-start;gap:11px;margin:14px 0;padding:13px 16px;line-height:1.5;display:flex}[data-ui=notice]>span{flex:1;min-width:0}[data-ui=notice][data-tone=sound]{color:var(--mint);background:var(--mint-soft)}[data-ui=notice]>svg{margin-top:1px}[data-ui=notice]>[data-variant=icon]{margin:-11px -10px -11px auto}.side-card{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--surface-raised), var(--surface));min-width:0;box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-2);padding:22px}.activity{padding:10px 0 24px}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading h2{font-size:var(--text-2xl)}.section-heading [data-ui=caption]{margin-top:4px;display:block}.event-list{margin-top:16px;padding-block:4px}.event{border-bottom:var(--hairline) solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.event:last-child{border-bottom:0}.event-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);justify-content:center;align-items:center;display:flex}.event-icon.warning{color:var(--danger);background:var(--danger-soft)}.event>div{min-width:0}.event strong,.event div>span{display:block}.event strong{font-size:var(--text-md);font-weight:600}.event div>span,.event time{color:var(--muted);font-size:var(--text-sm)}.event time{font-variant-numeric:tabular-nums}.empty-events{text-align:center;padding:24px 0 20px}.empty-events .empty-events-mascot{width:190px;height:150px;margin:0 auto 8px}@media (width<=680px){.side-card{border-radius:var(--radius-lg);padding:4px 16px}}.event-date{color:var(--ink);margin-bottom:2px;font-weight:500;display:block}.event time{text-align:right}[data-ui=caption]{color:var(--muted);font-size:var(--text-sm);line-height:1.55}[data-ui=code]{font-variant-numeric:slashed-zero;font-variant-ligatures:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.monitor-mascot{width:230px;height:190px;color:var(--mint);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:32%;margin:0 auto;padding:0;display:flex;position:relative}.kueki-character{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .22s;display:block;overflow:visible}.monitor-mascot[data-state=paused] .kueki-character{opacity:.7}.kueki-feather-lines{fill:none;stroke:#d9ad60;stroke-width:2px;stroke-linecap:round;opacity:.3}.kueki-body-posture,.kueki-head-posture,.kueki-wing-posture,.kueki-eyes-open,.kueki-tuft{transition:transform .85s cubic-bezier(.22,1,.36,1)}.kueki-body-posture,.kueki-breath{transform-origin:192px 222px}.kueki-head-posture,.kueki-head-breathe{transform-origin:171px 176px}.kueki-head-posture{transform:translateY(4px)rotate(-8deg)}.kueki-wing-posture,.kueki-wing-breathe{transform-origin:233px 154px}.kueki-tuft{transform-origin:141px 72px;transform:rotate(-7deg)}.kueki-eyes-open,.kueki-blink{transform-origin:143px 134px}.kueki-eyes-open{opacity:0;transition:opacity .18s,transform .45s cubic-bezier(.22,1,.36,1);transform:scaleY(.15)}.kueki-gaze{transition:transform .12s ease-out}.kueki-eyes-closed,.kueki-sleep-marks,.kueki-sound-marks{transition:opacity .22s}.kueki-sound-marks{opacity:0}.kueki-beak-lower{transform-origin:2px 2px;transform:scaleY(.55)}.kueki-beak-reaction{transform-origin:132px 151px}.monitor-mascot[data-pose=awake] .kueki-body-posture{transform:translateY(-2px)scaleY(1.035)}.monitor-mascot[data-pose=awake] .kueki-head-posture{transition-duration:.62s;transform:translate(2px,-12px)rotate(3deg)}.monitor-mascot[data-pose=awake] .kueki-wing-posture{transition-duration:.7s;transform:rotate(-16deg)translateY(-2px)}.monitor-mascot[data-pose=awake] .kueki-tuft{transform:rotate(9deg)}.monitor-mascot[data-pose=awake] .kueki-eyes-open{opacity:1;transition-delay:.1s;transform:scaleY(1)}.monitor-mascot[data-pose=awake] .kueki-eyes-closed,.monitor-mascot[data-pose=awake] .kueki-sleep-marks{opacity:0}.monitor-mascot[data-state=sound] .kueki-sound-marks{opacity:1}@media (prefers-reduced-motion:no-preference){.monitor-mascot:not([data-state=paused]) .kueki-breath{animation:4s cubic-bezier(.45,0,.35,1) infinite kueki-chest-breath}.monitor-mascot:not([data-state=paused]) .kueki-head-breathe{animation:4s cubic-bezier(.45,0,.35,1) .12s infinite kueki-head-breath}.monitor-mascot:not([data-state=paused]) .kueki-wing-breathe{animation:4s cubic-bezier(.45,0,.35,1) .2s infinite kueki-wing-breath}.monitor-mascot:not([data-state=paused]) .kueki-sleep-mark{animation:4.8s ease-in-out infinite kueki-dream}.monitor-mascot:not([data-state=paused]) .kueki-sleep-mark+.kueki-sleep-mark{animation-delay:.9s}.monitor-mascot[data-pose=awake] .kueki-blink{animation:4.6s ease-in-out infinite kueki-blink}.monitor-mascot[data-pose=awake] .kueki-beak-lower{animation:1.5s ease-in-out kueki-yawn}.monitor-mascot[data-reaction=chirp] .kueki-wing-breathe{animation:.62s cubic-bezier(.22,1,.36,1) both kueki-wing-chirp}.monitor-mascot[data-reaction=chirp] .kueki-beak-reaction{animation:.62s cubic-bezier(.22,1,.36,1) both kueki-head-chirp}.monitor-mascot[data-reaction=chirp] .kueki-beak-lower{animation:.62s ease-in-out both kueki-beak-chirp}}@keyframes kueki-wing-chirp{0%,to{transform:rotate(0)}24%{transform:rotate(-13deg)}48%{transform:rotate(4deg)}72%{transform:rotate(-8deg)}}@keyframes kueki-head-chirp{0%,to{transform:translateY(0)}26%{transform:translateY(-3px)rotate(-3deg)}58%{transform:translateY(1px)rotate(2deg)}}@keyframes kueki-beak-chirp{0%,to{transform:scaleY(.55)}25%,54%{transform:scaleY(1.3)}}@keyframes kueki-chest-breath{0%,to{transform:scale(1)}42%{transform:scale(1.025,1.065)}}@keyframes kueki-head-breath{0%,to{transform:translateY(0)rotate(0)}42%{transform:translateY(-3px)rotate(1.2deg)}}@keyframes kueki-wing-breath{0%,to{transform:rotate(0)}42%{transform:rotate(-3deg)}}@keyframes kueki-dream{0%,to{opacity:.25;transform:translateY(1px)}50%{opacity:.8;transform:translateY(-5px)}}@keyframes kueki-blink{0%,14%,20%,64%,70%,to{transform:scaleY(1)}17%,67%{transform:scaleY(.08)}}@keyframes kueki-yawn{0%,to{transform:scaleY(.55)}30%,55%{transform:scaleY(1.25)translateY(2px)}}@media (prefers-reduced-motion:reduce){.kueki-character *{transition:opacity .18s!important;animation:none!important}.monitor-mascot .kueki-body-posture,.monitor-mascot .kueki-head-posture,.monitor-mascot .kueki-wing-posture,.monitor-mascot .kueki-tuft,.monitor-mascot .kueki-eyes-open{transform:none}.kueki-gaze{transition:none;transform:none!important}}@media (width<=680px){.monitor-mascot{width:210px;height:170px}}.meter-wrap{margin:18px 0 16px}.meter-wrap>div:first-child{color:var(--muted);font-size:var(--text-sm);justify-content:space-between;gap:16px;margin-bottom:9px;display:flex}.meter{--meter-gap:5px;width:min(100%, calc(324px + 35 * var(--meter-gap)));justify-content:center;align-items:center;gap:var(--meter-gap);height:42px;margin-inline:auto;display:flex;position:relative;overflow:hidden}.meter span{background:color-mix(in srgb, var(--ink) 9%, transparent);width:6px;min-width:0;max-width:9px;transition:background-color .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:999px;flex:1}.meter .lit{background:linear-gradient(180deg, color-mix(in srgb, var(--mint) 78%, white), var(--mint));box-shadow:0 0 10px color-mix(in srgb, var(--mint) 45%, transparent)}.rename-field{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.rename-field label{flex:1;min-width:140px;margin:0}.rename-actions{gap:6px;display:flex}.rename-actions [data-ui=button]{min-height:52px}.rename-field [data-ui=notice]{width:100%;margin:4px 0 0}@media (width<=680px){.meter{--meter-gap:4px}}.meter-threshold{left:var(--meter-threshold);background:color-mix(in srgb, var(--primary) 70%, transparent);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px}.monitor-panel{padding:10px 0 24px}.monitor-card,.device-card{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--surface-raised), var(--surface));min-width:0;box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-2);padding:22px}.monitor-hero{text-align:center}.monitor-hero .monitor-mascot{width:230px;height:190px}.monitor-hero h2{font-size:var(--text-2xl);margin-top:10px}.monitor-hero p{margin-top:6px}.baby-checks{color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;gap:10px 20px;margin:16px 0;display:flex}.baby-checks>span{align-items:center;gap:7px;display:flex}.baby-checks>span[data-on=true]{color:var(--mint)}.monitor-card{margin-top:18px}.monitor-card .sensitivity{border:0;margin:0;padding:0}.meter-wrap [data-sound=true]{color:var(--mint);font-weight:600}.sensitivity{border-top:var(--hairline) solid var(--line);margin-top:16px;padding-top:16px}.sensitivity label{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.sensitivity label span{color:var(--muted);font-weight:400}.sensitivity [data-ui=caption]{margin-top:6px}.empty-nest{text-align:center;padding:12px 0 24px}.empty-nest .empty-nest-mascot{width:min(100%,340px);height:270px;margin:0 auto}.empty-nest h2{font-size:var(--text-2xl)}.empty-nest p{max-width:43ch;margin:14px auto 22px}.device-list{gap:14px;min-width:0;display:grid}.nest-summary{align-items:center;gap:14px;padding:2px 0;display:flex}.nest-summary>div{min-width:0}.nest-summary h2{font-size:var(--text-xl)}.nest-summary p{color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere;margin-top:4px;line-height:1.45}.nest-summary .monitor-mascot{flex:none;width:96px;height:80px;margin:0}.device-grid{gap:14px;display:grid}@media (width>=861px){.device-grid:not([data-count="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}}.monitor-readiness{border-top:var(--hairline) solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:6px 0;display:flex}.device-heading{align-items:center;gap:12px;display:flex}.device-heading>div:last-child{min-width:0}.device-icon{border-radius:var(--radius);color:#8c6d1f;background:var(--butter-soft);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.device-heading h3{overflow-wrap:anywhere;margin-bottom:5px}.device-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.device-actions>[data-ui=button]{flex:105px;min-width:0;max-width:100%;padding-inline:10px}.device-actions span{overflow-wrap:anywhere;min-width:0}.device-actions svg,.audio-status svg{flex:none}.mute-toggle[aria-pressed=true]{color:var(--danger);background:var(--danger-soft)}.device-audio{margin-top:14px}.audio-status{border-radius:var(--radius-sm);color:var(--muted);background:var(--surface-sunken);font-size:var(--text-sm);align-items:center;gap:8px;margin:4px 0 8px;padding:8px 10px;display:flex}.device-audio:is([data-status=paused],[data-status=disconnected],[data-status=failed]) .audio-status{color:var(--danger);background:var(--danger-soft)}.device-card .meter{margin:8px auto}.device-sensitivity{border-top:var(--hairline) solid var(--line);margin-top:12px}.device-sensitivity summary{cursor:pointer;min-height:44px;font-size:var(--text-sm);align-items:center;gap:8px;font-weight:600;display:flex}.device-sensitivity summary span{color:var(--muted);margin-left:auto;font-weight:400}.device-sensitivity summary:after{content:"+";color:var(--muted)}.device-sensitivity[open] summary:after{content:"−"}.device-sensitivity summary::-webkit-details-marker{display:none}.device-sensitivity .sensitivity{border:0;margin:0;padding:6px 0 10px}@media (prefers-color-scheme:dark){.device-icon{color:#e6cf92}}@media (width<=680px){.monitor-panel{padding-top:4px}.nest-summary .monitor-mascot{width:84px;height:70px}.empty-nest .empty-nest-mascot{height:230px}.monitor-card,.device-card{border-radius:var(--radius-lg);padding:16px}}[data-ui=status]{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:7px;display:inline-flex}[data-ui=status] i{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 15%, transparent);background:currentColor;border-radius:50%;position:relative}[data-ui=status][data-tone=good]{color:var(--mint)}[data-ui=status][data-tone=warning]{color:#9a6a37}[data-ui=status][data-tone=good] i:after{content:"";animation:status-pulse 2.4s var(--ease-out) infinite;background:currentColor;border-radius:50%;position:absolute;inset:-3px}@keyframes status-pulse{0%{opacity:.45;transform:scale(.7)}70%,to{opacity:0;transform:scale(2.2)}}[data-ui=slider]{--slider-thumb:26px;--slider-progress:0;appearance:none;background:0 0;width:100%;height:28px;margin:0}[data-ui=slider]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--primary), var(--primary)) left / calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * var(--slider-progress)) 100% no-repeat, var(--track);height:8px;box-shadow:0 0 0 var(--hairline) var(--line) inset;border-radius:999px}[data-ui=slider]::-moz-range-progress{background:var(--primary);border-radius:999px;height:8px}[data-ui=slider]::-moz-range-track{background:var(--track);height:8px;box-shadow:0 0 0 var(--hairline) var(--line) inset;border-radius:999px}[data-ui=slider]::-webkit-slider-thumb{background:var(--thumb);width:26px;height:26px;box-shadow:0 0 0 var(--hairline) var(--line-strong), 0 2px 6px #2c34482e;cursor:grab;transition:transform .2s var(--spring);appearance:none;border:0;border-radius:50%;margin-top:-9px}[data-ui=slider]::-moz-range-thumb{background:var(--thumb);width:26px;height:26px;box-shadow:0 0 0 var(--hairline) var(--line-strong), 0 2px 6px #2c34482e;cursor:grab;border:0;border-radius:50%}[data-ui=slider]:active::-webkit-slider-thumb{transform:scale(1.12)}[data-ui=slider]:disabled{opacity:.5}.invitation-qr{justify-items:center;gap:12px;display:grid}.invitation-qr img{border-radius:var(--radius-sm);width:224px;max-width:100%;height:auto;box-shadow:0 0 0 var(--hairline) var(--line)}.invite-actions{gap:10px;margin-top:16px;display:grid}.reset-invitation{font-size:var(--text-sm);margin:14px auto 0;display:flex}.setting-detail{align-items:flex-start;gap:14px;margin:22px 0;display:flex}.setting-detail>[data-variant=quiet]{align-self:center}.setting-detail>div{flex:1;min-width:0}.setting-detail p{margin:3px 0 0}[data-ui=select]{align-items:center;display:inline-flex;position:relative}[data-ui=select] select{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--ink);background:var(--control);box-shadow:0 0 0 var(--hairline) var(--line-strong);cursor:pointer;appearance:none;border:0;padding:8px 34px 8px 12px;font-weight:600}[data-ui=select] svg{color:var(--muted);pointer-events:none;position:absolute;right:12px}[data-ui=select][data-variant=quiet] select{color:inherit;box-shadow:none;font-size:var(--text-sm);background:0 0;padding:0 22px 0 0;font-weight:400}[data-ui=select][data-variant=quiet] svg{color:inherit;right:4px}@media (hover:hover) and (pointer:fine){[data-ui=select][data-variant=quiet]:hover select,[data-ui=select][data-variant=quiet]:hover svg{color:var(--ink)}}@media (pointer:coarse){[data-ui=select][data-variant=quiet] select{font-size:var(--text-md)}}.language-select{align-items:center;gap:10px;margin-bottom:0;display:flex}.language-select [data-ui=caption]{margin:0}[data-testid=install-guide] h2{max-width:20ch;font-size:var(--text-xl)}.install-intro{color:var(--muted);font-size:var(--text-sm);margin-bottom:12px}.install-steps{margin:0 0 20px;padding:0;list-style:none}.install-steps li{border-radius:var(--radius);background:var(--surface-sunken);font-size:var(--text-md);align-items:center;gap:12px;padding:12px 14px;line-height:1.45;display:flex}.install-steps li+li{margin-top:8px}.install-step-icon{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--primary);background:var(--surface-raised);box-shadow:0 0 0 var(--hairline) var(--line);flex:none;place-items:center;display:grid}.install-note{border-radius:var(--radius-sm);color:var(--mint);background:var(--mint-soft);font-size:var(--text-xs);margin:0 0 16px;padding:12px 14px;line-height:1.5}.install-required{flex-direction:column;gap:12px;display:flex}.install-required p{margin:0}.install-nudge{flex-direction:column;gap:4px;display:flex}.install-nudge strong{font-size:var(--text-md)}.install-nudge span{color:var(--muted);font-size:var(--text-sm);line-height:1.45}.install-nudge-actions{flex-direction:row-reverse;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.card-icon{border-radius:var(--radius);color:#8c6d1f;background:linear-gradient(180deg, color-mix(in srgb, var(--butter-soft) 70%, white), var(--butter-soft));box-shadow:0 0 0 var(--hairline) #9475261f inset;border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:6px;display:grid}.settings-group-title{color:var(--muted);font-size:var(--text-xs);letter-spacing:.01em;margin:0 0 8px 18px;font-weight:600}.settings-group-footer{color:var(--muted);font-size:var(--text-xs);margin:8px 18px 0;line-height:1.5}.settings-list{border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-1);margin:0;padding:0;list-style:none}.settings-list>li{position:relative}.settings-list>li+li:before{content:"";border-top:var(--hairline) solid var(--line-strong);position:absolute;top:0;left:18px;right:0}.settings-list>li:first-child,.settings-list>li:first-child>.settings-link{border-top-left-radius:inherit;border-top-right-radius:inherit}.settings-list>li:last-child,.settings-list>li:last-child>.settings-link{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.settings-row{align-items:center;gap:14px;min-height:56px;padding:12px 18px;display:flex}.settings-row-label{font-size:var(--text-md);letter-spacing:-.01em;flex:1;font-weight:600}.settings-row-text{flex:1;min-width:0}.settings-row-text strong{font-size:var(--text-md);letter-spacing:-.01em;font-weight:600;display:block}.settings-row-text>span{color:var(--muted);font-size:var(--text-sm);margin-top:2px;line-height:1.45;display:block}.settings-row-note{color:var(--muted);font-size:var(--text-sm);line-height:1.45}.settings-row-check{color:var(--mint)}.settings-row-choice [data-ui=select]{flex:none}.settings-row-stack{flex-direction:column;align-items:stretch;gap:14px;padding-block:16px}.settings-row-stack p{font-size:var(--text-md);line-height:1.5}.settings-row-field{padding-block:14px 16px}.settings-row-field .rename-field{flex:1}.device-row-actions{gap:6px;display:flex}.settings-link{width:100%;min-height:56px;color:var(--ink);font-size:var(--text-md);letter-spacing:-.01em;text-align:left;background:0 0;border-radius:0;align-items:center;gap:14px;padding:10px 14px 10px 18px;font-weight:600;display:flex;position:relative}.settings-link>span:not(.card-icon){flex:1;min-width:0}.settings-link>svg:last-child{color:var(--muted);flex:none}.settings-link:active:not(:disabled){background:color-mix(in srgb, var(--ink) 6%, transparent)}@media (hover:hover) and (pointer:fine){.settings-link:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}}.check-list{color:var(--muted);font-size:var(--text-md);gap:12px;margin:0;padding:0;list-style:none;display:grid}.check-list li{align-items:center;gap:7px;display:flex}.check-list svg{color:var(--mint);flex:none}@media (prefers-color-scheme:dark){.card-icon{color:#e6cf92}}@media (width<=680px){.settings-row-choice{flex-direction:column;align-items:stretch;gap:10px}.device-row{flex-wrap:wrap}.device-row .settings-row-text{flex-basis:160px}.device-row-actions{margin-left:auto}.settings-group-title,.settings-group-footer{margin-inline:16px}.settings-row,.settings-link{padding-inline:16px}.settings-link{padding-right:12px}.settings-list>li+li:before{left:16px}}.room-tools{--room-control-size:44px;--room-control-gap:4px;align-items:center;gap:var(--room-control-gap);display:flex}.room-tools .room-tool{width:var(--room-control-size);height:var(--room-control-size);--button-ink:var(--ink);--button-surface:var(--control);--button-shadow:0 0 0 var(--hairline) var(--line-strong)}.room-tools .room-tool[aria-pressed=true]{--button-ink:var(--primary);--button-surface:var(--primary-soft)}.room-header{border-bottom:var(--hairline) solid var(--line);grid-template-columns:32px minmax(0,auto) 1fr auto;align-items:center;gap:18px;min-height:86px;display:grid;position:relative}.room-brand{display:flex}.room-brand img{width:32px;height:32px}.room-header h1{min-width:0;font-family:inherit;font-size:var(--text-lg);letter-spacing:-.02em;white-space:nowrap;font-weight:600;display:flex}.room-navigation{border-radius:var(--radius);background:color-mix(in srgb, var(--ink) 6%, transparent);box-shadow:0 0 0 var(--hairline) var(--line) inset;justify-self:end;align-items:center;gap:2px;padding:4px;display:flex}.room-navigation a{border-radius:var(--radius-sm);min-height:38px;color:var(--muted);font-size:var(--text-sm);transition:color .2s var(--ease-out), background-color .24s var(--spring), box-shadow .24s var(--spring), transform .24s var(--spring);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:500;display:flex}.room-navigation a span{justify-items:center;display:grid}.room-navigation a span:after{content:attr(data-label);visibility:hidden;height:0;font-weight:600}.room-navigation a:active{transform:scale(.96)}.room-navigation a[aria-current=page]{color:var(--ink);background:linear-gradient(180deg, var(--surface-raised), var(--surface));box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-1);font-weight:600}@media (hover:hover) and (pointer:fine){.room-navigation a:hover{color:var(--ink)}}@media (prefers-color-scheme:dark){.room-navigation a[aria-current=page]{color:color-mix(in srgb, var(--primary) 60%, var(--ink));background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 30%, var(--surface-raised)), color-mix(in srgb, var(--primary) 22%, var(--surface-raised)));box-shadow:0 0 0 var(--hairline) color-mix(in srgb, var(--primary) 35%, transparent), var(--shadow-1)}}@media (width<=860px){.room-header{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;min-height:74px}.room-brand img{width:28px;height:28px}.room-navigation{z-index:5;right:16px;bottom:max(14px, env(safe-area-inset-bottom));border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 0 0 var(--hairline) var(--line), 0 1px 0 #fff6 inset, 0 14px 40px #2c344829;-webkit-backdrop-filter:blur(20px)saturate(180%);justify-self:stretch;padding:6px;position:fixed;left:16px}.room-navigation a{border-radius:var(--radius);min-height:54px;font-size:var(--text-xs);letter-spacing:-.005em;flex-direction:column;flex:1;gap:3px;padding:5px 10px}}@media (width<=680px){.room-header .room-tools .invite-device-button,.room-header .room-tools .room-tool{width:var(--room-control-size);height:var(--room-control-size);background:color-mix(in srgb, var(--ink) 6%, transparent);box-shadow:none;border-radius:50%;padding:0}.room-header .room-tools .invite-device-label{display:none}}.connection-indicator{min-width:var(--room-control-size,44px);height:var(--room-control-size,44px);color:var(--muted);justify-content:center;align-items:center;gap:7px;display:inline-flex}.connection-indicator:has(.wake-status){gap:5px;padding-inline:6px}.wake-status{color:var(--mint);align-items:center;display:inline-flex}[data-testid=connection-notice]{flex-wrap:wrap}.notice-action{flex-basis:100%}[data-ui=tooltip]{border-radius:var(--radius-sm);color:var(--ink);background:var(--surface-raised);box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-2);font-size:var(--text-xs);transition:opacity .14s var(--ease-out), transform .14s var(--ease-out);padding:6px 10px;font-weight:500;line-height:1.4}[data-ui=tooltip][data-starting-style],[data-ui=tooltip][data-ending-style]{opacity:0;transform:translateY(-3px)}.night-view{z-index:50;justify-content:center;align-items:center;gap:var(--space-2,8px);padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom);color:#8f8a7f;animation:night-in .6s var(--ease-out);background:#050608;flex-direction:column;display:flex;position:fixed;inset:0}.night-view .monitor-mascot{opacity:.42;filter:saturate(.7);width:150px;height:124px}.night-view strong{font-family:Fredoka,sans-serif;font-size:var(--text-xl);letter-spacing:-.02em;margin-top:8px;font-weight:500}.night-view[data-state=sound] strong,.night-view[data-state=offline] strong,.night-view[data-state=paused] strong,.night-view[data-state=ready] strong,.night-view[data-state=local] strong{color:#c7b98f}.night-view em{color:#c9906f;max-width:30ch;font-size:var(--text-sm);text-align:center;font-style:normal}.night-view span{color:#4d4b46;font-size:var(--text-sm)}@keyframes night-in{0%{opacity:0}}.night-wake{cursor:pointer;background:0 0;border-radius:0;position:absolute;inset:0}.room{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.room-body{display:contents}.room-scroll{overscroll-behavior:none;min-height:0;padding-bottom:calc(48px + env(safe-area-inset-bottom) + var(--bottom-overlay,0px));flex:1;overflow-y:auto}@media (pointer:coarse){.room-scroll,.app-onboarding{scrollbar-width:none}.room-scroll::-webkit-scrollbar{display:none}.app-onboarding::-webkit-scrollbar{display:none}}.room-content{position:relative}.room-alerts{flex:none;width:min(100% - 32px,760px);max-height:30vh;margin-inline:auto;overflow-y:auto}.room-alerts [data-ui=notice]{margin:8px 0}.room-grid{width:min(100%,760px);margin:18px auto 0}.room-grid>*+*{margin-top:14px}@media (width<=860px){.room-scroll{padding-bottom:calc(106px + env(safe-area-inset-bottom) + var(--bottom-overlay,0px));scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom))}}@media (width<=680px){.room-grid{margin-top:8px}}.room-alerts [data-testid=wake-lock-notice][data-state=tap]{align-items:center}.invitation-camera{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:#000;width:100%}.welcome{grid-template-columns:minmax(0,6fr) minmax(340px,5fr);gap:clamp(48px,8vw,104px);min-height:680px;padding:42px 0;display:grid}.welcome-art{min-height:590px;box-shadow:0 0 0 var(--hairline) #2c34480f inset, var(--shadow-3);background:linear-gradient(168deg,#eef2f8,#e2e9f4 62%,#dfe6f2);border-radius:34px 34px 120px;flex-direction:column;padding:clamp(30px,4vw,52px);display:flex;position:relative;overflow:hidden}.welcome-art:before,.welcome-art:after{content:"";pointer-events:none;filter:blur(34px);opacity:.75;border-radius:999px;position:absolute}.welcome-art:before{background:radial-gradient(circle, var(--butter-soft), transparent 68%);width:280px;height:280px;top:-100px;right:-70px}.welcome-art:after{background:radial-gradient(circle, var(--peach-soft), transparent 68%);width:220px;height:220px;bottom:60px;left:-70px}.welcome-art h1{z-index:1;max-width:9ch;font-size:clamp(52px,5vw,72px);position:relative}.welcome-art em{color:var(--primary);font-style:normal}.mascot-wrap{z-index:1;flex:1;align-items:end;min-height:280px;display:grid;position:relative}.landing-mascot-state{text-align:center;min-width:0;margin:0}.monitor-mascot.landing-mascot{aspect-ratio:1.4;width:100%;height:auto;margin:0}.landing-mascot-state figcaption{color:var(--muted);font-size:var(--text-xs);text-align:right;margin-top:4px;font-weight:600}.kueki-hover-hint{display:none}@media (hover:hover) and (pointer:fine){.kueki-hover-hint{display:inline}}.welcome-content{flex-direction:column;justify-content:center;min-width:0;display:flex}.welcome-content h2{max-width:24ch;margin-bottom:14px;font-size:clamp(26px,2.4vw,32px)}.welcome-content>p{max-width:38ch}.welcome-actions{gap:11px;width:min(100%,350px);margin:30px 0 34px;display:grid}.welcome-actions button{justify-content:space-between}.steps h3{color:var(--muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-weight:600}.steps ol{counter-reset:step;gap:12px;max-width:46ch;margin:0;padding:0;list-style:none;display:grid}.steps li{color:var(--muted);font-size:var(--text-md);counter-increment:step;grid-template-columns:26px minmax(0,1fr);align-items:baseline;gap:12px;line-height:1.5;display:grid}.steps li:before{content:counter(step);width:26px;height:26px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex;transform:translateY(3px)}.setup{width:100%;max-width:390px}.setup input{scroll-margin-block:34px calc(16px + var(--bottom-overlay,0px))}.setup .change-invitation{min-height:44px;font-size:var(--text-sm);margin:-18px 0 10px}.setup .back{margin-bottom:18px;padding-left:0}.setup h2{font-size:var(--text-3xl);margin-bottom:10px}.setup>p{margin-bottom:26px}.role-picker{gap:10px;display:flex}.role-picker button{border-radius:var(--radius-lg);text-align:left;background:linear-gradient(180deg, var(--surface-raised), var(--surface));min-width:0;box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-1);flex-direction:column;flex:1;align-items:flex-start;gap:5px;padding:16px;display:flex}.role-picker button:active:not(:disabled){transition-duration:90ms;transform:scale(.965)}.role-picker button[aria-pressed=true]{color:var(--primary);background:linear-gradient(180deg, color-mix(in srgb, var(--primary-soft) 60%, var(--surface-raised)), var(--primary-soft));box-shadow:0 0 0 1.5px var(--primary), 0 6px 18px color-mix(in srgb, var(--primary) 16%, transparent)}.role-picker strong{font-size:var(--text-md);margin-top:3px}.role-picker span{color:var(--muted);font-size:var(--text-sm)}@media (prefers-color-scheme:dark){.welcome-art{background:linear-gradient(168deg,#232c3d,#1d2532 65%,#1a212d)}.welcome-art:before{background:radial-gradient(circle,#4a4126,#0000 68%)}.welcome-art:after{background:radial-gradient(circle,#4a3330,#0000 68%)}}@media (width<=860px){.welcome{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:38px}.welcome-art{border-bottom-right-radius:90px;min-height:540px}}@media (width<=680px){.welcome{flex-direction:column;gap:30px;min-height:0;padding:22px 0 34px;display:flex}.welcome-art{border-radius:26px 26px 72px;min-height:410px;padding:28px}.welcome-art h1{max-width:8ch;font-size:clamp(42px,12vw,54px)}.mascot-wrap{width:66%;min-height:0;position:absolute;bottom:16px;right:10px}.landing-mascot-state figcaption{font-size:var(--text-xs);margin-top:0;padding-right:32px}.welcome-content{padding:0 4px}.app-onboarding .welcome-content{padding:0 16px}.welcome-content h2{max-width:22ch;font-size:var(--text-xl);margin-bottom:10px}.welcome-actions{width:100%;margin:24px 0 26px}.steps ol{gap:10px}.setup h2{font-size:var(--text-3xl)}.role-picker{flex-direction:column}.role-picker button{width:100%}}@media (width<=390px){.welcome-art{padding:24px}.welcome-art h1{font-size:42px}.steps li{font-size:var(--text-sm)}}.room-switcher{border-radius:var(--radius-sm);min-width:0;max-width:calc(100% + 10px);color:var(--ink);font:inherit;background:0 0;justify-content:flex-start;gap:6px;margin-left:-10px;padding:6px 10px}.room-switcher:active:not(:disabled){transition-duration:90ms;transform:scale(.965)}.room-switcher>svg{color:var(--muted);transition:transform .26s var(--spring)}.room-switcher span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-switcher[data-popup-open]{background:color-mix(in srgb, var(--ink) 6%, transparent)}.room-switcher[data-popup-open]>svg{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.room-switcher:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}}.rooms-popover{z-index:20;overscroll-behavior:contain;border-radius:var(--radius-xl);width:min(360px,100vw - 32px);max-height:min(520px,100dvh - 32px);color:var(--ink);background:linear-gradient(180deg, var(--surface-raised), var(--surface));box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-3);transform-origin:var(--transform-origin);padding:20px;overflow-y:auto}.rooms-popover[data-open]{animation:rooms-popover-in .26s var(--spring)}.rooms-popover[data-closed]{animation:.12s cubic-bezier(.25,.46,.45,.94) rooms-popover-out}.rooms-popover h2{font-size:var(--text-xl)}.rooms-popover>p{font-size:var(--text-sm);margin-top:4px}.rooms-popover .saved-rooms{gap:10px;max-height:280px;margin:4px -10px;padding:10px;scroll-padding:10px;display:grid;overflow-y:auto}.rooms-popover .saved-room [data-variant=secondary]{min-width:0;min-height:56px;padding:10px 12px}.rooms-popover .saved-room [data-variant=secondary]>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rooms-popover-actions{border-top:var(--hairline) solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding-top:14px;display:grid}.rooms-popover>[data-ui=notice]{margin:12px 0 0}.saved-room{align-items:center;gap:8px;min-width:0;display:flex}.saved-room [data-variant=secondary]{text-align:left;flex:1;justify-content:space-between}.saved-room [data-testid=forget-room]{flex:none}.saved-room small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--text-sm);margin-top:3px;display:block;overflow:hidden}@media (prefers-reduced-motion:reduce){.rooms-popover[data-open]{animation:.12s ease-out rooms-popover-fade}.rooms-popover[data-closed]{animation:.1s ease-out reverse rooms-popover-fade}}@keyframes rooms-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes rooms-popover-out{to{opacity:0;transform:translateY(-2px)scale(.98)}}@media (prefers-reduced-motion:reduce){@keyframes rooms-popover-fade{0%{opacity:0}}}.app-shell{isolation:isolate;width:min(100% - 64px,1180px);padding-top:env(safe-area-inset-top);margin:0 auto}.topbar{border-bottom:var(--hairline) solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand{min-width:0;font-family:Fredoka,sans-serif;font-size:var(--text-3xl);letter-spacing:-.06em;flex:none;align-items:center;gap:8px;font-weight:500;display:flex;overflow:hidden}.brand img{flex:none;width:34px;height:34px}.shell-actions{flex:0 auto;align-items:center;gap:10px;min-width:0;display:flex}footer{border-top:var(--hairline) solid var(--line);min-height:62px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 20px;display:flex}footer nav,.project-links{align-items:center;gap:18px;display:flex}footer button,footer a{min-height:44px;color:inherit;font-size:var(--text-sm);background:0 0;align-items:center;padding:0;display:inline-flex}.project-links{color:var(--muted);font-size:var(--text-sm);padding-top:4px}.project-links a,footer a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px}.footer-actions{align-items:center;gap:20px;display:flex}.app-shell.application{inset:var(--visual-viewport-top,0) 0 auto;width:100%;height:var(--visual-viewport-height,100dvh);min-height:0;padding:env(safe-area-inset-top) 0 0;flex-direction:column;display:flex;position:fixed;overflow:hidden}.application>.topbar,.application .room-header,.application .room-content{width:min(100% - 64px,1056px);margin-inline:auto}.application>.topbar,.application .room-header{flex-shrink:0}.application .topbar{min-height:72px}.application .brand{font-size:var(--text-2xl)}.application .brand img{width:28px;height:28px}.app-onboarding{min-height:0;padding:40px 0 calc(40px + env(safe-area-inset-bottom) + var(--bottom-overlay,0px));flex:1;justify-content:center;align-items:safe center;display:flex;overflow-y:auto}.app-onboarding .welcome-content{width:min(100%,410px)}.app-onboarding .welcome-content h2{font-size:var(--text-3xl)}.app-onboarding .welcome-actions,.app-onboarding .setup{width:100%;max-width:none}.not-found{min-height:60dvh;padding:32px 0 calc(40px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found .not-found-mascot{width:min(100%,300px);height:230px;margin-bottom:-8px}.not-found h1{font-size:var(--text-3xl)}.not-found p{max-width:38ch;margin:14px 0 26px}[data-sonner-toaster][data-sonner-theme]{--normal-bg:var(--surface);--normal-text:var(--ink);--normal-border:var(--line);font-family:inherit}[data-sonner-toaster] [data-sonner-toast][data-styled=true]{border-color:var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);font-size:var(--text-sm);gap:8px;padding:12px}[data-sonner-toaster] [data-sonner-toast] [data-content]{flex:1;min-width:0}[data-sonner-toaster] [data-sonner-toast][data-styled=true] [data-button],[data-sonner-toaster][data-sonner-theme] [data-sonner-toast][data-styled=true] [data-close-button]{border-radius:var(--radius-sm);height:44px;min-height:44px;font:inherit}[data-sonner-toaster] [data-sonner-toast][data-styled=true] [data-button]{color:var(--ink);background:var(--primary-soft);padding:0 14px;font-weight:600}[data-sonner-toaster][data-sonner-theme] [data-sonner-toast][data-styled=true] [data-close-button]{width:44px;color:var(--muted);background:0 0;border:0;position:absolute;top:4px;left:auto;right:4px;transform:none}[data-sonner-toaster] [data-sonner-toast] [data-title],[data-sonner-toaster] [data-sonner-toast] .install-nudge>strong{padding-right:36px}[data-sonner-toaster] [data-sonner-toast][data-styled=true]:has(>[data-button]){padding-right:52px}[data-sonner-toaster] [data-sonner-toast]:has(>[data-button]) [data-title]{padding-right:0}@media (width<=860px){.app-shell{width:min(100% - 40px,1180px)}.application>.topbar,.application .room-header,.application .room-content{width:calc(100% - 32px)}}@media (width<=680px){.app-shell{width:calc(100% - 32px)}.topbar{min-height:72px}.brand{font-size:34px}.brand img{width:30px;height:30px}.topbar [data-variant=quiet] span{display:none}footer{padding-bottom:max(12px, env(safe-area-inset-bottom))}.app-onboarding{padding:28px 0 calc(28px + var(--bottom-overlay,0px));justify-content:flex-start}.app-onboarding .welcome-content h2,.not-found h1{font-size:var(--text-3xl)}.not-found .not-found-mascot{height:190px}}@media (width<=390px){.app-shell{width:calc(100% - 24px)}.topbar{gap:12px}}