*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #026142;--green-overlay: rgba(2, 97, 66, .75);--green-active: rgba(2, 97, 66, .5);--red: #C54142;--gray: #D9D9D9;--dark: #1E1E1E;--white: #FFFFFF;--black: #000000;--font-hand: "Marker Felt", "Comic Sans MS", cursive;--font-logo: "Rubik Doodle Shadow", "Fredoka", cursive;--frame-w: 393px;--nav-h: 68px;--bottom-h: 139px}html,body,#root{height:100%;-webkit-font-smoothing:antialiased}body{background:#111;display:flex;align-items:center;justify-content:center;min-height:100dvh;font-family:var(--font-hand);overscroll-behavior:none;overflow:hidden}.phone-frame{width:393px;height:852px;position:fixed;top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%) scale(var(--app-scale, 1));overflow:hidden;background:#fff;box-shadow:0 0 60px #00000080}@media(max-width:420px){body{background:#fff}.phone-frame{box-shadow:none}}.screen{position:absolute;inset:0;overflow:hidden}.screen-bg{position:absolute;left:-137px;top:-97px;width:874px;height:1080px;object-fit:cover;pointer-events:none;z-index:0}.screen-bg--fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.nav-bar{position:absolute;top:0;left:0;width:100%;height:var(--nav-h);background:var(--green-overlay);display:flex;align-items:center;padding:0 20px 0 23px;z-index:10;gap:8px}.nav-logo{font-family:var(--font-logo);font-size:20px;color:#fff;text-shadow:0px 4px 4px rgba(0,0,0,.25);flex:1}.nav-menu-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.nav-menu-btn img{width:48px;height:48px;filter:brightness(0) invert(1)}.nav-icon-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.nav-icon-btn img{width:32px;height:32px;filter:brightness(0) invert(1)}.nav-dexcom-btn{font-family:var(--font-hand);font-size:20px;color:var(--green);background:#fff;border:1px solid black;border-radius:30px;padding:7px 19px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.nav-dexcom-btn:active{opacity:.8}.bottom-bar{position:absolute;bottom:0;left:0;width:100%;height:var(--bottom-h);background:var(--green-overlay);z-index:10}.tab-track{position:absolute;left:15px;top:18px;width:104px;height:24px;background:var(--gray);border-radius:30px}.tab-thumb{position:absolute;top:2px;height:20px;width:50px;background:var(--green-active);border-radius:30px;box-shadow:0 1px 2.1px 1px #00000040;transition:left .18s ease}.tab-thumb--voice{left:2px}.tab-thumb--text{left:52px}.tab-label{position:absolute;font-family:var(--font-hand);font-size:13px;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;top:6px;z-index:1}.tab-label--voice{left:13px}.tab-label--text{left:67px}.mic-outer{position:absolute;left:154px;top:20px;width:86px;height:86px;border-radius:50%;background:var(--gray);box-shadow:0 4px 4px #00000040,inset 4px 3px 5.2px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .12s}.mic-outer:active,.mic-outer--pressing{transform:scale(.93)}.mic-outer--listening{background:#ff8b94;box-shadow:0 6px 16px #ff64648c,inset 4px 3px 5.2px #00000040;animation:micPulse 1s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 4px 10px #ff646480,inset 4px 3px 5.2px #00000040}50%{box-shadow:0 8px 24px #ff6464bf,inset 4px 3px 5.2px #00000040}}.mic-ring{position:absolute;top:22px;left:22px;width:42px;height:42px;border-radius:50%;border:1px solid black;background:transparent}.mic-dot{position:absolute;top:28px;left:28px;width:30px;height:30px;border-radius:50%;background:var(--dark)}.mic-hint{position:absolute;left:0;right:0;top:116px;text-align:center;font-family:var(--font-hand);font-size:15px;color:#000}.transcript-pill{position:absolute;left:154px;top:20px;width:86px;height:86px;border-radius:50%;background:var(--green-active);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-hand);font-size:11px;color:#fff;padding:8px;overflow:hidden;pointer-events:none;z-index:1}.text-input-bar{position:absolute;left:34px;top:62px;width:325px;height:44px;background:var(--gray);border-radius:30px;border:none;box-shadow:0 6px 4px -2px #00000040,inset 0 4px 4px #00000040;font-family:var(--font-hand);font-size:18px;color:#000;padding:0 16px;outline:none}.text-input-bar::placeholder{color:#999}.send-btn{position:absolute;right:46px;top:72px;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.send-btn img{width:100%;height:100%}.koa-bubble-wrap{position:absolute;z-index:8;pointer-events:none}.koa-bubble-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.koa-bubble-text{position:absolute;font-family:var(--font-hand);line-height:1.4;overflow-y:auto;overflow-x:hidden}.koa-bubble-wrap--mountain{left:130px;top:396px;width:178px;height:242px}.koa-bubble-wrap--mountain .koa-bubble-text{inset:34px 32px 72px;font-size:14px;color:#000;padding:2px}.koa-bubble-wrap--koashut{left:61px;top:110px;width:281px;height:417px}.koa-bubble-wrap--koashut .koa-bubble-text{inset:51px 51px 131px;font-size:24px;color:#000;padding:4px}.koala-img{position:absolute;pointer-events:none;object-fit:cover;z-index:4}.koala-mountain-idle{left:-119px;top:569px;width:356px;height:201px}.koala-mountain-talk{left:-90px;top:567px;width:371px;height:209px}.koa-hut-layer1{z-index:2}.koa-hut-idle,.koa-hut-active{left:-200px;top:455px;width:600px;height:338px}.user-avatar-doorway{position:absolute;right:14px;bottom:148px;width:170px;z-index:3;pointer-events:none}.user-avatar-img{width:100%;height:auto;display:block;object-fit:contain}.user-avatar-mouth-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.user-avatar-doorway--talking .user-avatar-img{animation:avatarTalk .35s ease-in-out infinite alternate}@keyframes avatarTalk{0%{transform:scaleY(1) translateY(0)}to{transform:scaleY(.98) translateY(2px)}}.glucose-reading{position:absolute;left:23px;top:139px;font-family:var(--font-hand);font-size:64px;color:var(--green);z-index:5;line-height:1}.glucose-unit{font-size:18px;display:block;color:var(--green);margin-top:2px}.mountain-chart{position:absolute;left:-2px;top:219px;width:399px;height:187px;z-index:4;pointer-events:none;object-fit:fill}.pill-btn{font-family:var(--font-hand);background:#fff;border:1px solid black;border-radius:30px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .12s}.pill-btn:active{opacity:.8;transform:scale(.96)}.onboarding-bg{position:absolute;inset:0;background:linear-gradient(180deg,#026142,#b7cb3c)}.onboarding-section{position:absolute;left:41px;width:312px}.onboarding-label{font-family:var(--font-hand);font-size:24px;font-weight:700;color:#fff;display:block;margin-bottom:8px}.onboarding-input{background:#fff;border:1px solid black;border-radius:30px;font-family:var(--font-hand);font-size:20px;color:var(--green);padding:6px 19px;width:100%;outline:none;height:36px}.onboarding-divider{position:absolute;left:30.5px;width:332px;height:1px;background:#fff9}.onboarding-header-btn{position:absolute;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.age-picker{display:flex;align-items:center;gap:12px}.age-picker-btn{background:#fff;border:1px solid black;border-radius:50%;width:32px;height:32px;font-family:var(--font-hand);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--green);-webkit-tap-highlight-color:transparent}.age-picker-val{background:#fff;border:1px solid black;border-radius:5px;font-family:var(--font-hand);font-size:20px;color:var(--green);padding:6px 18px;min-width:60px;text-align:center}.onboarding-cta{position:absolute;left:50%;transform:translate(-50%);font-size:24px;color:var(--green);padding:5px 20px;white-space:nowrap}.dexcom-back{position:absolute;top:60px;left:9px;display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:10}.dexcom-back img{width:20px;height:20px}.dexcom-back-label{font-family:var(--font-hand);font-size:15px;color:#000}.menu-overlay{position:absolute;inset:0;background:#00000073;z-index:50;display:flex;align-items:flex-end}.menu-sheet{width:100%;background:#fff;border-radius:28px 28px 0 0;padding:20px 20px 32px;display:flex;flex-direction:column;gap:10px}.menu-handle{width:40px;height:4px;background:#d9d9d9;border-radius:2px;margin:0 auto 16px}.menu-item{font-family:var(--font-hand);font-size:20px;color:var(--green);padding:12px 16px;border-radius:16px;background:#f0fdf4;cursor:pointer;border:none;text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.menu-item:active{background:#dcfce7}.menu-item--danger{color:#b91c1c;background:#fef2f2}.transcript-overlay{position:absolute;bottom:calc(var(--bottom-h) + 10px);left:20px;right:20px;background:#026142e0;border-radius:20px;padding:8px 18px;z-index:9;font-family:var(--font-hand);font-size:16px;color:#fff;text-align:center;pointer-events:none}.speech-error{position:absolute;bottom:calc(var(--bottom-h) + 8px);left:16px;right:16px;background:#c54142e6;color:#fff;border-radius:20px;padding:8px 16px;font-family:var(--font-hand);font-size:14px;text-align:center;z-index:9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}