@font-face{font-family:Family;src:local("Nunito"),local("Trebuchet MS");font-display:swap}
:root{--ink:#182741;--muted:#697377;--paper:#faf8f3;--teal:#007f72;--teal-dark:#00645b;--mint:#e3f1eb;--peach:#fce6d8;--line:#e6e4dc;--red:#c83d45;--radius:28px;font-family:Family,"Trebuchet MS",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #eb9a35;outline-offset:4px}button{color:inherit}svg.icon{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.shell{max-width:1220px;margin:auto;padding:0 48px}.topbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:13px;background:none;border:0;font-weight:800;font-size:30px;padding:10px 0;letter-spacing:-1.4px}.brand .icon{width:32px;height:32px;color:var(--teal)}.brand-dot{color:var(--teal)}.header-right{display:flex;align-items:center;gap:22px}.status{display:flex;align-items:center;gap:8px;border-radius:20px;background:#eeeee8;padding:9px 13px;font-size:12px;font-weight:650;white-space:nowrap}.status-dot{height:7px;width:7px;border-radius:50%;background:#7a827d}.status.listening{background:var(--mint);color:var(--teal-dark)}.status.listening .status-dot{background:var(--teal);animation:breathe 1.8s ease-in-out infinite}.status.recording{background:#fbe5e5;color:var(--red)}.status.recording .status-dot{background:var(--red);animation:breathe 1s infinite}.parent-entry{display:flex;align-items:center;gap:8px;background:none;border:0;font-size:12px;color:var(--muted);padding:12px 0}.parent-entry .icon{width:16px;height:16px}main{min-height:460px;padding:30px 0 24px;outline:0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;color:var(--teal);margin:0 0 11px}.screen-title{font-size:clamp(28px,3.1vw,43px);letter-spacing:-1.7px;line-height:1.1;margin:0 0 9px;font-weight:800}.subheading{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.heading-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.inbox-shortcut{background:white;border:1px solid var(--line);border-radius:16px;display:flex;gap:9px;align-items:center;padding:13px 16px;font-size:13px;font-weight:700}.count{background:var(--teal);color:white;border-radius:12px;padding:2px 6px;font-size:11px}.contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.contact-card{display:flex;align-items:center;text-align:left;gap:17px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:13px;min-height:126px;box-shadow:0 3px 0 #1a273205;transition:transform .17s,border-color .17s,box-shadow .17s}.contact-card:hover{border-color:#83bbb0;transform:translateY(-3px);box-shadow:0 8px 25px #1d524412}.contact-card:active{transform:scale(.97)}.portrait{background-image:url('assets/family-portraits.png');background-size:300% 200%;background-repeat:no-repeat;width:92px;height:96px;flex:0 0 92px;border-radius:15px;background-color:#efe4d8}.p0{background-position:0 0}.p1{background-position:50% 0}.p2{background-position:100% 0}.p3{background-position:0 100%}.p4{background-position:50% 100%}.p5{background-position:100% 100%}.portrait.custom{background-size:cover;background-position:center}.contact-name{font-size:20px;font-weight:750;letter-spacing:-.4px;line-height:1.2}.contact-label{display:block;font-size:10px;color:var(--muted);font-weight:500;margin-top:8px}.listen-banner{margin-top:21px;display:flex;align-items:center;justify-content:space-between;background:var(--mint);border:1px solid #d1e6dc;padding:13px 18px;border-radius:18px;gap:15px}.banner-copy{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:650}.banner-copy .icon{color:var(--teal);width:28px;height:28px}.small-button{border:1px solid #c8dcd3;border-radius:12px;background:white;color:var(--teal-dark);padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700}.small-button .icon{width:17px;height:17px}.speech-strip{min-height:63px;padding:12px 15px;display:flex;align-items:center;gap:13px;background:#efeee8;border-radius:17px;font-size:13px;color:#53625f;line-height:1.55}.speech-icon{display:flex;color:var(--teal)}.speech-icon .icon{width:21px;height:21px}.speech-strip button{margin-left:auto;border:0;background:none;color:var(--teal);padding:7px;display:flex}.speech-strip button .icon{width:18px;height:18px}.child-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding:20px 0}.utility{border:1px solid #d9ddd6;background:transparent;border-radius:16px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:650}.utility .icon{width:22px;height:22px}.utility.cancel{border-color:#efd3c5;background:var(--peach)}.utility.cancel .icon{color:#c96b48}.adult-links{display:flex;justify-content:space-between;gap:12px;padding:0 0 20px;font-size:10px;color:#8a928e}.adult-links nav{display:flex;gap:20px}.adult-links a{color:inherit;text-decoration:none}.adult-links a:hover{text-decoration:underline}.focus-layout{display:grid;grid-template-columns:280px 1fr;gap:55px;align-items:center;max-width:900px;margin:12px auto 15px;min-height:330px}.portrait.hero{width:280px;height:292px;border-radius:34px;flex-basis:280px;box-shadow:0 10px 35px #2029250c}.focus-content .screen-title{margin:6px 0 13px}.focus-content .subheading{margin-bottom:24px}.big-action{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--teal);background:var(--teal);color:white;border-radius:20px;font-size:22px;font-weight:750;min-height:85px;padding:17px 26px;text-decoration:none;transition:background .15s,transform .15s}.big-action:hover{background:var(--teal-dark)}.big-action:active{transform:scale(.98)}.big-action .icon{width:31px;height:31px;stroke-width:2}.big-action.secondary{background:white;color:var(--ink);border-color:var(--line);font-size:16px;min-height:66px}.big-action.secondary:hover{background:var(--mint)}.actions{display:flex;gap:12px;margin-top:16px}.actions>*{flex:1}.actions.vertical{flex-direction:column}.actions .icon{width:24px;height:24px}.message-chip{display:flex;align-items:center;gap:12px;border-radius:18px;background:var(--mint);padding:16px 20px;margin:20px 0;color:var(--teal)}.level-bars{display:flex;align-items:center;gap:5px;min-height:40px;flex:1}.level-bars i{display:block;background:currentColor;width:6px;height:13px;border-radius:4px;transition:height .1s}.level-bars i:nth-child(3n){height:26px}.level-bars i:nth-child(4n){height:35px}.record-light{color:var(--red);background:#fceceb}.record-light .icon{width:32px;height:32px}.elapsed{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.center-state{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:380px;max-width:660px;margin:auto}.state-symbol{display:flex;align-items:center;justify-content:center;gap:25px;width:124px;height:124px;border-radius:35px;background:var(--mint);color:var(--teal);margin-bottom:24px}.state-symbol .icon{width:60px;height:60px}.state-symbol.off{background:#eeeee8;color:#77847a;width:180px}.state-symbol.off .icon{width:44px;height:44px}.center-state .big-action{min-width:240px;margin-top:24px}.center-state .actions{width:100%}.state-tag{display:inline-flex;align-items:center;gap:7px;border-radius:18px;background:var(--mint);color:var(--teal-dark);padding:7px 11px;font-size:11px;font-weight:700;margin-bottom:12px}.state-tag .icon{height:15px;width:15px}.inbox-list{display:flex;flex-direction:column;gap:12px}.message-row{display:flex;gap:17px;align-items:center;background:white;border:1px solid var(--line);border-radius:22px;padding:15px}.message-row .portrait{width:70px;height:73px;flex-basis:70px}.message-row .contact-name{font-size:19px}.message-row .small-button{margin-left:auto;min-width:60px;min-height:55px}.message-row .small-button .icon{height:24px;width:24px}.new-badge{display:inline-block;font-size:10px;margin-top:8px;color:var(--teal-dark);background:var(--mint);border-radius:8px;padding:4px 8px}.empty-message{padding:35px;background:white;border:1px dashed #c9d2c8;border-radius:20px;text-align:center;color:var(--muted)}.ambiguous-contacts{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;max-width:680px;margin:28px auto}.ambiguous-contacts .contact-card{flex-direction:column;padding:20px;text-align:center}.ambiguous-contacts .portrait{width:180px;height:184px;flex-basis:184px}.draft-banner{margin-bottom:18px;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--peach);border-radius:13px;font-size:12px}.draft-banner button{margin-left:auto}.adult-main{max-width:950px;margin:auto}.adult-notice{border-left:3px solid #ccac75;background:#f8efdf;padding:14px 17px;font-size:13px;line-height:1.6;border-radius:0 10px 10px 0;margin:18px 0}.parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{padding:22px;background:white;border:1px solid var(--line);border-radius:22px}.settings-card h2{margin:0 0 16px;font-size:19px;letter-spacing:-.5px}.settings-card p{font-size:12px;line-height:1.6;color:var(--muted)}label{display:block;font-size:12px;font-weight:650;margin:14px 0 6px}input,select{width:100%;border:1px solid #d6dbd4;border-radius:10px;background:var(--paper);padding:11px 12px;font-size:14px;color:var(--ink)}input[type=file]{font-size:11px}form button{margin-top:18px}.parent-contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.parent-contacts .contact-card{min-height:0;display:flex;flex-direction:column;gap:7px;padding:8px;text-align:center;border-radius:13px}.parent-contacts .portrait{width:60px;height:62px;flex-basis:62px;border-radius:9px}.parent-contacts .contact-name{font-size:11px}.adult-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.adult-toolbar a{color:var(--teal);text-decoration:none}.gate-form{width:300px;max-width:100%}.gate-form label{text-align:left}.gate-form input{text-align:center;font-size:24px;letter-spacing:10px}.inline-error{font-size:13px;color:#a84336;line-height:1.5}.devices-row{display:flex;gap:8px;margin-top:12px}.help-text{font-size:12px;color:var(--muted);line-height:1.6}.center-state .portrait{margin-bottom:20px}.recording-indicator{font-size:11px;color:var(--red);display:flex;align-items:center;gap:7px;margin-bottom:9px}.capture-only{position:fixed;left:-2000px;top:-2000px;width:320px;height:240px}.hand-wave{animation:wave 1.4s ease-in-out infinite;transform-origin:50% 85%}.listening-symbol{animation:breathe 1.8s ease-in-out infinite}.demo-ribbon{font-size:10px;letter-spacing:.4px;color:#9b7142}.prompt-failed{background:#fff0d7;color:#775120}.hidden{display:none!important}.current-photo{max-width:80px;border-radius:10px}video.release-video{width:100%;border-radius:20px;background:#eceee7}.release-page{max-width:1050px;margin:auto;padding:30px 30px 60px}.release-nav{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:10px 0 25px;border-bottom:1px solid var(--line)}.release-nav a{color:var(--teal);text-decoration:none;font-size:13px}.release-hero{padding:45px 0 25px}.release-hero h1{font-size:46px;letter-spacing:-2px;margin:10px 0}.release-card{padding:28px;border:1px solid var(--line);border-radius:25px;background:white;margin:20px 0}.release-card h2{font-size:25px;margin:0 0 12px;letter-spacing:-.7px}.release-card p,.release-card li{font-size:14px;line-height:1.8}.release-card ul{padding-left:20px}.release-badge{font-size:11px;padding:6px 10px;border-radius:20px;background:var(--mint);color:var(--teal-dark)}.release-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.release-links a{color:var(--teal-dark);background:var(--mint);padding:11px 15px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:650}.screenshots{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.screenshots img{width:100%;border:1px solid var(--line);border-radius:15px}.screenshots figure{margin:0}.screenshots figcaption{font-size:11px;color:var(--muted);padding:8px 0}.manual-step{display:flex;gap:18px;margin:20px 0}.step-number{flex:0 0 33px;width:33px;height:33px;background:var(--mint);color:var(--teal);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:800}.manual-step h3{margin:3px 0 6px;font-size:16px}.manual-step p{margin:0}.preformatted{white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:12px;background:var(--paper);padding:16px;border-radius:12px;overflow-wrap:anywhere}.pulse{animation:breathe 1.5s infinite}@keyframes breathe{50%{opacity:.55}}@keyframes wave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(13deg)}}
@media(min-width:1000px) and (max-height:800px){.topbar{min-height:82px}main{min-height:400px;padding-top:22px}.heading-row{margin-bottom:20px}.contact-card{min-height:112px;padding:10px}.portrait{width:83px;height:87px;flex-basis:83px}.listen-banner{margin-top:16px}.child-controls{padding:15px 0}.utility{min-height:53px}.focus-layout{min-height:304px;margin-top:0}.portrait.hero{width:265px;height:277px}.focus-content .screen-title{font-size:38px}.speech-strip{min-height:55px}.adult-links{padding-bottom:14px}}
@media(max-width:750px){.shell{padding:0 20px}.topbar{min-height:83px}.brand{font-size:26px;gap:8px}.brand .icon{width:27px}.header-right{gap:10px}.parent-entry span{display:none}.status{font-size:9px;padding:8px}.status-dot{width:5px;height:5px}main{min-height:0;padding:27px 0 22px}.screen-title{font-size:32px;letter-spacing:-1.2px}.subheading{font-size:12px}.contacts{grid-template-columns:repeat(2,1fr);gap:12px}.contact-card{flex-direction:column;gap:10px;text-align:center;padding:11px;min-height:176px}.portrait{width:105px;height:109px;flex-basis:109px;border-radius:14px}.contact-name{font-size:18px}.contact-label{margin-top:5px;font-size:9px}.heading-row{margin-bottom:22px}.inbox-shortcut{font-size:0;padding:12px;border-radius:14px}.inbox-shortcut .count{font-size:10px}.listen-banner{padding:13px;gap:9px}.banner-copy{font-size:11px;gap:9px}.banner-copy .icon{width:25px}.listen-banner .small-button{font-size:11px;padding:10px}.speech-strip{font-size:12px;padding:13px 11px}.speech-strip .speech-icon{display:none}.child-controls{gap:9px;padding:15px 0}.utility{min-height:58px;font-size:12px;gap:6px;border-radius:14px}.utility .icon{width:17px;height:17px}.adult-links{font-size:9px}.adult-links nav{gap:12px}.focus-layout{display:flex;flex-direction:column;gap:23px;text-align:center;min-height:0;margin:0}.portrait.hero{width:195px;height:203px;flex-basis:203px;border-radius:28px}.focus-content{width:100%}.focus-content .screen-title{font-size:31px}.focus-content .subheading{margin-bottom:16px}.big-action{min-height:76px;font-size:21px}.big-action.secondary{font-size:14px;min-height:64px;padding:12px}.focus-content .eyebrow{margin-bottom:6px}.message-chip{margin:15px 0}.actions{gap:10px}.center-state{min-height:380px}.center-state .screen-title{font-size:31px}.center-state .subheading{font-size:13px}.ambiguous-contacts{gap:12px;margin:22px 0}.ambiguous-contacts .portrait{width:118px;height:122px;flex-basis:122px}.ambiguous-contacts .contact-card{padding:13px}.message-row{gap:13px;padding:12px}.message-row .portrait{width:55px;height:57px;flex-basis:55px}.message-row .contact-name{font-size:16px}.message-row .small-button{min-width:48px;padding:10px}.parent-grid{grid-template-columns:1fr}.settings-card{padding:18px}.parent-contacts .portrait{width:65px;height:67px;flex-basis:67px}.parent-contacts .contact-card{min-height:0}.release-page{padding:20px 20px 40px}.release-hero{padding-top:30px}.release-hero h1{font-size:35px}.release-card{padding:20px}.screenshots{grid-template-columns:1fr}.release-card h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.big-action{width:100%}

.model-drawer{position:fixed;inset:0 0 0 auto;margin:0;max-height:100dvh;height:100dvh;width:min(540px,100vw);max-width:100vw;padding:32px;border:0;background:var(--cream,#fffdf7);color:var(--navy,#183c43);overflow-y:auto;box-shadow:-12px 0 60px #142d3b22}.model-drawer::backdrop{background:#102f3f66}.drawer-heading{display:flex;align-items:center;justify-content:space-between}.model-drawer h2{font-size:32px;line-height:1.15}.model-drawer p{line-height:1.6}.model-option{display:flex!important;align-items:flex-start;gap:14px;padding:20px;border:2px solid #d8e1db;border-radius:18px;margin:16px 0;cursor:pointer}.model-option:has(input:checked){border-color:#247b6c;background:#eaf4ef}.model-option input{width:22px!important;height:22px;flex-shrink:0;margin-top:3px}.model-option small{display:block;font-size:14px;line-height:1.5;margin-top:6px}.model-drawer .adult-notice{font-size:13px}.model-drawer .big-action{width:100%}@media(max-width:520px){.model-drawer{padding:22px}.model-drawer h2{font-size:27px}}

.relative-shell{max-width:850px;margin:0 auto;padding:28px 24px}.relative-shell h1{font-size:clamp(30px,5vw,44px);line-height:1.1;margin:8px 0 16px}.relative-shell .settings-card{margin:24px 0}.relative-heading{display:flex;align-items:center;gap:24px;margin:30px 0}.relative-heading .portrait{flex:0 0 112px;width:112px;height:112px}.relative-shell audio{width:100%;margin:14px 0}.relative-shell .message-row{justify-content:space-between}.family-link-result{word-break:break-all;padding:14px;background:#edf7f0;border-radius:12px}.family-rows{display:grid;gap:12px}.family-binding{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e7e5dd;padding:14px 0}.family-binding .portrait{width:52px;height:52px;flex:0 0 52px}.family-binding .family-person{display:flex;align-items:center;gap:12px}.family-binding .actions{margin:0;flex-wrap:wrap}.family-binding .small-button{font-size:13px;padding:10px}.family-link-drawer{width:min(640px,100vw)}@media(max-width:520px){.relative-shell{padding:20px 16px}.relative-heading{gap:16px}.relative-heading .portrait{width:80px;height:80px;flex-basis:80px}.relative-shell .actions{flex-direction:column}.family-binding{align-items:flex-start;flex-direction:column}.family-binding .actions{width:100%}}
