.parent-viewer{color:#f4f2f8;isolation:isolate;background:#24212c;border-radius:24px;flex:1;width:100%;min-height:240px;position:relative;overflow:hidden}.viewer-picture{position:absolute;inset:0}.parent-viewer .video-frame{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.viewer-toolbar{z-index:3;opacity:0;pointer-events:none;background:#24212cb3;border:1px solid #ffffff18;border-radius:30px;gap:4px;padding:3px;transition:opacity .18s;display:flex;position:absolute;bottom:16px;right:16px}.parent-viewer.controls-visible .viewer-toolbar,.viewer-toolbar:focus-within{opacity:1;pointer-events:auto}.viewer-toolbar .icon-button{color:#fff}.viewer-toolbar .icon-button:hover,.viewer-toolbar .icon-button[aria-pressed=true]{background:#ffffff1a}.viewer-meter{z-index:3;color:#e1d7f0;position:absolute;bottom:20px;left:20px}.audio-level{background:#24212c99;border-radius:14px;place-items:center;width:36px;height:36px;display:grid;position:relative}.viewer-meter .icon-button{color:#e1d7f0;background:#24212cb3}.viewer-notice{z-index:4;color:#f4f2f8;background:#302638ed;border-radius:14px;width:fit-content;max-width:calc(100% - 40px);padding:12px 16px;font-size:14px;position:absolute;top:20px;left:20px;right:20px}.viewer-notice p{color:inherit}.viewer-notice small{color:#dbcee9}.viewer-notice details{max-width:430px;margin-top:4px;font-size:12px}.viewer-notice summary{color:#dbcee9}.viewer-notice details p{margin-top:8px}.pip-placeholder{background:#24212c;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.pip-placeholder p{color:#d5cce1;font-size:14px}.viewer-return{color:#fff;background:#ffffff12;border:1px solid #fff4;border-radius:14px;padding:10px 16px}:is(.parent-viewer:fullscreen,.parent-viewer.is-expanded){border-radius:0;width:100%;height:100dvh}.parent-viewer.is-expanded{z-index:100;position:fixed;inset:0}:is(.parent-viewer:fullscreen .viewer-toolbar,.parent-viewer.is-expanded .viewer-toolbar){right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom))}:is(.parent-viewer:fullscreen .viewer-meter,.parent-viewer.is-expanded .viewer-meter){left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom))}@media (prefers-reduced-motion:reduce){.viewer-toolbar{transition:none}}:root{--paper:#f4f2f8;--ink:#342d43;--muted:#70677d;--purple:#6d5798;--lavender:#e8e0f2;--green:#4b6e5c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif;font-size:16px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--purple);outline-offset:4px}h1,h2,p{margin:0}p{color:var(--muted)}h1{letter-spacing:-1.7px;font-size:clamp(32px,4.5vw,48px);font-weight:550;line-height:1.15}h2{letter-spacing:-.6px;font-size:22px;font-weight:600;line-height:1.3}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{flex-direction:column;max-width:1160px;min-height:100svh;margin:auto;padding:28px 40px;display:flex}.app-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:-1px;color:var(--purple);align-items:center;gap:10px;font-size:24px;font-weight:650;display:flex}.brand>svg{width:34px;height:34px}.header-actions{align-items:center;gap:5px;display:flex}main{flex:1;min-width:0;padding:28px 0}.welcome{max-width:800px;margin:auto;padding-top:clamp(20px,5svh,60px)}.intro{text-align:center;margin-bottom:32px}.intro p{margin-top:15px;font-size:16px}.role-picker{grid-template-columns:1fr 1fr;gap:18px;display:grid}.role-choice{text-align:left;min-height:240px;color:var(--purple);border:0;border-radius:24px;grid-template-columns:1fr 24px;align-items:end;gap:24px;padding:32px;transition:background-color .15s,transform .14s cubic-bezier(.23,1,.32,1);display:grid}.baby-choice{background:var(--lavender)}.parent-choice{background:#fff;box-shadow:inset 0 0 0 1px #e5dfed}.role-choice:active:not(:focus-visible){transform:scale(.985)}@media (hover:hover) and (pointer:fine){.baby-choice:hover{background:#dfd4ee}.parent-choice:hover{background:#fbfaff}}.role-icon{background:#fff6;border-radius:24px;place-items:center;width:76px;height:76px;display:grid}.parent-choice .role-icon{background:var(--paper)}.role-copy{flex-direction:column;grid-row:2;gap:4px;display:flex}.role-copy strong{letter-spacing:-.5px;color:var(--ink);font-size:26px;font-weight:600}.role-copy>span{color:var(--muted);font-size:15px}.role-icon>svg{width:40px;height:40px}.role-choice>svg{grid-row:2;align-self:center}.privacy-note{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 18px;margin-top:28px;font-size:12px;display:flex}.privacy-note a{min-height:44px;color:inherit;text-underline-offset:4px;align-items:center;gap:7px;text-decoration-color:#c8bdd9;display:inline-flex}.privacy-note a:hover{color:var(--purple)}.setup-panel{text-align:center;max-width:430px;margin:clamp(24px,8svh,80px) auto 0;padding:20px}.setup-panel h1{letter-spacing:-1px;font-size:32px}.setup-panel>p{margin:12px 0 28px}.setup-illustration{color:var(--purple);margin-bottom:25px;display:inline-flex}.setup-panel>.button{margin-top:24px}.setup-panel>p+.button{margin-top:0}.button{background:var(--purple);color:#fff;border:1px solid #0000;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 22px;font-size:15px;font-weight:600;transition:background-color .15s,transform .14s cubic-bezier(.23,1,.32,1);display:inline-flex}.button:active:not(:focus-visible):not(:disabled){transform:scale(.97)}.button.secondary{color:var(--purple);background:#fff;border-color:#c8bdd9}@media (hover:hover) and (pointer:fine){.button:hover:not(:disabled){background:#58437d}.button.secondary:hover:not(:disabled){background:var(--lavender)}}.text-button{color:var(--purple);text-underline-offset:4px;background:0 0;border:0;margin:12px auto;padding:10px;font-size:13px;text-decoration:underline;display:block}.icon-button{width:44px;height:44px;color:var(--purple);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:background-color .15s,transform .14s cubic-bezier(.23,1,.32,1);display:inline-grid;position:relative}.icon-button:active:not(:focus-visible):not(:disabled){transform:scale(.94)}@media (hover:hover) and (pointer:fine){.icon-button:hover:not(:disabled){background:#6d57980d}}[data-tooltip]:after{content:attr(data-tooltip);z-index:6;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#342d43;border-radius:8px;width:max-content;max-width:220px;padding:6px 10px;font-size:12px;font-weight:400;position:absolute;bottom:calc(100% + 8px);right:0}.header-actions [data-tooltip]:after{top:calc(100% + 6px);bottom:auto}[data-tooltip]:focus-visible:after{opacity:1}@media (hover:hover){[data-tooltip]:hover:after{opacity:1}}input,select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #cec4dc;border-radius:10px;padding:11px 12px;font-size:16px}.field{text-align:left;flex-direction:column;gap:7px;margin:16px 0;font-size:13px;display:flex}.remember-choice{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin:24px 0 0;font-size:13px;display:flex}.remember-choice input{width:17px;height:17px;accent-color:var(--purple)}summary{cursor:pointer;color:var(--muted)}.paste-link{text-align:left;margin-top:22px;font-size:13px}.paste-link>summary{text-align:center}.paste-link form{margin-top:20px}.options-sheet{width:min(430px,100% - 32px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink);overscroll-behavior:contain;opacity:0;background:#fbfaff;border:0;border-radius:24px;padding:0;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1);transform:translateY(6px)scale(.985);box-shadow:0 24px 80px #342d4322}.options-sheet[open]{opacity:1;transform:translateY(0)scale(1)}@starting-style{.options-sheet[open]{opacity:0;transform:translateY(6px)scale(.985)}}.options-sheet::backdrop{background:#28213255}.sheet-content{padding:18px 22px 24px}.sheet-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.menu-row,.menu-section>summary{text-align:left;width:100%;min-height:54px;color:var(--ink);background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 8px;font-size:15px;list-style:none;transition:background-color .15s,transform .14s cubic-bezier(.23,1,.32,1);display:flex}.menu-section>summary::-webkit-details-marker{display:none}.menu-section>summary:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:6px;height:6px;margin-left:auto;margin-right:5px;transform:rotate(45deg)}.menu-section[open]>summary:after{transform:rotate(225deg)}.menu-row>svg,.menu-section>summary>svg{color:var(--purple);flex-shrink:0}.menu-row:active:not(:focus-visible){transform:scale(.99)}@media (hover:hover) and (pointer:fine){.menu-row:hover,.menu-section>summary:hover{background:var(--paper)}}.menu-content{padding:4px 8px 12px;font-size:13px}.menu-content p+p{margin-top:12px}.menu-content fieldset{border:0;min-width:0;margin:0;padding:0}.menu-content fieldset:disabled input{opacity:.65}.connection-origin{overflow-wrap:anywhere}.menu-content .field:first-child{margin-top:12px}.menu-content .path-note{color:var(--green);padding-bottom:10px}.video-frame{aspect-ratio:4/3;isolation:isolate;background:#24212c;border-radius:24px;position:relative;overflow:hidden}.video-frame video{object-fit:contain;width:100%;height:100%;display:block}.video-placeholder,.play-overlay{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;inset:0}.video-placeholder p{color:#c9bddb;text-align:center;font-size:14px}.sleepy-eyes{color:#9c8cb8}.play-overlay{z-index:2;background:#24212c77}.monitor-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:36px;display:grid}.monitor-layout.is-paired{grid-template-columns:1fr}.baby-picture{min-width:0;position:relative}.baby-picture .video-frame{max-height:74svh}.baby-tools{background:#24212c99;border-radius:50%;padding:3px;position:absolute;bottom:16px;right:16px}.baby-tools>.icon-button{color:#fff}.pairing-panel{text-align:center;padding:10px}.pairing-panel h1{letter-spacing:-.7px;font-size:25px}.pairing-panel>p{margin-top:8px;font-size:14px}.qr-frame{aspect-ratio:1;background:#fff;border-radius:18px;place-items:center;max-width:280px;margin:18px auto 0;display:grid;overflow:hidden}.qr-frame img{width:100%;height:auto;display:block}.error,.notice{color:#782f3d;overflow-wrap:anywhere;background:#f6e5e9;border-radius:14px;margin-bottom:16px;padding:12px 16px;font-size:14px}.notice{color:#514060;background:#e9e2f1}.scanner{margin-top:24px}.scanner video{aspect-ratio:1;object-fit:cover;background:#24212c;border-radius:20px;width:100%;display:block}.scanner p{margin-top:12px;font-size:13px}.awake-note{flex-shrink:0;margin-top:12px;font-size:12px}.awake-note>summary{justify-content:center;align-items:center;gap:6px;width:fit-content;margin:auto;list-style:none;display:flex}.awake-note>summary::-webkit-details-marker{display:none}.awake-note p{text-align:center;max-width:430px;margin:8px auto 0}.awake-note .text-button{margin:0 auto;font-size:12px}.shell.is-watching{height:100svh;min-height:0;padding-top:20px;padding-bottom:max(20px, env(safe-area-inset-bottom))}.is-watching main{flex-direction:column;min-height:0;padding:20px 0 0;display:flex}.is-watching .parent-viewer{min-height:0}.is-watching .retry-button{align-self:center;margin-top:12px}.night-mode{color:#77727e;background:#020203;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.night-mode::backdrop{background:#020203}.night-mode button{width:100%;height:100%;color:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:30px;font-size:12px;display:flex}.night-mode button>svg{color:#453f50}.night-mode button:focus-visible{outline-offset:-14px;outline:1px solid #77727e}@media (width<=760px){.shell{padding:22px 20px}.role-picker{grid-template-columns:1fr;max-width:440px;margin:auto}.role-choice{grid-template-columns:72px 1fr 20px;align-items:center;gap:16px;min-height:156px;padding:24px}.role-icon{width:72px;height:72px}.role-copy,.role-choice>svg{grid-row:auto}.role-copy strong{font-size:24px}.monitor-layout{grid-template-columns:1fr;gap:24px}.monitor-layout:not(.is-paired) .baby-picture{width:100%;max-width:440px;margin:auto}.monitor-layout:not(.is-paired) .video-frame{aspect-ratio:16/9;max-height:220px}.pairing-panel{max-width:300px;margin:auto}.qr-frame{max-width:240px}.options-sheet{border-radius:26px 26px 0 0;width:100%;max-height:85dvh;margin:auto 0 0}.sheet-content{padding:16px 22px max(24px, env(safe-area-inset-bottom))}.brand{font-size:22px}.brand>svg{width:32px;height:32px}}@media (height<=500px) and (orientation:landscape){.shell.is-watching{padding:8px max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left))}.is-watching .brand>svg{width:26px;height:26px}.is-watching .brand{font-size:19px}.is-watching main{padding-top:8px}.is-watching .awake-note{margin-top:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.options-sheet[open]{opacity:1;transform:none}@starting-style{.options-sheet[open]{opacity:1;transform:none}}}