:root{font-family:ui-rounded,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#203b32;background:#f6f8f1;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% 7%,#e7eed4 0,transparent 44%),radial-gradient(ellipse at 5% 40%,#e4f1eb 0,transparent 48%),#f8f9f4}main{max-width:820px;margin:auto;padding:28px 24px 45px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;font-size:24px;font-weight:750;line-height:1.2}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:3px;color:#6f8674;margin-top:6px}.sprout{font-size:35px}.private{font-size:12px;border:1px solid #b5c7ad;border-radius:30px;padding:5px 12px;color:#6b806c}.eyebrow{color:#738767;font-size:13px;letter-spacing:3px}h1{font-size:clamp(38px,7vw,59px);font-weight:650;letter-spacing:-2px;line-height:1.2;margin:12px 0 18px}h1 em{font-style:normal;color:#54845f}.intro{color:#748174;font-size:15px;margin-bottom:25px}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0;color:inherit;transition:transform .15s,background .2s}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline:3px solid #d19d41;outline-offset:4px}.mode-row{display:flex;gap:8px;flex-wrap:wrap}.mode{font-size:13px;padding:10px 14px;border-radius:30px;background:#fff9;border:1px solid #dce4d7}.mode.selected{background:#e2eddb;border-color:#a9c29e;color:#3f6340}.companion-panel{text-align:center;padding:32px 15px 22px}.orb{position:relative;margin:5px auto 22px;width:150px;height:150px;border-radius:44% 56% 53% 47%;background:linear-gradient(145deg,#d9e9a6,#a5cda5);box-shadow:inset 7px 8px 20px #fffffc8f,inset -7px -8px 20px #759f7055,0 15px 50px #66875122;animation:float 5s ease-in-out infinite;transition:background .5s}.leaf{position:absolute;width:33px;height:18px;top:-12px;left:69px;background:#689663;border-radius:0 100% 0 100%;transform:rotate(-15deg)}.eyes{position:absolute;display:flex;gap:35px;left:41px;top:57px}.eyes i{width:7px;height:13px;background:#355e40;border-radius:8px}.mouth{position:absolute;width:20px;height:11px;border-bottom:3px solid #355e40;border-radius:50%;left:65px;top:80px}.spark{position:absolute;color:#d5aa50}.s1{left:-35px;top:24px;font-size:23px}.s2{right:-29px;bottom:19px;font-size:14px}.orb.listening{box-shadow:0 0 0 13px #bdd6b332,0 0 0 25px #bdd6b31a;animation:breathe 2.5s ease-in-out infinite}.orb.thinking{background:linear-gradient(145deg,#f4dfa0,#d9c17b);animation:float 2s ease-in-out infinite}.orb.speaking .mouth{height:15px;background:#355e40;width:12px;left:69px;animation:mouth .3s infinite alternate}.state{font-size:15px;font-weight:600;margin:0 0 5px;min-height:24px}.meter{height:28px;display:flex;justify-content:center;align-items:center;gap:4px;margin-bottom:15px}.meter i{display:block;width:4px;height:5px;border-radius:4px;background:#a9c39d;transition:height .09s}.start{background:#315c43;color:#fff;border-radius:40px;padding:16px 32px;box-shadow:0 7px 15px #315c4320;font-weight:650;font-size:17px;min-width:218px;min-height:57px}.start.active{background:#e3eadf;color:#3c6241;box-shadow:none}.small{font-size:11px;color:#8a9484;margin:12px 0 0}.conversation{padding:23px 27px;background:#ffffffb3;border:1px solid #e1e8dc;border-radius:22px;box-shadow:0 7px 25px #4f6e3905}.bubble-label{color:#78926d;letter-spacing:2px;font-size:11px;margin:0 0 8px}#answer{font-size:19px;line-height:1.8;margin:0;white-space:pre-wrap}.transcript{font-size:12px;color:#8b9488;margin:12px 0 0;white-space:pre-wrap}.tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px 0 24px}.tools button{border:1px solid #dce4d7;border-radius:14px;background:#fff9;min-height:50px;padding:11px 15px;font-size:13px}.suggestions{font-size:12px;text-align:center;color:#8c9787}.suggestions span{font-size:10px;letter-spacing:2px}.suggestions p{margin:5px 0}footer{font-size:11px;color:#899382;text-align:center;margin-top:28px}details{max-width:600px;margin:18px auto;text-align:left;color:#778373}summary{cursor:pointer;text-align:center}details p{font-size:12px}.camera-panel{max-width:360px;margin:18px auto 0;border-radius:18px;overflow:hidden;background:#e6ecdf;text-align:center}.camera-panel video{display:block;width:100%;max-height:260px;object-fit:cover}.camera-panel p{font-size:11px;margin:8px}.creation{margin-top:20px;background:#fff;border:1px solid #e0e7d9;padding:14px;border-radius:20px}.creation img,.creation video{max-width:100%;display:block;margin:auto;border-radius:13px}.creation p{font-size:12px;color:#7b8d71}.alert{background:#fff1d8;border:1px solid #e3c784;border-radius:15px;padding:18px;margin-bottom:15px}.lock{background:#fff9;border-radius:25px;padding:35px}.lock h1{font-size:30px}.lock p{color:#6c7e6b}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes breathe{50%{transform:scale(1.035)}}@keyframes mouth{to{height:5px}}@media(max-width:500px){main{padding:20px 18px 35px}header{margin-bottom:29px}.companion-panel{padding:28px 8px 18px}.mode{padding:9px 11px;font-size:12px}.mode-row{gap:6px}.tools{gap:7px}.tools button{font-size:12px;padding:10px 12px}#answer{font-size:18px}.conversation{padding:20px}h1{margin-top:15px}.intro{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
main{max-width:1000px}.space-label{font-size:13px;border:1px solid #b5c7ad;border-radius:30px;padding:6px 13px;color:#526e53}.navigation{display:flex;gap:8px;flex-wrap:wrap;margin:-15px 0 26px}.navigation button{background:#fff8;border:1px solid #dce4d7;border-radius:18px;padding:11px 17px;min-height:48px}.navigation button.selected{background:#dfead8;border-color:#91af88}.panel{background:#fff9;border:1px solid #dce4d7;border-radius:24px;padding:25px;margin:20px 0}.panel h1{font-size:34px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row button,.card-grid button,#devices-page button,details button,.secondary,.camera-panel button{border:1px solid #cbdac3;background:#e6efdf;padding:11px 16px;min-height:48px;border-radius:15px;font-size:14px}.muted{font-size:13px;color:#75826e}.center{text-align:center}.secondary{display:block;margin:14px auto}.text-form{margin-top:18px}.text-form label{display:block;font-size:13px;color:#74846f;margin-bottom:8px}textarea{flex:1;min-width:200px;border:1px solid #cbdac3;border-radius:16px;background:#ffffffe0;font:inherit;font-size:16px;padding:14px;resize:vertical;color:inherit}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.saved-card{border:1px solid #dce4d7;border-radius:22px;padding:20px;background:#ffffffb8;overflow:hidden}.saved-card img{display:block;width:100%;border-radius:13px}.saved-card h2{font-size:17px;margin:13px 0}.saved-card p{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.saved-card .visibility{font-size:12px;color:#6c845d}.saved-card button{margin:5px 5px 0 0}.device-card{padding:18px 20px;border:1px solid #dce4d7;border-radius:18px;background:#fff9;margin:12px 0}.device-card p{margin:0 0 12px}.device-card small{color:#75826e}#answer-actions{margin-top:18px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#284d39;color:white;padding:15px 22px;border-radius:18px;box-shadow:0 5px 30px #203b3233;max-width:90vw;z-index:30}dialog{border:1px solid #cbdac3;border-radius:24px;padding:28px;background:#f8faf4;color:#203b32;max-width:450px}dialog::backdrop{background:#1c362d66}.danger{color:#8b3f34!important;background:#fae9dd!important}.creation .row{margin-top:12px}.creation img{max-height:520px}body.parent .welcome h1{font-size:clamp(32px,5vw,47px)}body.parent .companion-panel{padding-top:22px}body.parent .orb{width:115px;height:115px}body.parent .eyes{left:28px;top:42px;gap:29px}body.parent .mouth{left:49px;top:64px}body.parent .leaf{left:51px}body.parent .orb.speaking .mouth{left:53px}button:disabled{opacity:.55;cursor:wait}@media(min-width:750px){.tools button{font-size:15px;min-height:56px}.mode{font-size:15px;padding:12px 20px}.start{font-size:20px;min-width:260px;min-height:67px}main{padding:30px 40px}#answer{font-size:21px}.navigation{gap:12px}}@media(max-width:500px){.navigation button{padding:10px 12px;font-size:13px}.navigation{gap:6px}.card-grid{grid-template-columns:1fr}.row textarea{min-width:100%;}.panel{padding:20px}.space-label{font-size:11px}.tools button{min-height:52px}}