:root{font-family:Nunito,system-ui,sans-serif;color:#10284d;background:#081a39}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#294e91 0,#081a39 60%);padding:20px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:4px solid #ffd46f;outline-offset:3px}.app-shell{max-width:1320px;margin:auto;border-radius:30px;overflow:hidden;background:#f8f6f0;box-shadow:0 28px 80px #030c22aa}.topbar{height:87px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:24px;letter-spacing:.035em;line-height:1;color:#102b58}.brand strong{color:#276cec}.brand small{display:block;margin-top:5px;font-size:11px;letter-spacing:.13em;color:#697e9c;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#2675f4;border-radius:14px;color:white;transform:rotate(-8deg);font-size:26px}.top-actions{display:flex;align-items:center;gap:14px}.mode-badge{background:#eef2f8;color:#31527d;border-radius:30px;padding:9px 15px;font-size:13px;font-weight:900}.mode-badge.live{background:#dceee5;color:#146842}.parent-button,.sound-button{border:1px solid #d9e2ee;background:#fff;border-radius:16px;color:#375375;font-weight:900;padding:12px 16px}.scene{position:relative;overflow:hidden;min-height:610px;padding:32px 52px 35px;background:radial-gradient(ellipse at 46% 42%,#315fae 0,#163b79 43%,#102c5b 80%);color:white}.scene:after{content:"";position:absolute;bottom:0;left:0;right:0;height:85px;background:linear-gradient(transparent,#09245177);pointer-events:none}.scene-stars span{position:absolute;color:#b2d2ff;font-size:27px;opacity:.65}.scene-stars span:nth-child(1){top:116px;left:7%}.scene-stars span:nth-child(2){top:120px;right:13%}.scene-stars span:nth-child(3){top:300px;right:5%}.scene-stars span:nth-child(4){top:336px;left:11%}.intro{text-align:center;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:.2em;color:#99c5ff;font-weight:900}.intro h1{font-size:clamp(34px,4vw,56px);margin:4px 0 1px;font-weight:900;letter-spacing:-.035em}.intro h1 span{color:#a6ceff}.intro p{margin:0;color:#d1e3ff;font-size:18px;font-weight:700}.conversation{display:flex;max-width:1010px;min-height:350px;margin:auto;align-items:center;justify-content:center;gap:15px;position:relative;z-index:2}.puppy-wrap{position:relative;flex:0 0 47%;height:330px;display:grid;place-items:end center}.puppy-halo{position:absolute;width:290px;height:245px;bottom:15px;border-radius:50%;background:#3c79ec88;filter:blur(50px);transition:background .3s}.puppy-wrap img{position:relative;z-index:2;object-fit:contain;object-position:center bottom;max-height:330px;max-width:100%;filter:drop-shadow(0 0 17px #459bff9c);animation:happyBob 3s ease-in-out infinite;transition:filter .3s}.puppy-wrap.red .puppy-halo{background:#ed3546a1}.puppy-wrap.red img{filter:hue-rotate(135deg) saturate(1.6) drop-shadow(0 0 19px #ff3847)}.puppy-shadow{position:absolute;bottom:4px;width:68%;height:22px;background:#061b45;filter:blur(12px);border-radius:50%}.speech-side{flex:1;min-width:0}.speech-bubble{position:relative;background:#fff;color:#17355d;border-radius:28px 28px 28px 8px;padding:28px 32px;box-shadow:0 15px 30px #081b45a6;max-width:470px}.speech-bubble:before{content:"";position:absolute;bottom:38px;left:-17px;border-top:17px solid transparent;border-bottom:0 solid transparent;border-right:23px solid white}.bubble-label{font-weight:900;font-size:11px;letter-spacing:.18em;color:#3874dc}.speech-bubble p{font-size:clamp(18px,2vw,24px);line-height:1.34;font-weight:900;margin:8px 0 0}.heard{color:#c7e4ff;font-weight:800;margin-top:12px;min-height:24px}.controls{position:relative;z-index:3;display:flex;align-items:center;gap:17px;max-width:650px;margin:0 auto;background:#f4f9ff;border-radius:24px;padding:12px;color:#17355d;box-shadow:0 16px 30px #06194399}.mic-button{border:0;display:flex;align-items:center;gap:9px;background:#2875f2;border-radius:18px;padding:17px 23px;color:#fff;font-weight:900;white-space:nowrap;box-shadow:0 6px 0 #1555b8}.mic-button.recording{background:#e83549;box-shadow:0 6px 0 #a81a2d;animation:pulse 1s ease-in-out infinite}.mic-icon{font-size:22px}.control-text{flex:1;min-width:0}.control-text strong,.control-text span{display:block}.control-text strong{font-size:17px}.control-text span{font-size:12px;line-height:1.3;color:#6c7f98}.sound-button{font-size:13px;white-space:nowrap}.ideas{padding:30px 52px 18px}.ideas-title{display:flex;align-items:center;gap:14px}.ideas-title>span{font-size:30px}.ideas-title h2{margin:0;color:#17355d;font-size:23px}.ideas-title p{margin:0;color:#7186a0;font-weight:700}.idea-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:16px}.idea-grid button{text-align:left;background:#fff;border:1px solid #e5eaf3;border-radius:20px;padding:17px 20px;box-shadow:0 3px 10px #17355d0c;min-height:111px}.idea-grid button:hover{transform:translateY(-2px);border-color:#8fbafa}.idea-grid span{font-size:26px;display:block}.idea-grid strong{display:block;color:#17355d;font-size:16px;margin-top:3px}.idea-grid small{color:#7b8da3;font-weight:700}.text-form{padding:8px 52px 30px}.text-form label{display:block;font-size:14px;font-weight:900;color:#30537e;margin-bottom:8px}.text-form>div{display:flex;gap:10px}.text-form input{flex:1;min-width:0;border:2px solid #dce5ef;border-radius:15px;padding:13px 17px;background:#fff;font-size:16px}.text-form button,.primary{border:0;border-radius:15px;background:#2875f2;color:#fff;font-weight:900;padding:12px 24px}footer{display:flex;justify-content:space-between;gap:20px;background:#eaf0f7;color:#58708b;padding:15px 52px;font-size:12px;font-weight:700}.parent-dialog{border:0;border-radius:26px;padding:0;max-width:540px;width:calc(100vw - 32px);box-shadow:0 30px 80px #00102988;color:#1b395b}.parent-dialog::backdrop{background:#07182fc9}.parent-dialog form{padding:30px}.parent-dialog .eyebrow{color:#3674dd}.parent-dialog h2{font-size:28px;margin:5px 0}.parent-dialog p{line-height:1.5;color:#536b87}.close{float:right;border:0;background:#edf3fa;border-radius:50%;width:36px;height:36px;font-size:25px}.parent-status{border-radius:12px;padding:10px 14px;background:#eef4fb;margin:15px 0;font-weight:800}.check{display:flex;gap:10px;align-items:flex-start;font-weight:800;line-height:1.35}.check input{width:23px;height:23px;flex:none;accent-color:#2875f2}.pin-label{display:block;margin:18px 0 6px;font-weight:900}.parent-dialog input[type=password]{width:100%;padding:12px;border:2px solid #cad9eb;border-radius:12px}.parent-buttons{display:flex;gap:9px;margin-top:14px}.parent-buttons button{flex:1}.secondary{background:#fff;border:2px solid #d0dae8;border-radius:15px;color:#284d78;font-weight:900;padding:10px}.parent-note{font-size:12px}.danger .speech-bubble{box-shadow:0 15px 35px #e7375270}@keyframes happyBob{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes pulse{50%{transform:scale(1.035)}}@media(max-width:760px){body{padding:0}.app-shell{border-radius:0}.topbar{height:70px;padding:0 18px}.brand{font-size:19px}.brand-mark{height:38px;width:38px}.parent-button{padding:10px;font-size:12px}.mode-badge{padding:7px 10px;font-size:11px}.scene{padding:28px 18px;min-height:650px}.intro h1{font-size:35px}.intro p{font-size:15px}.conversation{display:block;min-height:auto}.puppy-wrap{height:275px;width:100%;margin:auto}.puppy-wrap img{max-height:270px}.speech-side{margin:-8px auto 20px;max-width:480px}.speech-bubble{padding:18px 22px;border-radius:22px}.speech-bubble:before{display:none}.speech-bubble p{font-size:18px}.controls{gap:10px;padding:10px}.mic-button{padding:13px}.mic-button #micLabel{display:none}.control-text strong{font-size:14px}.control-text span{font-size:11px}.sound-button{padding:9px}.sound-button span{display:none}.ideas{padding:24px 18px 12px}.idea-grid{grid-template-columns:repeat(2,1fr);gap:9px}.idea-grid button{padding:13px;min-height:98px}.text-form{padding:10px 18px 24px}footer{padding:16px 18px;display:block}footer span{display:block;margin-bottom:5px}}@media(prefers-reduced-motion:reduce){.puppy-wrap img,.mic-button.recording{animation:none}}