:root{font-family:Arial,Helvetica,sans-serif;color:#302d3e;background:#eeebf4;font-synthesis:none;--purple:#746bf0;--muted:#7b768c}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #665df2;outline-offset:5px}button{transition:filter .2s,box-shadow .2s,background .2s}button:hover{filter:brightness(1.025)}button:active{filter:brightness(.96)}[hidden]{display:none!important}#viewport{position:relative;margin:auto;overflow:hidden}#stage{position:relative;width:1152px;height:768px;transform-origin:top left;isolation:isolate;overflow:hidden}.ambient{position:absolute;inset:0;z-index:-3;transition:opacity 2.4s}.welcome-ambient{background:radial-gradient(ellipse at 90% 32%,#d4b4e050,transparent 45%),radial-gradient(ellipse at 52% 109%,#ffdf4e,transparent 48%),linear-gradient(177deg,#8176fa 0%,#a497c3 35%,#c09a8e 61%,#f6ac14 100%)}.home-ambient{opacity:0;background:radial-gradient(ellipse at 73% 83%,#f0bb6970,transparent 40%),linear-gradient(180deg,#eee8ff 0%,#f6e9df 45%,#f8ca6b 88%,#f4bf4f 100%)}#stage.home-mode .home-ambient{opacity:1}#shadeVeil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#584d8450,transparent 50%);opacity:0;transition:opacity 1s;z-index:7}#stage.shaded #shadeVeil{opacity:1}#welcome{position:absolute;inset:0;transition:opacity .85s,transform 1.1s}#stage.home-mode #welcome{opacity:0;transform:translateY(-18px);pointer-events:none}.voice-pill{position:absolute;left:311px;top:119px;width:303px;height:52px;display:flex;align-items:center;gap:14px;padding:5px;border-radius:40px;border:1.5px solid #ffffffe0;background:linear-gradient(120deg,#edcaff55,#b382f080);box-shadow:inset 0 0 12px #ffffffe0,0 0 10px #fff5;color:#fff;font-size:17px;text-align:left}.orb{width:40px;height:40px;border-radius:50%;border:1px solid #ffffff90;background:linear-gradient(45deg,#fbc8df80,#b0a0fb);box-shadow:inset -3px 0 10px #b29bdc}.voice-pill i{margin-left:auto;margin-right:12px;width:21px;height:25px}.clock-group{position:absolute;left:283px;top:191px;display:flex;align-items:center;gap:30px}#welcomeTime{font-size:194px;line-height:1;letter-spacing:-9px;font-weight:300;font-variant-numeric:tabular-nums;color:#ffffff20;-webkit-text-stroke:1px #ffffff95;text-shadow:4px 4px 0 #ffffff14,6px 7px 10px #fffffe18}.weather{color:#fff9;padding-top:7px;min-width:190px;display:grid;gap:24px}.weather strong{font-size:25px;font-weight:500;display:block;letter-spacing:-.7px;color:#ffffffe0}.weather span{font-size:16px;display:block;line-height:1.25;letter-spacing:-.4px}#welcomeHint{position:absolute;bottom:20px;left:36px;font-size:12px;letter-spacing:.4px;color:#fff9;opacity:0;animation:hint 2s 2s forwards}@keyframes hint{to{opacity:1}}#home{position:absolute;inset:0;opacity:0;transform:translateY(14px);transition:opacity 1.4s .35s,transform 1.6s .2s;pointer-events:none}#stage.home-mode #home{opacity:1;transform:none;pointer-events:auto}header{position:absolute;left:34px;right:105px;top:32px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;color:var(--purple);font-weight:700;margin-bottom:6px}h1{font-size:28px;font-weight:400;margin:0}.date-pills{display:flex;gap:10px;font-size:14px;align-items:center}.date-pills>*{padding:10px 16px;background:#ffffffc9;border-radius:24px}.date-pills time{background:var(--purple);color:white;font-variant-numeric:tabular-nums}.hero{position:absolute;left:34px;top:106px;width:710px;height:634px;background:#ffffff5b;border-radius:29px;overflow:hidden}.hero-copy{padding:31px 32px}h2{margin:0;font-size:20px;font-weight:600}.hero h2{font-size:42px;line-height:1.2;font-weight:600;letter-spacing:-1px;white-space:nowrap}.hero p{font-size:16px;line-height:1.5;color:var(--muted);margin:12px 0}.quick-actions{position:absolute;left:32px;bottom:42px;display:flex;align-items:flex-start;flex-direction:column;gap:10px;z-index:4}.quick-actions button,.suggestion-actions button,#shadeStatus button{padding:9px 16px;border-radius:24px;background:#fffc;font-size:14px}.primary{background:var(--purple)!important;color:white!important}.right-column{position:absolute;left:769px;top:108px;width:284px}.card{background:#ffffffd9;border-radius:28px;padding:19px 18px}.card h2{font-size:20px}.card p{font-size:12px;color:var(--muted);margin:3px 0 0}.trip-card{height:176px}.eta{font-size:36px;font-weight:400;display:block;margin-top:12px}.trip-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:12px}.trip-meta span:last-child{color:#419d83}.progress{height:7px;background:#ddd7e9;border-radius:5px;margin-top:11px;overflow:hidden}.progress span{display:block;width:76%;height:100%;background:var(--purple);border-radius:5px}.suggestion{margin-top:14px;min-height:211px;transition:opacity .4s,transform .4s}.suggestion-row{display:flex;gap:14px;align-items:center;margin-top:13px;font-size:13px;line-height:1.4}.suggestion-row img{width:70px;height:70px;object-fit:contain;margin-left:-5px}.suggestion-actions{display:flex;gap:8px;margin-top:14px}.suggestion-actions button{padding:10px 15px}.suggestion.dismissed{opacity:0;transform:translateY(10px);pointer-events:none}#shadeStatus{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:15px;background:#fff9;padding:12px;border-radius:18px}#shadeStatus i{width:17px;height:17px}#shadeStatus button{margin-left:auto;padding:7px 10px}#navigation{position:absolute;right:0;top:0;width:75px;height:100%;border-radius:28px 0 0 28px;background:#ffffffce;display:flex;align-items:center;flex-direction:column;gap:16px;padding-top:85px}#navigation button{width:47px;height:66px;border-radius:25px;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:11px;color:#716b83}#navigation button.active{background:#fff;box-shadow:0 0 6px #867cfc90,0 2px 4px #998fde60;color:#252336;border:1px solid #cec8ff}#navigation button.active i{color:#766bff}i[data-icon]{display:inline-block;width:20px;height:20px}i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.return-button{position:absolute;left:34px;bottom:4px;display:flex;align-items:center;justify-content:center;background:transparent;width:30px;height:24px;color:#6b588b;opacity:.6}.return-button i{width:16px;height:16px}.demo-label{position:absolute;bottom:11px;right:107px;font-size:9px;letter-spacing:.4px;color:#6c597b88}#birdClip{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:inset(0 0 0 0 round 0)}#bird{position:absolute;left:324px;top:354px;width:480px;height:480px;padding:0;background:transparent;pointer-events:auto;-webkit-tap-highlight-color:transparent;will-change:transform;transform-origin:center;z-index:3}#bird canvas,#bird img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;pointer-events:none}#bird canvas{opacity:0}#bird.ready canvas{opacity:1}#bird.ready img{opacity:0}#bird.idle{animation:breathe 3.2s ease-in-out infinite}@keyframes breathe{50%{transform:translateY(-3px) scale(1.006)}}#toast{position:absolute;bottom:35px;left:50%;transform:translate(-50%,12px);max-width:600px;padding:13px 22px;border-radius:24px;background:#343043ee;color:white;font-size:14px;box-shadow:0 6px 25px #30234020;opacity:0;transition:.25s;z-index:15;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #fff;width:570px;max-width:90%;padding:36px;border-radius:28px;background:#fcfafff7;box-shadow:0 25px 80px #4b3b7133;color:inherit;position:absolute;margin:auto}dialog::backdrop{background:#352b5428;backdrop-filter:blur(9px)}.close-panel{position:absolute;right:18px;top:18px;width:32px;height:32px;background:#efedf7;border-radius:50%;display:grid;place-items:center}.panel-kicker{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--purple);margin-bottom:10px}#panelContent h2{font-size:30px;line-height:1.15;margin-bottom:12px}#panelContent p{font-size:16px;line-height:1.55;color:var(--muted)}.panel-list{display:grid;gap:12px;margin-top:24px}.panel-row{background:#f0edf7;padding:16px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-row strong{font-size:16px}.panel-row small{display:block;color:var(--muted);margin-top:5px;font-size:13px}.panel-button{padding:12px 19px;border-radius:22px;background:#eae6f5;font-size:15px}.panel-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:24px}input[type=range]{accent-color:var(--purple);width:100%}input[type=time]{border:1px solid #ddd8ed;background:white;border-radius:12px;padding:11px;font-size:18px}#focusRemaining{font-size:54px;font-variant-numeric:tabular-nums;font-weight:300}.voice-orb{width:86px;height:86px;margin:24px auto;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c5d9ff,#a296f2 50%,#776bea);box-shadow:0 0 30px #9b8ae544;display:grid;place-items:center;color:white}.voice-orb i{width:30px;height:30px}.family-avatar{width:36px;height:36px;border-radius:50%;background:#ded8ff;color:#7363be;display:grid;place-items:center}.empty-suggestion{font-size:14px;color:#77658b;padding:15px}.loaded-dot{display:none}@media(prefers-reduced-motion:reduce){.ambient,#home,#welcome{transition-duration:.15s!important}#bird.idle{animation:none}*{scroll-behavior:auto!important}}
/* Keep transparent sprite padding from intercepting the page's controls. */
#bird{pointer-events:none}#bird::after{content:"";position:absolute;left:32%;top:20%;width:38%;height:62%;border-radius:48%;pointer-events:auto}#bird:disabled::after{pointer-events:none}