@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#322d49;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f6fc;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#f0e9ff 0,#0000 30%),#f8f6fc;min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{cursor:pointer;color:inherit;border:0}.app{min-height:100vh;overflow-x:hidden}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#faf9fdc2;border-bottom:1px solid #ebe7f3;justify-content:space-between;align-items:center;height:80px;padding:0 5.5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#9272ec,#b48de9);border-radius:12px;place-items:center;width:35px;height:35px;font-size:18px;display:grid;box-shadow:0 6px 16px #a48be945}.brand-name,h1,h2,h3{font-family:Space Grotesk,sans-serif}.brand-name{letter-spacing:.14em;font-size:15px;font-weight:700}.brand-subtitle{color:#aaa4bd;margin-top:1px;font-size:11px}.top-actions{gap:8px;display:flex}.icon-button{color:#88819d;background:0 0;border-radius:12px;padding:10px 12px;font-size:13px;transition:all .2s}.icon-button:hover{color:#5b4a8b;background:#efebf7}.icon-button:first-child{color:#c083a3}.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:46px;width:min(1400px,89vw);min-height:calc(100vh - 80px);margin:0 auto;padding:47px 0 62px;display:grid}.chat-panel{flex-direction:column;min-width:0;min-height:720px;display:flex}.chat-heading{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.eyebrow,.tiny-label{color:#b1a9c1;letter-spacing:.13em;margin:0 0 9px;font-size:10px;font-weight:700;display:block}.chat-heading h1{letter-spacing:-.045em;color:#302a47;margin:0;font-size:clamp(29px,3vw,40px)}.status-pill{color:#80779b;white-space:nowrap;background:#f0edfa;border-radius:30px;margin-top:7px;padding:8px 12px;font-size:11px}.status-dot,.pulse-dot{background:#a58aef;border-radius:100%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #dfd8f4}.conversation{scrollbar-width:thin;scrollbar-color:#ddd6ed transparent;flex:1;min-height:440px;max-height:calc(100vh - 330px);padding:1px 18px 30px 2px;overflow-y:auto}.welcome-space{color:#c8c1d4;letter-spacing:.17em;justify-content:center;align-items:center;gap:8px;padding:1px 0 30px;font-size:9px;font-weight:700;display:flex}.welcome-orb{color:#a587ed;font-size:15px}.message-row{align-items:flex-start;gap:12px;max-width:690px;margin:0 auto 23px;display:flex}.message-row.user{flex-direction:row-reverse}.avatar{color:#987ce0;background:#ebe4fa;border-radius:10px;flex:0 0 29px;place-items:center;height:29px;font-size:14px;font-weight:700;display:grid}.user .avatar{color:#fff;background:#c899b5;font-size:12px}.message-content{max-width:76%}.message-name{color:#7c748f;margin:3px 0 7px;font-size:11px;font-weight:700}.message-name span{color:#c4becd;margin-left:6px;font-weight:400}.message-bubble{color:#49425e;background:#fff;border:1px solid #eeeaf4;border-radius:6px 18px 18px;padding:15px 18px;font-size:14px;line-height:1.55;box-shadow:0 8px 25px #6b53890b}.user .message-bubble{color:#59425b;background:#f5e8f0;border-color:#f1dfeb;border-radius:18px 6px 18px 18px}.suggestions{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.suggestions button{color:#8873b6;background:#faf9fd;border:1px solid #dfd7f0;border-radius:18px;padding:8px 12px;font-size:11px;transition:all .2s}.suggestions button:hover{color:#6548a4;background:#f0ebfb;transform:translateY(-1px)}.typing{align-items:center;gap:4px;min-width:72px;padding:16px 17px;display:flex}.typing i{background:#aa95d9;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite typing}.typing i:nth-child(2){animation-delay:.14s}.typing i:nth-child(3){animation-delay:.28s}.composer-wrap{margin-top:auto}.composer{background:#fff;border:1px solid #e4deef;border-radius:22px;align-items:center;gap:8px;min-height:71px;padding:10px 11px 10px 20px;display:flex;box-shadow:0 12px 32px #51387b10}.composer textarea{resize:none;color:#453e56;background:0 0;border:0;outline:0;flex:1;max-height:100px;padding:10px 0;line-height:1.5}.composer textarea::placeholder{color:#b8b0c3}.mic-button,.send-button{color:#9474d4;background:#f4effb;border-radius:14px;place-items:center;width:42px;height:42px;font-size:17px;transition:all .2s;display:grid}.mic-button:hover,.mic-button.active{background:#eadffc;transform:scale(1.04)}.send-button{color:#fff;background:#876bd4;font-size:23px;box-shadow:0 5px 12px #8062cc48}.send-button:disabled{opacity:.4;box-shadow:none;cursor:default}.composer-note{color:#b4adbd;justify-content:space-between;padding:8px 10px;font-size:10px;display:flex}.companion-panel{padding-top:8px}.companion-card{color:#fff;background:linear-gradient(145deg,#8470cc 0%,#a184d9 51%,#c194c8 100%);border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #927fc638}.companion-top{justify-content:space-between;align-items:flex-start;padding:26px 28px 0;display:flex}.tiny-label{color:#c6badf}.companion-top .tiny-label{color:#dfd5f5}.companion-top h2{letter-spacing:-.035em;margin:0;font-size:21px}.mood-chip{text-transform:lowercase;background:#ffffff20;border:1px solid #ffffff1c;border-radius:20px;padding:7px 9px;font-size:10px}.pebble-stage{place-items:center;height:270px;display:grid;position:relative}.stage-glow{background:#ffffff13;border-radius:50%;width:184px;height:184px;position:absolute;box-shadow:0 0 0 28px #ffffff08}.stage-caption{color:#e8def4aa;font-size:11px;position:absolute;bottom:17px}.companion-footer{background:#5f4ba250;justify-content:space-between;align-items:center;padding:15px 20px;font-size:11px;display:flex}.companion-footer button{color:#f8e9fd;background:#ffffff1c;border-radius:12px;padding:8px 10px;font-size:10px}.pulse-dot{background:#d7ffde;margin-right:5px;box-shadow:0 0 0 3px #c4f2cc30}.quick-actions{padding:34px 4px 0}.quick-actions .tiny-label{color:#aaa2b6}.quick-actions button{text-align:left;background:0 0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:11px 7px;transition:all .2s;display:flex}.quick-actions button:hover,.quick-actions button.active{background:#fff;transform:translate(3px);box-shadow:0 8px 20px #6b53890a}.quick-icon{border-radius:12px;place-items:center;width:37px;height:37px;font-size:19px;display:grid}.feelings-icon{color:#cf91a7;background:#f8e8e9}.games-icon{color:#d29b50;background:#f9edd5}.calm-icon{color:#78ad91;background:#e4f0e9}.quick-actions b{color:#514860;font-size:13px;display:block}.quick-actions small{color:#aaa1b5;padding-top:2px;font-size:11px;display:block}.quick-actions em{color:#b7aec0;margin-left:auto;padding-right:6px;font-style:normal}.movement-setting{color:#aaa2b1;border-top:1px solid #ebe7f3;flex-direction:column;gap:10px;margin-top:26px;padding:16px;font-size:11px;display:flex}.segmented{background:#f0edf5;border-radius:10px;gap:3px;padding:3px;display:flex}.segmented button{color:#aaa2b4;text-transform:capitalize;background:0 0;border-radius:7px;flex:1;padding:6px 2px;font-size:9px}.segmented button.selected{color:#6c579e;background:#fff;box-shadow:0 2px 5px #63516d10}.pebble-wrap{z-index:1;place-items:center;width:210px;height:215px;display:grid;position:relative}.pebble-wrap.compact{height:150px;margin:-10px auto -4px;transform:scale(.8)}.pebble-creature{width:116px;height:126px;animation:3.2s ease-in-out infinite bob;position:relative}.pebble-body{background:linear-gradient(145deg,#b597f0,#8064c9);border-radius:47% 53% 45% 48%;width:99px;height:102px;position:absolute;top:11px;left:9px;box-shadow:inset -10px -12px #7157b040,inset 7px 9px #d8c8ff31,0 15px 22px #513f9440}.pebble-face{position:absolute;inset:32px 21px 20px}.pebble-eye{background:#30244e;border-radius:50%;width:18px;height:24px;animation:6s infinite blink;position:absolute;top:5px;box-shadow:inset 4px 3px #fff,0 2px 2px #4d357444}.eye-left{left:3px}.eye-right{right:3px}.pebble-cheek{background:#f0a8bb68;border-radius:50%;width:13px;height:7px;position:absolute;top:34px}.cheek-left{left:-2px}.cheek-right{right:-2px}.pebble-mouth{border-bottom:3px solid #3f2d5f;border-radius:0 0 50% 50%;width:17px;height:9px;position:absolute;top:36px;left:50%;transform:translate(-50%)}.pebble-tuft{background:#9e81e7;border-radius:80% 15%;width:19px;height:17px;position:absolute;top:-4px;left:42px;transform:rotate(-17deg)}.pebble-ear{z-index:-1;background:#a184e5;border-radius:70% 35%;width:38px;height:53px;position:absolute;top:16px;box-shadow:inset -5px -5px #6e56b74a}.ear-left{left:-2px;transform:rotate(-28deg)}.ear-right{right:-2px;transform:rotate(28deg)scaleX(-1)}.pebble-arm{z-index:2;transform-origin:top;background:#9070d5;border-radius:50%;width:20px;height:42px;position:absolute;top:57px}.arm-left{left:0;transform:rotate(28deg)}.arm-right{right:0;transform:rotate(-28deg)}.pebble-foot{background:#7258ba;border-radius:50%;width:28px;height:17px;position:absolute;bottom:2px}.foot-left{left:18px;transform:rotate(12deg)}.foot-right{right:18px;transform:rotate(-12deg)}.pebble-shadow{filter:blur(5px);background:#44327b35;border-radius:50%;width:108px;height:20px;animation:3.2s ease-in-out infinite shadow;position:absolute;bottom:19px}.pebble-spark{color:#e6d9ff;font-weight:700;position:absolute}.spark-one{animation:2.8s infinite sparkle;top:54px;right:15px}.spark-two{font-size:20px;animation:3.7s .4s infinite sparkle;top:91px;left:18px}.state-happy .pebble-mouth,.state-celebrating .pebble-mouth{border-bottom-width:4px;height:14px}.state-concerned .pebble-mouth{border-top:3px solid #3f2d5f;border-bottom:0;border-radius:50%;top:45px}.state-sleepy .pebble-eye{height:5px;box-shadow:none;background:#3b2c58;border-radius:10px;top:17px}.state-confused .pebble-mouth{transform:translate(-50%)rotate(-18deg)}.state-thinking .pebble-eye:first-child{transform:translateY(-2px)rotate(-8deg)}.gesture-wave .arm-right{animation:1.8s ease-in-out infinite wave}.gesture-dance .pebble-creature{animation:1.6s ease-in-out infinite dance}.gesture-stretch .pebble-body{animation:2s ease-in-out infinite stretch}.gesture-sit .pebble-creature{transform:translateY(8px)scaleY(.94)}.gesture-yawn .pebble-mouth{background:#3f2d5f;border:0;border-radius:50%;width:13px;height:15px}.movement-reduced .pebble-creature,.movement-reduced .pebble-shadow{animation-duration:6s}.movement-off .pebble-creature,.movement-off .pebble-shadow,.movement-off .pebble-eye,.movement-off .pebble-spark{animation:none!important}.movement-off .pebble-spark{opacity:0}.mode-drawer{z-index:4;background:#fff;border-top:1px solid #ece6f5;padding:29px max(5.5vw,26px) 31px;animation:.28s ease-out slide-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 50px #44346118}.drawer-head{justify-content:space-between;max-width:1200px;margin:0 auto 22px;display:flex}.drawer-head h2{letter-spacing:-.045em;margin:0;font-size:24px}.drawer-head>button,.modal-head>button{color:#8a8199;background:#f2eef7;border-radius:10px;width:32px;height:32px;font-size:24px;line-height:1}.feeling-grid,.calm-grid{grid-template-columns:repeat(8,1fr);gap:10px;max-width:1200px;margin:auto;display:grid}.feeling-grid button{color:#686074;background:#fbfafe;border:1px solid #eeeaf4;border-radius:17px;flex-direction:column;align-items:center;gap:8px;padding:14px 5px;transition:all .2s;display:flex}.feeling-grid button:hover{background:#f2edfd;border-color:#dcd0f2;transform:translateY(-3px)}.feeling-grid span{font-size:29px}.feeling-grid b{font-size:11px;font-weight:600}.calm-grid{grid-template-columns:repeat(4,1fr)}.calm-grid button,.game-card{text-align:left;background:#f9f7fd;border:1px solid #eee9f5;border-radius:18px;flex-direction:column;gap:5px;padding:19px;transition:all .2s;display:flex}.calm-grid button:hover,.game-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #6b538915}.calm-grid span,.game-card span{margin-bottom:5px;font-size:27px}.calm-grid b,.game-card b{font-size:13px}.calm-grid small,.game-card small{color:#9f97aa;font-size:11px}.exercise{text-align:center;max-width:530px;min-height:280px;margin:0 auto;position:relative}.back-link{color:#9a85c7;background:0 0;font-size:11px;position:absolute;top:4px;left:0}.exercise h3{margin:-5px 0 7px;font-size:23px}.exercise p{color:#8d839d;margin:0 0 17px;font-size:13px;line-height:1.55}.breath-orb,.quiet-breath{background:radial-gradient(circle at 33% 30%,#ded0ff,#9e82e2);border-radius:50%;width:74px;height:74px;margin:14px auto 18px;animation:5s ease-in-out infinite breathe;box-shadow:0 0 0 14px #e8dffd70,0 0 0 28px #f1ecfc}.quiet-breath{width:48px;height:48px;box-shadow:0 0 0 12px #e8dffd60}.grounding-card{color:#8d76bd;background:#f6f1ff;border-radius:17px;justify-content:center;align-items:center;gap:14px;width:260px;margin:12px auto 20px;padding:18px;display:flex}.grounding-card b{font-family:Space Grotesk;font-size:42px}.grounding-card span{text-align:left;font-size:13px}.shake-lines{color:#ce9cb9;letter-spacing:-4px;margin:22px;font-size:28px;animation:.35s ease-in-out infinite alternate shake}.quiet-copy{color:#8f879d}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30274655;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:25px;width:min(560px,100%);max-height:min(680px,90vh);padding:27px;animation:.2s ease-out modal-in;overflow-y:auto;box-shadow:0 28px 80px #2e214a45}.modal-head{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.modal-head h2{letter-spacing:-.05em;margin:0;font-size:24px}.modal-intro{color:#92889d;margin:-8px 0 18px;font-size:13px;line-height:1.5}.game-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.game-card.peach{background:#fff1e9;border-color:#fbe0d0}.game-card.mint{background:#eaf7ef;border-color:#d5efdf}.game-card.blue{background:#eaf3fb;border-color:#d7e8f7}.game-card.lilac{background:#f0ebff;border-color:#e2d9fd}.game-card.yellow{background:#fff8df;border-color:#f7edbd}.game-card.pink{background:#fcebf2;border-color:#f4d9e4}.memory-list{flex-direction:column;gap:8px;display:flex}.memory-item{border:1px solid #eeeaf3;border-radius:14px;align-items:center;gap:11px;padding:12px;display:flex}.memory-item>span{color:#cf90af;font-size:17px}.memory-item div{flex:1}.memory-item b,.memory-item small{display:block}.memory-item b{color:#5f566b;font-size:13px}.memory-item small{color:#aaa1b2;margin-top:3px;font-size:10px}.memory-item button{color:#b7aebe;background:0 0;font-size:18px}.empty-state{color:#aaa1b2;text-align:center;background:#faf9fc;border-radius:15px;padding:26px;font-size:13px}.modal-actions{align-items:center;gap:15px;margin-top:18px;display:flex}.primary-button,.secondary-button{color:#fff;background:#866bd3;border-radius:12px;padding:11px 16px;font-size:12px;box-shadow:0 5px 12px #8062cc25}.secondary-button{color:#7459ae;box-shadow:none;background:#f0eafa}.text-button{color:#947bbd;background:0 0;padding:5px;font-size:11px}.pin-gate{text-align:center;flex-direction:column;align-items:center;display:flex}.lock-badge{color:#8971c8;background:#eee8fc;border-radius:18px;place-items:center;width:52px;height:52px;margin:4px 0 12px;font-size:24px;display:grid}.pin-gate p{margin:0 0 3px;font-weight:600}.pin-gate small{color:#a69baa;font-size:11px}.pin-gate input{text-align:center;border:1px solid #dfd7ea;border-radius:12px;outline-color:#9b82d9;width:170px;margin:22px 0 10px;padding:12px}.demo-hint{color:#c4b8c6;margin-top:14px;font-size:10px}.settings-callout{color:#7c679f;background:#f3effd;border-radius:14px;gap:10px;margin-bottom:15px;padding:13px;display:flex}.settings-callout>span{font-size:18px}.settings-callout p{margin:0;font-size:11px;line-height:1.5}.setting-row{border-bottom:1px solid #f0edf4;justify-content:space-between;align-items:center;padding:13px 2px;display:flex}.setting-row b,.setting-row small{display:block}.setting-row b{color:#5f566b;font-size:13px}.setting-row small{color:#a59aaa;margin-top:3px;font-size:10px}.setting-row input{accent-color:#876bd4;width:18px;height:18px}.parent-section{border-bottom:1px solid #f0edf4;padding:18px 2px 2px}.interest-copy{color:#8f859b;font-size:12px;line-height:1.5}.danger-button{color:#c5727a;background:#fff1f2;border:1px solid #f5dfe1;border-radius:11px;margin:7px 0 17px;padding:10px 12px;font-size:11px}.model-note{color:#a29aab;flex-direction:column;gap:4px;padding:17px 2px 2px;font-size:11px;display:flex}.model-note b{color:#7662a2;font-weight:600}.model-note small{font-size:10px}.large-text{font-size:112%}.large-text .message-bubble{font-size:16px}.large-text .quick-actions b{font-size:14px}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes shadow{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.78)}}@keyframes blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.12)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes wave{0%,to{transform:rotate(-28deg)}50%{transform:rotate(-65deg)}}@keyframes dance{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(5deg)}}@keyframes stretch{50%{transform:scaleY(1.05)scaleX(.96)}}@keyframes typing{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes breathe{0%,to{transform:scale(.78)}50%{transform:scale(1.22)}}@keyframes shake{0%{transform:translate(-7px)rotate(-2deg)}to{transform:translate(7px)rotate(2deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:scale(.97)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=980px){.workspace{grid-template-columns:1fr;gap:25px;padding-top:30px}.companion-panel{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.quick-actions{padding:7px 0 0}.movement-setting{grid-column:1/-1;margin-top:0}.conversation{max-height:none}.chat-panel{min-height:670px}}@media (width<=680px){.topbar{height:67px;padding:0 19px}.icon-button span{display:none}.icon-button{padding:8px;font-size:18px}.workspace{width:calc(100% - 32px);padding:26px 0 38px}.chat-heading{margin-bottom:18px}.chat-heading h1{font-size:29px}.status-pill{margin-top:2px;padding:10px;font-size:0}.status-dot{margin:0}.conversation{min-height:400px;padding-right:0}.message-content{max-width:86%}.companion-panel{display:block}.companion-card{max-width:440px;margin:0 auto}.quick-actions{grid-template-columns:repeat(3,1fr);gap:6px;padding-top:23px;display:grid}.quick-actions .tiny-label{grid-column:1/-1}.quick-actions button{text-align:center;flex-direction:column;gap:6px;padding:10px 3px}.quick-actions small,.quick-actions em{display:none}.quick-icon{width:42px;height:42px}.movement-setting{padding:17px 0}.feeling-grid{grid-template-columns:repeat(4,1fr)}.calm-grid{grid-template-columns:repeat(2,1fr)}.mode-drawer{padding:22px 16px 27px}.drawer-head h2{max-width:280px;font-size:20px}.game-grid{grid-template-columns:1fr 1fr}.modal{padding:21px}.composer{border-radius:18px;min-height:64px;padding-left:14px}.composer textarea{font-size:13px}.pebble-stage{height:245px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}