@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;touch-action:pan-x pan-y;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:100%}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:16px}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:active:not(:disabled){transition-duration:90ms;transform:scale(.965)}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{letter-spacing:-.015em;text-wrap:balance;font-size:18px;font-weight:600}p{color:var(--muted);text-wrap:pretty;font-size:16px;line-height:1.6}svg{flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.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{letter-spacing:-.06em;align-items:center;gap:8px;font-family:Fredoka,sans-serif;font-size:38px;font-weight:500;display:flex}.brand img{width:34px;height:34px}.shell-actions,.room-tools{align-items:center;gap:10px;display:flex}.dim-control{white-space:nowrap;width:fit-content;margin:20px auto 0;display:flex}.primary,.secondary,.quiet{border-radius:var(--radius);letter-spacing:-.01em;padding:13px 18px;font-size:15px;font-weight:600}.primary{color:#fff;background:linear-gradient(180deg, var(--primary-top), var(--primary));box-shadow:0 1px 0 #ffffff38 inset, 0 0 0 .5px color-mix(in srgb, var(--primary) 70%, #000), var(--shadow-primary)}.secondary{color:var(--ink);background:var(--control);box-shadow:0 0 0 var(--hairline) var(--line-strong)}.quiet{color:var(--muted);background:0 0;padding-inline:10px}.quiet.small{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent);padding-inline:14px}.quiet.small.danger{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.small{border-radius:var(--radius-sm);min-height:44px;padding:9px 14px;font-size:14px}.full{width:100%}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border-radius:50%;padding:0}@media (hover:hover) and (pointer:fine){.primary:not(.stop):hover{background:linear-gradient(180deg, var(--primary), var(--primary-hover));box-shadow:0 1px 0 #ffffff38 inset, 0 0 0 .5px color-mix(in srgb, var(--primary) 70%, #000), 0 12px 26px #40598447;transform:translateY(-1px)}.secondary:hover{background:var(--control-hover);box-shadow:0 0 0 var(--hairline) var(--line-strong), var(--shadow-1);transform:translateY(-1px)}.icon-button:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.quiet:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}}.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);margin-top:4px;font-size:13px;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:12ch;margin-bottom:18px;font-size:clamp(38px,4vw,50px)}.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{flex-wrap:wrap;gap:12px 24px;display:flex}.steps>span{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:flex}.step-icon{color:var(--primary);display:contents}.caption{color:var(--muted);font-size:14px;line-height:1.55}footer{border-top:var(--hairline) solid var(--line);min-height:62px;color:var(--muted);justify-content:space-between;align-items:center;display:flex}footer nav,.project-links{align-items:center;gap:18px;display:flex}footer button,footer a{min-height:44px;color:inherit;background:0 0;align-items:center;padding:0;font-size:14px;display:inline-flex}.project-links{color:var(--muted);padding-top:4px;font-size:14px}.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}.language-select{align-items:center;gap:10px;margin-bottom:0;display:flex}.language-select .caption{margin:0}.language-select select{border-radius:var(--radius-sm);min-height:44px;color:var(--ink);background:var(--control);box-shadow:0 0 0 var(--hairline) var(--line-strong);cursor:pointer;border:0;padding:8px 12px;font-weight:600}.setup{width:100%;max-width:390px}.setup .back{margin-bottom:18px;padding-left:0}.setup h2{margin-bottom:10px;font-size:40px}.setup>p{margin-bottom:26px}label,legend{color:var(--ink);font-size:14px;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 22px;padding:0}legend{margin-bottom:10px}.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[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{margin-top:3px;font-size:16px}.role-picker span{color:var(--muted);font-size:14px}.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;align-items:center;gap:11px;margin:14px 0;padding:13px 16px;font-size:14px;line-height:1.5;display:flex}.notice>span{flex:1;min-width:0}.notice.success,.sound-notice{color:var(--mint);background:var(--mint-soft)}.app-shell.application{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;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:30px}.application .brand img{width:28px;height:28px}.app-onboarding{min-height:0;padding:40px 0 calc(40px + env(safe-area-inset-bottom));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:38px}.app-onboarding .welcome-actions,.app-onboarding .setup{width:100%;max-width:none}.room{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.application input,.application .invitation-code,.application .event,.application p{-webkit-user-select:text;user-select:text}.room-header{border-bottom:var(--hairline) solid var(--line);grid-template-columns:32px minmax(120px,1fr) auto 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{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:inherit;font-size:19px;font-weight:600;overflow:hidden}.room-switcher{border-radius:var(--radius-sm);min-width:0;max-width:100%;color:var(--ink);font:inherit;background:0 0;justify-content:flex-start;gap:6px;margin-left:-10px;padding:6px 10px}.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-state=open]{background:color-mix(in srgb, var(--ink) 6%, transparent)}.room-switcher[data-state=open]>svg{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.room-switcher:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}}.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;align-items:center;gap:2px;padding:4px;display:flex}.room-navigation a{min-height:38px;color:var(--muted);transition:color .2s var(--ease-out), background-color .24s var(--spring), box-shadow .24s var(--spring), transform .24s var(--spring);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.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)}}.room-scroll{overscroll-behavior:none;min-height:0;padding-bottom:calc(48px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.room-content{position:relative}.room-alerts{z-index:4;right:max(32px,50vw - 528px);bottom:max(24px, env(safe-area-inset-bottom));pointer-events:none;width:min(100% - 64px,440px);position:fixed}.room-alerts .notice{background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 0 0 1px var(--line), 0 12px 32px #2c34481f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;margin:8px 0 0}.connection-summary{min-height:70px;color:var(--muted);align-items:center;gap:16px;font-size:14px;display:flex}.status{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:inline-flex}.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}.status.green 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)}}.status.green{color:var(--mint)}.status.amber{color:#9a6a37}.wake-status{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.room-grid{width:min(100%,760px);margin:18px auto 0}.room-grid>*+*{margin-top:14px}.monitor-panel{padding:10px 0 24px}.monitor-panel:has(.monitor-hero){border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--surface-raised), var(--surface));box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-2);padding:26px 22px 28px}.monitor-hero{text-align:center}.monitor-hero .status{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:999px;padding:6px 13px 6px 11px;font-weight:500}.monitor-hero h2{margin-top:14px;font-size:38px}.monitor-hero p{margin-top:8px}.meter-wrap{margin:30px 0 20px}.meter-wrap>div:first-child{color:var(--muted);justify-content:space-between;gap:16px;margin-bottom:9px;font-size:14px;display:flex}.meter{justify-content:center;align-items:center;gap:5px;height:42px;display:flex;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)}.stop{color:var(--ink);background:var(--primary-soft);box-shadow:0 0 0 var(--hairline) var(--line)}@media (hover:hover) and (pointer:fine){.stop:hover{background:color-mix(in srgb, var(--primary-soft) 80%, var(--ink));transform:translateY(-1px)}}.baby-checks{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 20px;margin:20px 0;font-size:14px;display:flex}.baby-checks>span{align-items:center;gap:7px;display:flex}.sensitivity{border-top:var(--hairline) solid var(--line);margin-top:18px;padding-top:20px}.sensitivity label{justify-content:space-between;gap:16px;margin-bottom:10px;display:flex}.sensitivity label span{color:var(--muted);font-weight:400}input[type=range]{appearance:none;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--track);height:8px;box-shadow:0 0 0 var(--hairline) var(--line) inset;border-radius:999px}input[type=range]::-moz-range-track{background:var(--track);height:8px;box-shadow:0 0 0 var(--hairline) var(--line) inset;border-radius:999px}input[type=range]::-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}input[type=range]::-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%}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:disabled{opacity:.5}.sensitivity .caption{margin-top:6px}.empty-nest{text-align:center;padding:12px 0 32px}.empty-nest .empty-nest-mascot{width:min(100%,340px);height:270px;margin:0 auto -8px}.empty-nest h2{font-size:38px}.empty-nest p{max-width:43ch;margin:14px auto 26px}.device-list{gap:14px;min-width:0;display:grid}.nest-summary{text-align:center;padding:6px 0 10px}.nest-summary h2{margin-top:12px;font-size:32px}.nest-summary p{color:var(--muted);margin-top:8px}.nest-summary .monitor-mascot{width:200px;height:165px}.device-card,.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}.device-card{transition:box-shadow .26s var(--spring)}.device-heading{align-items:center;gap:14px;display:flex}.device-icon,.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;justify-content:center;align-items:center;display:flex}.device-icon{width:48px;height:48px}.card-icon{border-radius:var(--radius-sm);flex:none;width:36px;height:36px}.device-heading h3{margin-bottom:5px}.device-card .meter{margin:18px 0 12px}.device-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-actions{align-items:center;gap:6px;display:flex}.mute-toggle[aria-pressed=true]{color:var(--danger);background:var(--danger-soft)}.audio-status{border-radius:var(--radius-sm);color:var(--mint);background:var(--mint-soft);box-shadow:0 0 0 var(--hairline) color-mix(in srgb, var(--mint) 16%, transparent) inset;align-items:center;gap:8px;margin-top:15px;padding:12px 14px;font-size:14px;display:flex}.audio-status button{min-height:36px;color:inherit;background:0 0;padding:0;text-decoration:underline}.side-card{margin:0 0 14px}.side-card:last-child{margin-bottom:0}.side-card p{margin:10px 0 18px}.side-card .caption{margin:10px 0 0}.settings{gap:26px;padding-top:6px;display:grid}.settings-group-title{color:var(--muted);letter-spacing:.01em;margin:0 0 8px 18px;font-size:13px;font-weight:600}.settings-group-footer{color:var(--muted);margin:8px 18px 0;font-size:13px;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{letter-spacing:-.01em;flex:1;font-size:16px;font-weight:600}.settings-row-text{flex:1;min-width:0}.settings-row-text strong{letter-spacing:-.01em;font-size:16px;font-weight:600;display:block}.settings-row-text>span{color:var(--muted);margin-top:2px;font-size:14px;line-height:1.45;display:block}.settings-row-check{color:var(--mint)}.settings-row-stack{flex-direction:column;align-items:stretch;gap:14px;padding-block:16px}.settings-row-stack p{font-size:15px;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);letter-spacing:-.01em;text-align:left;background:0 0;border-radius:0;align-items:center;gap:14px;padding:10px 14px 10px 18px;font-size:16px;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);transform:none}@media (hover:hover) and (pointer:fine){.settings-link:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.event-list{margin-top:12px}.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{width:34px;height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:11px;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:15px;font-weight:600}.event div>span,.event time{color:var(--muted);font-size:14px}.event time{font-variant-numeric:tabular-nums}.empty-events{text-align:center;padding:40px 0 20px}.check-list{color:var(--muted);gap:12px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.check-list li{align-items:center;gap:7px;display:flex}.check-list svg{color:var(--mint);flex:none}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}dialog::backdrop{-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%);animation:backdrop-in .26s var(--ease-out);background:#181c2670}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes backdrop-in{0%{opacity:0}}.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(--radix-popover-content-transform-origin);padding:20px;overflow-y:auto}.rooms-popover[data-state=open]{animation:rooms-popover-in .26s var(--spring)}.rooms-popover[data-state=closed]{animation:.12s cubic-bezier(.25,.46,.45,.94) rooms-popover-out}@keyframes rooms-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes rooms-popover-out{to{opacity:0;transform:translateY(-2px)scale(.98)}}.rooms-popover h2{font-size:24px}.rooms-popover>p{margin-top:4px;font-size:14px}.rooms-popover .saved-rooms{max-height:280px;margin:16px 0;overflow-y:auto}.rooms-popover .saved-room .secondary{min-width:0;min-height:56px;padding:10px 12px}.rooms-popover .saved-room .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>.notice{margin:12px 0 0}.modal-content{padding:34px 28px 28px;position:relative}.modal-content h2{max-width:12ch;margin-bottom:18px;font-size:32px}.modal-content p{margin-bottom:18px}.modal-content .caption{margin:14px 0 0}.modal-content .rename-field{margin-bottom:20px}.modal-close{background:color-mix(in srgb, var(--ink) 6%, transparent);position:absolute;top:12px;right:12px}.invite-actions,.saved-rooms{gap:10px;display:grid}.saved-rooms{margin:22px 0}.saved-room{align-items:center;gap:8px;display:flex}.saved-room .secondary{text-align:left;justify-content:space-between}.saved-room small{color:var(--muted);margin-top:3px;font-size:14px;display:block}.invitation-qr{justify-items:center;gap:12px;display:grid}.invitation-qr img{border-radius:12px;width:224px;max-width:100%;height:auto}.invitation-code{font-variant-numeric:slashed-zero;font-variant-ligatures:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.invitation-camera{aspect-ratio:1;object-fit:cover;background:#000;border-radius:18px;width:100%}.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 button{min-height:52px}.rename-field .notice{width:100%;margin:4px 0 0}.setting-detail{align-items:flex-start;gap:14px;margin:22px 0;display:flex}.setting-detail>.quiet{align-self:center}.setting-detail>div{flex:1;min-width:0}.setting-detail p{margin:3px 0 0}hr{border:0;border-top:var(--hairline) solid var(--line);margin:24px 0 16px}.danger{color:var(--danger)}.primary.danger{color:var(--surface);background:linear-gradient(180deg, color-mix(in srgb, var(--danger) 85%, white), var(--danger));box-shadow:0 1px 0 #ffffff38 inset, 0 0 0 .5px color-mix(in srgb, var(--danger) 70%, #000), var(--shadow-1)}@media (hover:hover) and (pointer:fine){.primary.danger:hover{background:linear-gradient(180deg, var(--danger), color-mix(in srgb, var(--danger) 80%, #000));transform:translateY(-1px)}}[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);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);border-radius:18px;gap:8px;padding:12px;font-size:14px}[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]{height:44px;min-height:44px;font:inherit;border-radius:12px}[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;flex:0 0 44px;order:3;position:static;transform:none}@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}.primary{color:#131822}.device-icon,.card-icon{color:#e6cf92}.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%)}.room-alerts .notice{box-shadow:0 0 0 var(--hairline) var(--line), var(--shadow-3)}.room-navigation a[aria-current=page]{background:linear-gradient(#2b3343,#242b39)}}:root[data-dim=true]:after{content:"";z-index:100;pointer-events:none;background:#0000006b;position:fixed;inset:0}:root[data-dim=true] dialog{filter:brightness(.62)}@media (width<=860px){.app-shell{width:min(100% - 40px,1180px)}.welcome{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:38px}.welcome-art{border-bottom-right-radius:90px;min-height:540px}.application>.topbar,.application .room-header,.application .room-content{width:calc(100% - 32px)}.room-header{grid-template-columns:28px minmax(0,1fr) auto;gap:11px;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));background:color-mix(in srgb, var(--surface) 72%, transparent);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%);border-radius:22px;padding:6px;position:fixed;left:16px}.room-navigation a{letter-spacing:-.005em;border-radius:17px;flex-direction:column;flex:1;gap:3px;min-height:54px;padding:5px 10px;font-size:12px}.room-scroll{padding-bottom:calc(104px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom))}.room-scroll:has(.room-alerts .notice){padding-bottom:calc(240px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(240px + env(safe-area-inset-bottom))}.connection-summary{flex-wrap:wrap;gap:8px 14px;min-height:58px;padding:10px 0}.room-alerts{right:16px;bottom:calc(92px + env(safe-area-inset-bottom));width:calc(100% - 32px)}.wake-status{margin-left:0}}@media (width<=680px){.app-shell{width:calc(100% - 32px)}.topbar{min-height:72px}.brand{font-size:34px}.brand img{width:30px;height:30px}.topbar .quiet span{display:none}.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{margin-top:0;font-size:11px}.welcome-content{padding:0 4px}.welcome-content h2{max-width:13ch;margin-bottom:12px;font-size:36px}.welcome-actions{width:100%;margin:24px 0 26px}.steps{gap:12px 18px}footer{padding-bottom:max(12px, env(safe-area-inset-bottom))}.app-onboarding{justify-content:flex-start;padding:28px 0}.app-onboarding .welcome-content h2,.setup h2{font-size:36px}.role-picker{flex-direction:column}.role-picker button{width:100%}.room-header .room-tools{gap:6px}.room-header .room-tools .invite-device-button{background:color-mix(in srgb, var(--ink) 6%, transparent);width:44px;box-shadow:none;border-radius:50%;padding:0}.room-header .room-tools .invite-device-label{display:none}.room-grid{margin-top:8px}.monitor-panel{padding-top:4px}.monitor-mascot{width:210px;height:170px}.monitor-hero h2,.empty-nest h2{font-size:34px}.nest-summary h2{font-size:29px}.monitor-hero p,.empty-nest p,.nest-summary p{font-size:16px}.nest-summary .monitor-mascot{width:178px;height:148px}.meter{gap:4px}.baby-checks{justify-content:flex-start}:is(.device-card,.side-card,.monitor-panel:has(.monitor-hero)){border-radius:26px;padding:18px}.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}.device-bottom{flex-direction:column;align-items:flex-start}.empty-nest .empty-nest-mascot{height:230px}.section-heading{flex-wrap:wrap}dialog{width:100%;max-width:none;max-height:92dvh;animation:sheet-in .38s var(--spring);border-radius:28px 28px 0 0;margin:auto auto 0}@keyframes sheet-in{0%{transform:translateY(100%)}}.modal-content{padding:30px 22px calc(28px + env(safe-area-inset-bottom))}.modal-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%)}}@media (width<=390px){.app-shell{width:calc(100% - 24px)}.welcome-art{padding:24px}.welcome-art h1{font-size:42px}.steps{flex-direction:column}.application>.topbar,.application .room-header,.application .room-content{width:calc(100% - 24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;animation:none}.monitor-mascot:active{transform:none}.rooms-popover[data-state=open]{animation:.12s ease-out rooms-popover-fade}.rooms-popover[data-state=closed]{animation:.1s ease-out reverse rooms-popover-fade}@keyframes rooms-popover-fade{0%{opacity:0}}}.monitor-mascot{width:230px;height:190px;color:var(--mint);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:32%;margin:0 auto -14px;padding:0;display:flex;position:relative}.monitor-mascot:active{transform:none}.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.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-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)}.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.sound .kueki-sound-marks{opacity:1}@media (prefers-reduced-motion:no-preference){.monitor-mascot:not(.paused) .kueki-breath{animation:4s cubic-bezier(.45,0,.35,1) infinite kueki-chest-breath}.monitor-mascot:not(.paused) .kueki-head-breathe{animation:4s cubic-bezier(.45,0,.35,1) .12s infinite kueki-head-breath}.monitor-mascot:not(.paused) .kueki-wing-breathe{animation:4s cubic-bezier(.45,0,.35,1) .2s infinite kueki-wing-breath}.monitor-mascot:not(.paused) .kueki-sleep-mark{animation:4.8s ease-in-out infinite kueki-dream}.monitor-mascot:not(.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}}@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}}