/* Figma CN-TS-HMI: 32:39 and 76:334. Coordinates normalized to 1152 × 768. */
@font-face{font-family:Inter;src:url('assets/figma/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/figma/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('assets/figma/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('assets/figma/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#302e3e;--purple:#6e70e8;--muted:#746f82}
.home-ambient{background:linear-gradient(180deg,#eee9ff 0%,#f6e6dc 50%,#f4be57 100%)}
header{top:30px;left:34px;right:auto;width:1014px;height:54px}
.eyebrow{line-height:15px;margin-bottom:5px}h1{line-height:34px}
.date-pills{height:35px;font-weight:500}.date-pills>*{padding:8px 15px;border:1px solid #ffffff99;line-height:17px;background:#fffc}.date-pills time{font-weight:600}
.hero{border-radius:28px;background:#ffffff54}.hero-copy{padding:32px}.hero h2{line-height:1.12;letter-spacing:0;font-weight:600;white-space:normal}.hero p{width:490px;line-height:24px;margin:12px 0 0}.wide{display:none}
.quick-actions{top:467px;bottom:auto;height:125px;justify-content:flex-start}.quick-actions button{height:35px;border:1px solid #ffffff99;padding:8px 15px;line-height:17px;font-weight:500;background:#fffc}.quick-actions .primary{font-weight:600}
.card{padding:18px;border:1px solid #ffffffa1;background:#ffffffb8;border-radius:28px;box-shadow:0 12px 32px #443a6721;display:flex;flex-direction:column;gap:12px}
.card h2{font-size:18px;line-height:22px}.card p{line-height:15px;margin:3px 0 0;color:#716d80}.trip-card{height:176px}.eta{font-size:34px;line-height:41px;margin:0}.trip-meta{margin:0;line-height:16px;color:#716d80}.trip-meta span:last-child{color:#3f8c72}.progress{margin:0;background:#ddd7e8;flex-shrink:0}.progress span{width:188px}
.suggestion{height:211px;min-height:0}.suggestion-row{gap:12px;margin:0;line-height:1.4;font-size:13px;min-height:74px}.suggestion-row img{width:74px;height:74px;margin:0;background:#ffffff42;border-radius:50%;object-fit:cover;flex-shrink:0}.suggestion-row>span{flex:1}.suggestion-actions{margin:0;gap:8px}.suggestion-actions button{padding:9px 13px;border:1px solid #ffffffa1;line-height:17px;font-weight:500}.suggestion-actions .primary{font-weight:400}
#navigation{padding:86px 10px;gap:12px;border-left:1px solid #ffffffa1;background:#ffffffb8;overflow:hidden}
#navigation button{width:54px;flex:0 0 64px;height:64px;border-radius:20px;gap:6px;color:#716d80;font-weight:500;line-height:13px}#navigation button.active{width:43px;border:none;box-shadow:0 1px 8px #6e70e8;color:#302e3e;font-weight:600}#navigation i{width:18px;height:18px}#navigation i img{display:block;max-width:none}
.clock-group{display:block;left:284px;top:152px;width:690px;height:250px}
#welcomeTime{display:block;width:472px;font-size:200px;line-height:1.249;font-weight:400;letter-spacing:-12px;color:#ffffff30;text-shadow:3px 4px 3.9px #ffffff40;-webkit-text-stroke:.65px #ffffff85;font-variant-numeric:tabular-nums}
.weather{position:absolute;left:487px;top:77px;padding:0;width:203px;height:126px;display:block;color:#ffffffd1}.weather>div{height:53px}.weather>div+div{position:absolute;top:73px}.weather strong{font-size:24px;line-height:1.03;font-weight:500;letter-spacing:-1.2px;color:inherit}.weather span{font-size:16px;line-height:1.03;letter-spacing:-1.2px;color:inherit}
.voice-pill{width:302px;height:51px;left:311px;top:119px;padding:0;gap:0;border-radius:28.5px;font-size:16px;line-height:1.0321;letter-spacing:-.96px;font-weight:500;color:#ffffffb5}
.voice-pill>span:not(.orb){position:absolute;left:60px;top:15px}.voice-pill .orb{position:absolute;left:6px;top:4px;width:39.368px;height:39.368px;border:none;background:none;box-shadow:none}.orb img{position:absolute;max-width:none}.voice-pill i{position:absolute;left:265px;top:16px;width:20px;height:21px;margin:0}.voice-pill i img{display:block;max-width:none}
#welcomeHint{display:none}
#restBird{position:absolute;left:260px;top:229px;width:688px;height:688px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:3;object-fit:cover}
#birdClip.resting #restBird{opacity:1;animation:restBreathe 3.2s ease-in-out infinite}#birdClip.resting #birdCanvas{opacity:0;transition:opacity .3s}
@keyframes restBreathe{50%{transform:translateY(-2px) scale(1.003)}}
@media(prefers-reduced-motion:reduce){#birdClip.resting #restBird{animation:none}}
.welcome-ambient{background:linear-gradient(180deg,#6668ff,#f49600);background-size:1179px 844px;background-position:-14px -23px}
.welcome-light{position:absolute;left:-499px;top:1900px;transform:rotate(-90deg);transform-origin:0 0;mix-blend-mode:soft-light;max-width:none;pointer-events:none}
.orb img{left:-11.5px;top:-8.5px;transform:rotate(-90deg)}
#welcomeTime{transform-origin:left center}
.voice-pill .orb{mix-blend-mode:lighten;background:linear-gradient(45deg,#f5d4ed66,#ae9dfa55);border:1px solid #ffffff66}
.orb img{opacity:.18}
/* Figma's inside stroke does not consume its 18px content inset. */
.card{padding:17px}