:root{--ink: #15302b;--paper: #f7f3ea;--card: #fffdf7;--line: #e4dcc8;--line-2: #c9bfa8;--muted: #4b5a55;--body: #2b3b37;--bloom: #f2a33a;--sprout: #e9c46a;--dry: #6b5a43;--teal: #2f7d6d;--mint: #e3efea;--mint-2: #5fb3a0;--drop: #7cc4e4;--scout: #b48acb;--night: #1e4039;--night-2: #2c4a43;--night-ink: #c9ddd6;color-scheme:light;font-family:Noto Sans TC,system-ui,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent}body.dark{background:var(--ink);color:var(--paper)}p,h1,h2{margin:0}a{color:var(--teal)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.num{font-family:Fredoka,Noto Sans TC,sans-serif;font-weight:600}.screen{max-width:430px;min-height:100dvh;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 28px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;gap:14px}.screen.wide{max-width:1280px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.grow{flex-grow:1}.center{text-align:center}.brand{font-size:20px;font-weight:900}.title{font-size:26px;font-weight:900;line-height:1.3}.muted{color:var(--muted);font-size:14px}.small{font-size:12px;line-height:1.5;color:var(--muted)}.body{font-size:14px;line-height:1.6;color:var(--body)}.link{font-size:15px;font-weight:700;text-align:center;text-decoration:underline;background:none;border:none;color:var(--teal);padding:6px}.section{font-size:16px;font-weight:700}.pill{font-size:15px;font-weight:700;text-decoration:none;padding:10px 14px;border-radius:999px;background:var(--mint);color:var(--ink)}.card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:2px solid var(--line);border-radius:20px;padding:16px}.card.dashed{border-style:dashed;border-color:var(--line-2)}.card.dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}.card.dark .muted{color:var(--night-ink)}.btn{font-size:15px;font-weight:700;padding:12px;border-radius:12px;border:2px solid var(--ink);background:var(--ink);color:var(--paper)}.btn.ghost{background:transparent;color:var(--ink)}.btn.big{font-size:17px;font-weight:900;padding:14px;border-radius:16px;border:none;background:var(--bloom);color:var(--ink)}.btns{display:flex;gap:8px}.btns>*{flex:1}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.field input,.field select{font:inherit;font-size:16px;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:var(--paper);color:var(--ink)}.welcome{gap:12px}.hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 18px 14px;border-radius:28px;background:radial-gradient(circle at 50% 30%,#24504a 0%,var(--ink) 70%);color:var(--paper);overflow:hidden}.tagline{align-self:flex-start;font-size:12px;font-weight:700;color:var(--bloom)}.hero-drop{position:relative;width:150px;height:140px;display:flex;align-items:center;justify-content:center}.hero-drop .sparkles{position:absolute;inset:0}.hero-drop .bob{position:relative;display:flex}.hi-bubble{position:absolute;top:4px;right:-58px;padding:6px 12px;border-radius:14px 14px 14px 4px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:900;white-space:nowrap;animation:pop .7s .4s both cubic-bezier(.3,1.6,.6,1);transform-origin:0% 100%}.hero-title{font-size:28px;font-weight:900;line-height:1.25;text-align:center}.hero-title span{color:var(--drop)}.hero-sub{font-size:14px;line-height:1.6;color:var(--night-ink);text-align:center}.walk{position:relative;width:300px;max-width:100%;height:52px;margin-top:4px}.walk>svg{position:absolute;inset:0}.walker{position:absolute;left:6px;top:8px;animation:travel 4.8s linear infinite}.hop{animation:hop .6s ease-in-out infinite}.bloom-in{animation:bloom-in 4.8s ease-out infinite;transform-box:fill-box;transform-origin:50% 100%}.bloom-in.b2{animation-delay:1.2s}.bloom-in.b3{animation-delay:2.4s}.ripple{animation:ripple 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}.ripple.r2{animation-delay:1.2s}.tw{animation:twinkle 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.tw.t2{animation-delay:.7s}.tw.t3{animation-delay:1.4s}.section-b{font-size:15px;font-weight:900}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:18px;background:var(--card);box-shadow:0 4px 14px #15302b12;animation:rise .5s both}.step.in1{animation-delay:.2s}.step.in2{animation-delay:.35s}.step.in3{animation-delay:.5s}.step .num{flex-shrink:0;width:30px;height:30px;line-height:30px;border-radius:999px;text-align:center;font-size:16px;color:var(--ink)}.step-title{font-size:15px;font-weight:900}.cta{display:block;text-align:center;font-size:18px;font-weight:900;padding:15px;border-radius:999px;background:var(--bloom);color:var(--ink);text-decoration:none;animation:cta-pulse 2s ease-in-out infinite}.cta.ghost{font-size:15px;font-weight:700;padding:12px;background:transparent;border:2px solid var(--ink);animation:none}.bob{animation:bob 3s ease-in-out infinite;transform-origin:50% 90%}.eye{animation:blink 4s infinite;transform-box:fill-box;transform-origin:center}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes ripple{0%{transform:scale(.4);opacity:.7}to{transform:scale(1.6);opacity:0}}@keyframes pop{0%{transform:scale(0) rotate(-40deg)}60%{transform:scale(1.15) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes bloom-in{0%,8%{transform:scale(0)}20%{transform:scale(1.2)}28%,88%{transform:scale(1)}to{transform:scale(0)}}@keyframes travel{to{transform:translate(262px)}}@keyframes hop{50%{transform:translateY(-8px)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes cta-pulse{0%,to{box-shadow:0 0 #f2a33a8c}50%{box-shadow:0 0 0 10px #f2a33a00}}.stack{display:flex;flex-direction:column;gap:2px}.howto{font-size:13px;font-weight:700}.basket{display:flex;align-items:center;gap:6px;font-size:14px;padding:8px 14px 8px 10px;background:var(--card);box-shadow:0 4px 14px #15302b14}.route-card{border:none;border-radius:22px;padding:16px 18px;box-shadow:0 6px 18px #15302b14}.route-card .muted.ok{color:var(--teal);font-weight:700}.route-card .muted{font-size:13px;font-weight:700}.route-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.route-name{font-size:26px;font-weight:900}.headsign{font-size:15px;font-weight:700;color:var(--muted)}.route-tag{font-size:13px;padding:4px 10px;border-radius:999px;background:#f1ece0;color:var(--muted)}.route-tag.teal{background:var(--mint);color:var(--teal);font-weight:700}.route-tag.teal b{font-weight:700}.tap{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:none;background:none;padding:8px;color:inherit}.tap-circle{position:relative;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle at 50% 45%,#fff 0%,var(--mint) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.tap-circle .ring{position:absolute;inset:0;border-radius:999px;border:4px dashed var(--mint-2)}.tap.ready .ring{animation:spin 18s linear infinite}.tap-circle p{font-size:18px;font-weight:900;color:var(--teal)}.tap .body{font-size:15px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.04)}}.prefs-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:var(--card);box-shadow:0 4px 14px #15302b0f}.prefs-bar p{font-size:13px;color:var(--muted)}.prefs-bar b{color:var(--ink)}.chip.edit{font-weight:700;padding:5px 10px;border-radius:10px;border-color:var(--ink);flex-shrink:0}.links{display:flex;justify-content:center;gap:18px}.links .link{font-size:14px;text-decoration:none;padding:0}.links .sim{color:#a9520f}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}.status{font-size:16px;font-weight:700}.stage{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--night);border-radius:28px;padding:20px 12px;min-height:420px}.stage.lifted{background:var(--night-2);border:3px dashed var(--bloom)}.drop{position:relative;display:flex;justify-content:center}.calm .drop>svg[role]{animation:float 2.6s ease-in-out infinite}.drips{position:absolute;left:50%;bottom:-18px;margin-left:-75px}.drip{animation:drip 1.4s ease-in infinite}.drip.d2{animation-delay:.45s}.drip.d3{animation-delay:.9s}.lifted .drop svg{animation:wobble 1.6s ease-in-out infinite;transform-origin:50% 90%}.slot.pop{animation:slot-pop .45s cubic-bezier(.3,1.6,.6,1) both}@keyframes float{50%{transform:translateY(-10px)}}@keyframes drip{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}to{transform:translateY(14px);opacity:0}}@keyframes wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes slot-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.stage .caption{font-size:21px;font-weight:900;text-align:center}.stage .sub{font-size:14px;color:var(--night-ink);text-align:center;line-height:1.6}.splash .drop svg{animation:shake .9s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-12px) rotate(-8deg)}40%{transform:translate(10px) rotate(6deg)}60%{transform:translate(-6px) rotate(-3deg)}80%{transform:translate(4px)}}.slots{display:flex;gap:5px;justify-content:center}.slot{width:33px;height:33px;flex-shrink:0;border-radius:10px;border:2px solid #4e6e66;background:var(--night-2);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--night-ink)}.slot.next{background:transparent;border-style:dashed}.slot.open{border-color:var(--drop);animation:breathe 1.6s ease-in-out infinite}.slot.lv-bloom{border-color:var(--bloom)}.slot.lv-sprout{border-color:var(--sprout)}.slot.lv-dry{border-color:#c9a97a;border-style:dashed}.slot.lv-unmeasured{border-style:dotted}.legend{display:flex;gap:14px;font-size:12px;color:var(--night-ink)}.legend span{display:flex;align-items:center;gap:4px}.night-link{color:var(--bloom)}.seg-list{padding:8px 16px;gap:0}.seg{display:flex;align-items:center;gap:10px;min-height:36px;font-size:14px}.seg:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--ink);flex-shrink:0}.seg span:first-child{flex-grow:1}.tag{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;padding:2px 10px 2px 6px;border-radius:999px;border:1.5px solid transparent;white-space:nowrap}.tag.lv-bloom{background:#fdebd0;color:#a9520f;border-color:var(--bloom)}.tag.lv-sprout{background:#fbf3d9;color:#7a5b00;border-color:var(--sprout)}.tag.lv-dry{background:#efe8dc;color:var(--dry);border-color:#c9a97a;border-style:dashed}.tag.lv-unmeasured{background:transparent;color:var(--muted);border-color:var(--line-2);border-style:dotted;padding-left:10px}.fruit{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--ink);color:var(--paper)}.fruit b{color:var(--bloom);font-size:16px;font-weight:900}.fruit .note{font-size:12px;color:var(--night-ink)}.fruit.none{background:var(--line);color:var(--ink)}.fruit.none b{color:var(--ink)}.fruit.none .note{color:var(--muted)}.done-msg{font-size:15px;font-weight:700;padding:13px;border-radius:16px;background:var(--mint);color:var(--teal);text-align:center}.big-num{font-size:40px;color:var(--bloom)}.bar{height:12px;background:var(--night-2);border-radius:999px;overflow:hidden}.bar>div{height:12px;background:var(--bloom);border-radius:999px}.pill.bloom{background:var(--bloom);align-self:flex-start;font-size:14px;padding:8px 14px}.trip{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:10px 14px;border-radius:14px;background:var(--card);border:2px solid var(--line);color:var(--ink);font-size:14px}.trip span:last-child{font-size:13px;color:var(--muted)}.dex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dex div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;border:2px dashed var(--line-2);color:#6b7570;font-size:15px;font-weight:700;text-align:center}.dex div.got{background:var(--card);border:2px solid #9bcb5a;color:var(--ink)}.dex small{font-size:12px;font-weight:400;color:var(--muted)}.badge{font-size:13px;font-weight:700;padding:8px 12px;border-radius:999px;background:var(--mint);color:var(--teal)}.badge.scout{background:#efe4f5;color:#5b3a70}.badge.locked{background:transparent;border:2px dashed var(--line-2);color:#6b7570}.thirst{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:#e6f2f9;border:2px solid var(--drop)}.thirst p:first-child{font-size:15px;font-weight:700;color:#1f5f80}body.line{background:#dce3e8}.line-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #b8c3cb;font-size:18px;font-weight:700}.line-head i{width:40px;height:40px;border-radius:999px;background:var(--ink);color:var(--bloom);font-style:normal;font-weight:900;display:flex;align-items:center;justify-content:center}.bubble{display:flex;flex-direction:column;gap:12px;max-width:330px;padding:18px;border-radius:20px;background:var(--card);font-size:20px;line-height:1.5}.bubble b{color:#a9520f}.btn.line-btn{font-size:18px;padding:16px;border-radius:16px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.kpi{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:18px;background:var(--card);border:2px solid var(--line)}.kpi .num{font-size:34px}.kpi.dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}.kpi.dark .muted{color:var(--night-ink)}.kpi.dark .num{color:var(--bloom)}.city-main{display:grid;grid-template-columns:3fr 2fr;gap:24px}@media(max-width:860px){.city-main{grid-template-columns:1fr}}.heat-wrap{overflow-x:auto}.heat{display:grid;grid-template-columns:110px repeat(6,minmax(64px,1fr));gap:6px;font-size:13px;min-width:520px}.heat p{padding:10px 0;text-align:center;border-radius:8px;font-weight:700}.heat .hd{color:var(--muted);font-weight:400;padding:4px 0}.heat .rn{text-align:left}.heat small{display:block;font-size:11px;font-weight:400;opacity:.8}.h3{background:var(--teal);color:var(--paper)}.h2{background:#cfe5dd;color:var(--ink)}.h1{background:var(--bloom);color:var(--ink)}.h0{background:transparent;border:1px dashed var(--line-2);color:var(--muted);font-weight:400!important}.advice{font-size:15px;font-weight:700;line-height:1.6;padding:14px;border-radius:12px;background:#fbead0}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%);max-width:90vw;padding:12px 18px;border-radius:14px;background:var(--ink);color:var(--paper);font-size:15px;z-index:10}[hidden]{display:none!important}