/* Welcome reference: 视频节点 1 (6).mov, 1080 × 720, 24 fps.
   Real DOM clock + CSS lighting; never a flattened video of the interface. */
.welcome-ambient{background:linear-gradient(180deg,#7470fb 0%,#9682c5 25%,#be959e 48%,#e9ab57 71%,#ffb400 100%);background-size:auto;background-position:center;overflow:hidden}
.welcome-light{display:none}
.welcome-ambient::before{content:"";position:absolute;inset:-20px;background:radial-gradient(ellipse 76% 120% at 50% 107%,transparent 0 23%,#c1852b20 27%,#ffe59d50 33%,transparent 40%,#664d9820 48%,#efd7ff4d 55%,transparent 63%,#b9b0ff77 75%,transparent 84%);filter:blur(16px)}
.welcome-ambient::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 45% at 50% 100%,#ffc60066,transparent 85%);pointer-events:none}
.voice-pill{left:285px;top:100px;width:275px;height:45px;border:1px solid #ffffff8c;background:linear-gradient(110deg,#eed6fc40,#bd8de765);box-shadow:inset 0 0 8px #ffffffa0,0 1px 9px #c6b8fc55;font-size:14px;letter-spacing:-.25px}
.voice-pill>span:not(.orb){left:54px;top:14px}.voice-pill .orb{left:5px;top:4px;width:35px;height:35px;background:linear-gradient(130deg,#fbddea50,#ab98ee50)}
.voice-pill .orb img{width:55px;height:55px;left:-10px;top:-10px}.voice-pill i{left:242px;top:13px;width:17px;height:20px}.voice-pill i img{width:17px;height:20px}
.clock-group{left:264px;top:154px;width:690px;height:186px}
#welcomeTime{font-size:190px;line-height:1;letter-spacing:-10px;color:#ffffff1a;-webkit-text-stroke:1px #ffffff50;text-shadow:2px 3px 0 #ffffff15,5px 6px 8px #ffffff25}
.weather{left:478px;top:31px;width:210px;height:115px;color:#ffffffc7}.weather strong{font-size:22px;line-height:1.1;letter-spacing:-.8px}.weather span{font-size:14px;line-height:1.25;letter-spacing:-.6px}.weather>div+div{top:67px}
.voice-pill:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px #8f75e855}

/* Remove the home still immediately when returning to the flying character. */
#birdClip:not(.resting) #restBird{transition:none}

/* Figma voice component: 302 × 51; root asset dimensions preserved. */
.voice-pill{left:311px;top:119px;width:302px;height:51px;border-radius:28.5px;border:1px solid #ffffffc9;background:linear-gradient(115deg,#e5cbf833,#a38aef55);box-shadow:inset 0 0 10px #ffffffe0,2px -1px 4px #ffffff40;backdrop-filter:blur(12px) saturate(1.3);font-size:16px;font-weight:500;letter-spacing:-.96px}
.voice-pill>span:not(.orb){left:60px;top:50%;transform:translateY(-50%);line-height:18px}
.voice-pill .orb{left:6px;top:5.8px;width:39.368px;height:39.368px;background:linear-gradient(45deg,#f5d4ed55,#ae9dfa33);border:1px solid #ffffff55}
.voice-pill .orb img{width:54.3685px;height:54.3684px;left:-7.5px;top:-7.5px;opacity:.5;transform:rotate(-90deg)}
.voice-pill i{left:auto;right:26px;top:15px;width:20px;height:21px;display:grid;place-items:center}
.voice-pill i img{width:20px;height:21px;object-fit:contain}
.clock-group{left:264px;top:178px;width:740px;height:224px}
#welcomeTime{width:472px;font-size:190px;line-height:1.1;letter-spacing:-10px;color:transparent;background:linear-gradient(120deg,#ffffff60 0%,#e8e5fc28 24%,#ffffff48 47%,#e4d9f71a 70%,#ffffff5c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.75px #ffffff80;text-shadow:1px 1px 1px #ffffff22,3px 4px 5px #ffffff22;filter:drop-shadow(0 2px 2px #75649d12)}
.weather{left:516px;top:34px;width:203px;height:126px;color:#ffffffd1}
.weather strong{font-size:24px;font-weight:500;line-height:1.1;letter-spacing:-.6px}.weather span{font-size:16px;line-height:1.2;letter-spacing:-.4px;margin-top:4px}.weather>div+div{top:73px}

#welcomeTime{position:relative;isolation:isolate}

.voice-pill .orb{overflow:hidden;background:linear-gradient(45deg,#f3c6ec70,#b19fe754 60%,#9b88e033);box-shadow:inset 0 0 8px #ffffff18}.voice-pill .orb img{opacity:.12;filter:blur(5px)}

#bird:not(.ready){opacity:0}



/* One glyph layer: no separately rasterized mask, duplicate text, or offset shadows. */
#welcomeTime{text-shadow:none;filter:none;background-image:linear-gradient(120deg,#ffffff55 0%,#e8e5fc30 24%,#ffffff48 47%,#e4d9f721 70%,#ffffff58 100%);-webkit-text-stroke:.65px #ffffff78}
#welcomeTime::before,#welcomeTime::after{content:none}
#welcomeGreeting{min-width:157px;min-height:18px;white-space:pre}

/* Reference 2: centered 39.4px orb; microphone center at 275px. */
.voice-pill{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;background:linear-gradient(110deg,#c3b5ee38,#c28bdd4a 55%,#d3bdf15c);border:1px solid #ffffffd9;box-shadow:inset 0 0 8px #ffffff52,0 0 8px #d8c3fc40}
.voice-pill.revealed{opacity:1;visibility:visible}
.voice-pill .orb{left:5px;top:50%;transform:translateY(-50%);width:39.368px;height:39.368px;border:1px solid #ffffff5c;background:radial-gradient(ellipse at 12% 87%,#e9bce2bf,transparent 68%),linear-gradient(125deg,#a4b8f4a6,#b293e578 68%,#a49bd766);box-shadow:inset 0 1px 1px #ffffff38;mix-blend-mode:normal}
.voice-pill .orb img{opacity:0}
.voice-pill i{left:auto;right:16px;top:50%;transform:translateY(-50%);margin:0}
#welcomeTime{width:max-content;max-width:none;padding-right:12px;white-space:nowrap;overflow:visible;transform-origin:left center}

/* Figma Inter Regular. Fill the merged glyph silhouette; strokes expose font contour overlaps. */
#welcomeTime{font-family:Inter,Arial,sans-serif;font-weight:400;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 .6px .35px #ffffff66);background-image:linear-gradient(125deg,#ffffff65 0%,#ece8fa38 26%,#ffffff50 48%,#e9dff731 73%,#ffffff62 100%)}

/* Home remains an animated character layer, clipped only after landing. */
#restBird{display:none!important}
#birdClip.resting #birdCanvas{opacity:1}
.quick-actions button{opacity:0;transform:translateX(-28px);transition:opacity .45s ease,transform .55s cubic-bezier(.22,.7,.25,1);pointer-events:none}
.home-mode.actions-revealed .quick-actions button{opacity:1;transform:translateX(0);pointer-events:auto}
.home-mode.actions-revealed .quick-actions button:nth-child(2){transition-delay:.18s}
.home-mode.actions-revealed .quick-actions button:nth-child(3){transition-delay:.36s}
@media(prefers-reduced-motion:reduce){.quick-actions button{transform:none;transition-duration:.1s}}

/* Reveal the main card as flight starts; supporting content follows the forward beat. */
#home{transition:opacity .4s ease,transform .5s ease;transform:none}
#home header,#home .right-column,#home #navigation,#home .hero-copy{transition:opacity .55s ease .28s,transform .6s ease .28s}
#stage:not(.home-mode) #home header,#stage:not(.home-mode) #home .right-column,#stage:not(.home-mode) #home #navigation,#stage:not(.home-mode) #home .hero-copy{opacity:0;transform:translateY(8px)}
#stage.home-mode #home header,#stage.home-mode #home .right-column,#stage.home-mode #home #navigation,#stage.home-mode #home .hero-copy{opacity:1;transform:none}