:root{--ink: #17323d;--ink-soft: #567380;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .92);--surface-hover: #ffffff;--line: rgba(23, 50, 61, .1);--wash: rgba(23, 50, 61, .07);--wash-strong: rgba(23, 50, 61, .14);--shadow: 0 8px 30px rgba(20, 60, 80, .14);--accent: #d94f3d;--ok: #3f9c6d;--warn: #d99b2e;--stale: #6d8fa3;--radius: 14px;--rail-w: 268px;--sky-a: #e6f4f9;--sky-b: #b7dcea;--sky-focus: 50% 0%;--on-sky: #17323d;--on-sky-soft: #4a6875}:root[data-sky=dark]{--sky-focus: 62% 12%;--on-sky: #eef4f8;--on-sky-soft: #a3b6c4}@media(prefers-color-scheme:dark){:root{--ink: #e8f0f4;--ink-soft: #93aab5;--surface: rgba(18, 30, 38, .78);--surface-strong: rgba(18, 30, 38, .92);--surface-hover: rgba(28, 44, 55, .95);--line: rgba(232, 240, 244, .14);--wash: rgba(232, 240, 244, .1);--wash-strong: rgba(232, 240, 244, .2);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--accent: #ef7361;--ok: #55b98a;--warn: #e0ad4d;--stale: #8fadc0}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;color:var(--ink);background:var(--sky-b);overflow:hidden;-webkit-font-smoothing:antialiased}.stage{display:contents}.app{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at var(--sky-focus),var(--sky-a) 0%,var(--sky-b) 100%);transition:background 1.2s ease}.app canvas{display:block;touch-action:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.rail,.rail-toggle,.rail-scrim,.mobar,.panel,.timeline,.fallback.is-overlay{z-index:30}.sources-scrim{z-index:40}.rail-scrim{z-index:31}.rail{z-index:32}.rail-toggle{z-index:33}.rail{position:absolute;top:0;left:0;bottom:0;width:var(--rail-w);display:flex;flex-direction:column;background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--line);transition:transform .28s cubic-bezier(.22,1,.36,1),visibility .28s}.app:not(.has-rail) .rail{transform:translate(-100%);visibility:hidden}.rail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(16px,2vw,22px) clamp(14px,1.6vw,18px) 18px;display:flex;flex-direction:column;gap:18px}.rail-scroll::-webkit-scrollbar{width:8px}.rail-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.rail-head h1{margin:0;font-size:23px;font-weight:700;letter-spacing:.04em;color:var(--ink)}.rail-head h1 span{color:var(--accent)}.rail-head p{margin:3px 0 0;font-size:12px;color:var(--ink-soft)}.rail-sec{padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.rail-title{margin:0;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--ink-soft);text-transform:uppercase}.rail-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:11px;line-height:1.55;color:var(--ink-soft)}.rail-foot p{margin:0}.rail-hint{margin-bottom:6px!important}.rail-hint b{font-weight:600;color:var(--ink)}.rail-toggle{position:absolute;top:clamp(12px,1.6vw,18px);left:calc(var(--rail-w) + 12px);width:30px;height:30px;display:grid;place-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);cursor:pointer;transition:left .28s cubic-bezier(.22,1,.36,1)}.app:not(.has-rail) .rail-toggle{left:12px}.rail-toggle:hover{background:var(--surface-hover)}.rail-toggle-icon{width:7px;height:7px;border-left:1.8px solid var(--ink);border-bottom:1.8px solid var(--ink);transform:rotate(45deg) translate(1px,-1px);transition:transform .28s ease}.app:not(.has-rail) .rail-toggle-icon{transform:rotate(-135deg) translate(1px,-1px)}.rail-scrim,.mobar{display:none}.wbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding:8px 10px;font-size:12px;line-height:1.5;color:var(--ink-soft);background:var(--wash);border-radius:10px}.wbar>span:not(.wbar-dot):not(.wbar-acts){flex:1 1 auto;min-width:0}.wbar-acts{display:flex;gap:6px;flex:none}.wbar b{font-weight:500;color:var(--ink)}.wbar button{padding:4px 11px;min-height:24px;font:inherit;font-size:11px;color:var(--ink);background:var(--wash);border:0;border-radius:999px;cursor:pointer}.wbar button:hover{background:var(--wash-strong)}.wbar-why{flex:1 0 100%;margin:2px 0 0;font-size:11px;line-height:1.65;color:var(--ink-soft);opacity:.9}.wbar-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-soft);flex:none}.wbar.is-live .wbar-dot{background:var(--ok)}.wbar.is-error .wbar-dot{background:var(--accent)}.wbar.is-snapshot .wbar-dot{background:var(--stale)}.wbar-dot.is-pulse{animation:wbar-pulse 1.1s ease-in-out infinite}@keyframes wbar-pulse{50%{opacity:.25}}.mswitch,.dswitch{display:flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--wash);border-radius:10px}.mswitch-btn,.dswitch-btn{padding:4px 12px;font:inherit;font-size:12px;color:var(--ink-soft);background:none;border:0;border-radius:999px;cursor:pointer;white-space:nowrap}.mswitch-btn.has-divider{margin-left:6px}.mswitch-btn:hover,.dswitch-btn:hover{color:var(--ink)}.mswitch-btn.is-on,.dswitch-btn.is-on{color:#fff;background:var(--ink)}@media(prefers-color-scheme:dark){.mswitch-btn.is-on,.dswitch-btn.is-on{color:#0f1c23;background:var(--ink)}}.timeline{position:absolute;left:calc(50% + var(--rail-w) / 2);bottom:clamp(14px,3vw,26px);transform:translate(-50%);width:min(380px,calc(100vw - var(--rail-w) - 28px));transition:left .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1);padding:12px 16px 10px;background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);box-shadow:var(--shadow)}.app:not(.has-rail) .timeline{left:50%;width:min(380px,calc(100vw - 28px))}.timeline-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:12px;color:var(--ink-soft)}.timeline-time{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}.timeline-time small{font-size:11px;font-weight:400;color:var(--ink-soft)}.timeline-tag{margin-left:auto;padding:2px 8px;font-size:11px;background:var(--wash);border-radius:999px}.timeline-tag.is-forecast{color:var(--ink);background:color-mix(in srgb,var(--warn) 26%,transparent)}.timeline-head button{padding:2px 9px;font:inherit;font-size:11px;color:var(--ink);background:var(--wash);border:0;border-radius:999px;cursor:pointer}.timeline-head button:hover{background:var(--wash-strong)}.timeline-range{display:block;width:100%;margin:0;accent-color:var(--accent);cursor:pointer}.timeline-scale{display:flex;justify-content:space-between;margin-top:2px;font-size:10px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.picker-head{display:flex;align-items:center;gap:8px;width:100%;padding:7px 0;margin:-7px 0;font:inherit;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--ink-soft);background:none;border:0;cursor:pointer;text-transform:uppercase}.picker-head:hover{color:var(--ink)}.picker-caret{width:6px;height:6px;flex:none;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease}.picker.is-open .picker-caret{transform:rotate(45deg)}.picker-count{margin-left:auto;padding:1px 7px;font-size:10px;letter-spacing:.06em;background:var(--wash);border-radius:999px}.picker-body{display:flex;flex-direction:column;gap:12px;margin-top:12px}.picker-search{width:100%;padding:7px 10px;font:inherit;font-size:12px;color:var(--ink);background:var(--wash);border:1px solid transparent;border-radius:9px}.picker-search:focus{outline:none;border-color:var(--accent);background:var(--surface)}.picker-search::placeholder{color:var(--ink-soft)}.picker-empty{margin:0;font-size:12px;color:var(--ink-soft)}.picker-group h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:11px;font-weight:500;color:var(--ink-soft)}.picker-swatch{width:9px;height:9px;border-radius:3px;flex:none}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:5px 11px;font:inherit;font-size:12px;color:var(--ink);background:var(--wash);border:0;border-radius:999px;cursor:pointer;white-space:nowrap}.chip:hover{background:var(--wash-strong)}.chip.is-on{color:#fff;background:var(--ink)}@media(prefers-color-scheme:dark){.chip.is-on{color:#0f1c23}}.panel{position:absolute;top:clamp(14px,3vw,30px);right:clamp(14px,3vw,30px);width:min(302px,calc(100vw - var(--rail-w) - 40px));max-height:calc(100vh - clamp(28px,6vw,60px));overflow-y:auto;overscroll-behavior:contain;padding:22px 24px 24px;background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius);box-shadow:var(--shadow);animation:panel-in .32s cubic-bezier(.22,1,.36,1)}@keyframes panel-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}}.panel-close{position:absolute;top:12px;right:12px;width:26px;height:26px;font-size:18px;line-height:1;color:var(--ink-soft);background:none;border:0;border-radius:50%;cursor:pointer}.panel-close:hover{background:var(--wash)}.panel-region{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;letter-spacing:.16em;color:var(--ink-soft)}.panel-region-chip{width:12px;height:12px;border-radius:3px;flex:none}.panel-title{margin:4px 0 18px;font-size:27px;font-weight:700}.panel-weather{display:flex;align-items:center;gap:13px;margin:0 0 18px;padding:12px 14px;background:color-mix(in srgb,var(--stale) 18%,transparent);border-radius:10px}.panel-weather-icon{font-size:27px;line-height:1}.panel-weather-now{display:flex;align-items:baseline;gap:9px;margin:0}.panel-weather-temp{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}.panel-weather-temp small{font-size:12px;font-weight:400;color:var(--ink-soft)}.panel-weather-label{font-size:14px}.panel-weather-sub{margin:2px 0 0;font-size:11px;color:var(--ink-soft)}.panel-stats{display:grid;gap:14px;margin:0}.panel-stats dt{font-size:11px;letter-spacing:.1em;color:var(--ink-soft)}.panel-stats dt small{letter-spacing:0;opacity:.8}.panel-stats .is-active{margin:0 -10px;padding:6px 10px;background:var(--wash);border-radius:8px}.panel-stats dd{margin:2px 0 0;font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.panel-stats dd.peak{font-size:17px}.panel-stats dd small{font-size:12px;font-weight:400;color:var(--ink-soft)}.legend{padding:10px 11px;background:var(--wash);border-radius:10px}.legend-title{margin:0 0 7px;font-size:11px;letter-spacing:.14em;color:var(--ink-soft)}.legend-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:0;padding:0;list-style:none;font-size:11px}.legend-list li{display:flex;align-items:center;gap:6px}.legend-chip{width:11px;height:11px;border-radius:3px;flex:none}.legend-ramp{height:9px;border-radius:5px}.legend-title small{font-weight:400;opacity:.75}.legend-scale{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.legend-source{margin:6px 0 0;font-size:10px;color:var(--ink-soft);opacity:.8}.legend-source.is-estimated:before{content:"⚠ ";color:var(--warn);opacity:1}.map-label{display:inline-block;padding:2px 7px;font-size:13px;font-weight:500;white-space:nowrap;color:var(--ink);background:var(--surface);border-radius:5px;transition:background .18s,color .18s,opacity .24s,transform .24s}.map-label.is-away{opacity:0;transform:scale(.86);visibility:hidden;transition:opacity .24s,transform .24s,visibility 0s .24s}.map-label.is-active{color:#fff;background:var(--accent)}.map-label-w{margin-left:5px;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;opacity:.72}.map-label.is-active .map-label-w{opacity:.92}.fallback{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:420px;margin:12vh auto;padding:28px 30px;background:var(--surface-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.fallback.is-overlay{position:absolute;inset:auto 0 0 0;margin:0 auto 24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.fallback h1{margin:0;font-size:20px}.fallback p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-soft)}.fallback button{padding:8px 18px;font:inherit;font-size:14px;color:#fff;background:var(--accent);border:0;border-radius:999px;cursor:pointer}.fallback details{width:100%;font-size:12px;color:var(--ink-soft)}.fallback summary{cursor:pointer}.fallback pre{max-height:180px;overflow:auto;padding:10px;background:var(--wash);border-radius:8px;font-size:11px;white-space:pre-wrap}.boot{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--ink-soft);font-size:13px}.boot-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:boot-pulse 1.1s ease-in-out infinite}@keyframes boot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.4}}@media(max-width:760px){:root{--rail-w: 0px}.rail{width:min(320px,86vw);box-shadow:var(--shadow)}.rail-scroll{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}.rail-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .28s ease}.app.has-rail .rail-scrim{opacity:1;pointer-events:auto}.mobar{display:flex;align-items:center;position:absolute;top:calc(10px + env(safe-area-inset-top));left:52px;right:12px;height:30px;pointer-events:none}.mobar p{margin:0;font-size:17px;font-weight:700;letter-spacing:.03em;color:var(--on-sky)}.mobar p span{color:var(--accent)}.rail-toggle{top:calc(10px + env(safe-area-inset-top));left:12px}.app.has-rail .rail-toggle{left:calc(min(320px,86vw) + 12px)}@media(max-width:400px){.app.has-rail .rail-toggle{left:auto;right:12px}}.timeline{left:50%;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}.panel{top:auto;bottom:0;left:0;right:0;width:100%;max-height:62vh;overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;animation-name:sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}.app.has-panel .timeline{display:none}.fallback{margin:8vh 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sswitch{display:flex;flex-wrap:wrap;gap:3px;padding:3px;background:var(--wash);border-radius:10px}.sswitch-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;font:inherit;font-size:12px;color:var(--ink-soft);background:none;border:0;border-radius:999px;cursor:pointer;white-space:nowrap}.sswitch-dot{width:9px;height:9px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000002e}.sswitch-btn[data-style=real] .sswitch-dot{background:linear-gradient(135deg,#6fb0c9,#2f7d5e)}.sswitch-btn[data-style=paper] .sswitch-dot{background:linear-gradient(135deg,#f4ece0,#c9b79c)}.sswitch-btn[data-style=toon] .sswitch-dot{background:linear-gradient(135deg,#63c6e2,#1d6ea6);box-shadow:inset 0 0 0 1.5px #131a26}.sswitch-btn[data-style=clay] .sswitch-dot{background:linear-gradient(135deg,#fff,#b9b3a6)}.sswitch-btn[data-style=neon] .sswitch-dot{background:#06080f;box-shadow:inset 0 0 0 1.5px #43dcff}.sswitch-btn:hover{color:var(--ink)}.sswitch-btn.is-on{color:#fff;background:var(--ink);border-radius:8px}@media(prefers-color-scheme:dark){.sswitch-btn.is-on{color:#0f1c23}}.fxtoggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;font:inherit;font-size:12px;color:var(--ink-soft);background:var(--wash);border:0;border-radius:10px;cursor:pointer;white-space:nowrap}.fxtoggle:hover,.fxtoggle.is-on{color:var(--ink)}.fxtoggle-track{position:relative;width:26px;height:15px;border-radius:999px;background:var(--line);transition:background .16s ease}.fxtoggle.is-on .fxtoggle-track{background:var(--ok)}.fxtoggle-knob{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .16s ease}.fxtoggle.is-on .fxtoggle-knob{transform:translate(11px)}@media(prefers-reduced-motion:reduce){.fxtoggle-track,.fxtoggle-knob{transition:none}}.legend-note{margin:6px 0 0;font-size:11px;line-height:1.45;color:var(--ink-soft)}.lm-label{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:12px;white-space:nowrap;color:var(--ink);background:var(--surface-strong);border-radius:999px;box-shadow:var(--shadow)}.lm-label i{font-style:normal;font-size:10px;padding:1px 5px;color:var(--warn);background:color-mix(in srgb,var(--warn) 16%,transparent);border-radius:999px}a.sources-btn{display:inline-block;text-decoration:none}.sources-btn{margin-top:10px;padding:6px 12px;font:inherit;font-size:11px;color:var(--ink);background:var(--wash);border:0;border-radius:999px;cursor:pointer}.sources-btn:hover{background:var(--wash-strong)}.sources-scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0000006b;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}}.sources{width:min(560px,100%);max-height:min(78vh,720px);overflow-y:auto;padding:22px 24px 24px;background:var(--surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius);box-shadow:var(--shadow);animation:panel-in .24s cubic-bezier(.22,1,.36,1)}.sources:focus-visible{outline:none}.sources-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.sources-head h2{margin:0;flex:1;font-size:17px;font-weight:700;color:var(--ink)}.sources-close{width:26px;height:26px;flex:none;font:inherit;font-size:19px;line-height:1;color:var(--ink-soft);background:var(--wash);border:0;border-radius:50%;cursor:pointer}.sources-close:hover{color:var(--ink);background:var(--wash-strong)}.sources-list{margin:0;padding:0;list-style:none}.sources-list li{padding:14px 0;border-bottom:1px solid var(--line)}.sources-what{margin:0 0 3px;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--ink-soft)}.sources-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:14px;color:var(--ink)}.sources-name a{color:inherit;text-decoration-color:var(--line)}.sources-name a:hover{text-decoration-color:currentColor}.sources-licence{padding:1px 8px;font-size:11px;color:var(--ink-soft);background:var(--wash);border-radius:999px}.sources-note{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--ink-soft)}.sources-est{padding-top:14px}.sources-est ul{margin:6px 0 0;padding-left:18px;font-size:12px;line-height:1.65;color:var(--ink-soft)}.sources-est li+li{margin-top:4px}.panel-spots{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.panel-spots-title{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--ink-soft)}.panel-spots-title small{font-weight:400;letter-spacing:0}.panel-spots>ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}.panel-spots>ul>li{font-size:13px;color:var(--ink)}.panel-spot{display:flex;align-items:flex-start;gap:8px;width:100%;padding:4px 6px;margin:0 -6px;font:inherit;color:inherit;text-align:left;background:none;border:0;border-radius:8px;cursor:pointer}.panel-spot:hover,.panel-spot:focus-visible{background:var(--wash)}.panel-spots li.is-open .panel-spot{background:var(--wash)}.panel-spot-caret{flex:none;width:6px;height:6px;margin:16px 2px 0;border-right:1.5px solid var(--ink-soft);border-bottom:1.5px solid var(--ink-soft);transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}.panel-spots li.is-open .panel-spot-caret{transform:translateY(0) rotate(-135deg)}.panel-spot-desc{margin:8px 0 0;font-size:12.5px;line-height:1.75;color:var(--ink-soft)}.panel-spots-note{margin:12px 0 0;font-size:11px;line-height:1.6;color:var(--ink-faint, var(--ink-soft));opacity:.75}.spot-thumb{flex:none;width:60px;height:41px;border-radius:11px;background-color:var(--wash);background-repeat:no-repeat;transform:translateY(2px)}.spot-thumb.is-blank{display:grid;place-items:center}.spot-thumb.is-blank .panel-spot-kind{width:11px;height:11px;transform:none;opacity:.55}.spot-py{display:block;margin-top:2px;font-size:11.5px;font-weight:400;letter-spacing:.01em;color:var(--ink-soft)}.spot-body{padding:2px 6px 12px 60px}.spot-about{margin-top:10px}.spot-about h4{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--ink-soft)}.spot-about p{margin:0;font-size:12.5px;line-height:1.8;color:var(--ink-soft)}.spot-tags{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 0;padding:0;list-style:none}.spot-tags li{padding:2px 8px;font-size:11px;color:var(--ink-soft);background:var(--wash);border-radius:999px}.spot-facts{display:flex;flex-direction:column;gap:5px;margin:12px 0 0}.spot-fact{display:grid;grid-template-columns:4.6em 1fr;gap:8px;font-size:12px;line-height:1.7}.spot-fact dt{color:var(--ink-soft);opacity:.8}.spot-fact dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.spot-fact a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.panel-tabs{display:flex;gap:2px;margin:16px 0 4px;padding:3px;background:var(--wash);border-radius:10px}.panel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:5px 8px;font:inherit;font-size:13px;color:var(--ink-soft);background:none;border:0;border-radius:8px;cursor:pointer}.panel-tab small{font-size:10.5px;opacity:.75}.panel-tab.is-on{color:#fff;background:var(--ink)}@media(prefers-color-scheme:dark){.panel-tab.is-on{color:#0f1c23}}.picker-count.is-on{color:#fff;background:var(--accent)}.trip-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;counter-reset:none}.trip-list li{display:flex;flex-direction:column}.trip-row{display:flex;align-items:center;gap:7px;padding:4px 5px;border-radius:9px}.trip-row:hover{background:var(--wash)}.trip-days{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;list-style:none}.trip-day-head{display:flex;align-items:baseline;gap:7px;padding:0 5px 5px;border-bottom:1px solid var(--line);margin-bottom:4px}.trip-day-head h4{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--ink)}.trip-day-sum{font-size:10.5px;color:var(--ink-soft)}.trip-day-merge{margin-left:auto;padding:1px 5px;font:inherit;font-size:10.5px;color:var(--ink-soft);background:none;border:0;border-radius:6px;cursor:pointer}.trip-day-merge:hover{color:var(--ink);background:var(--wash-strong)}.trip-leg{display:flex;align-items:center;gap:8px;margin:0;padding:0 5px;font-size:10.5px;color:var(--ink-soft)}.trip-leg-line{flex:none;width:19px;height:14px;background:linear-gradient(var(--wash-strong) 55%,transparent 0) center / 1.5px 5px repeat-y}.trip-leg.is-sea{color:var(--accent);font-weight:600}.trip-leg.is-sea .trip-leg-line{background-image:linear-gradient(var(--accent) 55%,transparent 0)}.trip-split{align-self:flex-start;margin:0 0 0 29px;padding:1px 5px;font:inherit;font-size:10px;color:var(--ink-soft);background:none;border:0;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .12s ease}.trip-list li:hover .trip-split,.trip-split:focus-visible{opacity:1}.trip-split:hover{color:var(--ink);background:var(--wash-strong)}@media(hover:none){.trip-split{opacity:1}}.trip-total{margin:11px 0 0;padding-top:9px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink)}.trip-total small,.trip-note small{display:block;margin-top:2px;font-size:10px;color:var(--ink-soft)}.trip-note.is-sea{color:var(--accent)}.trip-stop-link{display:inline-block;margin:3px 4px 0 0;padding:2px 6px;font-size:10.5px;text-decoration:none;color:var(--ink);background:var(--wash);border-radius:6px}.trip-stop-link:hover{background:var(--wash-strong)}.trip-btn.is-day{display:block;margin-top:8px}.trip-no{flex:none;width:19px;height:19px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:var(--accent);border-radius:50%}.trip-name{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px;padding:0;font:inherit;font-size:12.5px;color:var(--ink);text-align:left;background:none;border:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-name small{flex:none;font-size:10.5px;color:var(--ink-soft)}.trip-tools{flex:none;display:flex;gap:1px}.trip-tools button{width:21px;height:21px;display:grid;place-items:center;font:inherit;font-size:11px;line-height:1;color:var(--ink-soft);background:none;border:0;border-radius:6px;cursor:pointer}.trip-tools button:hover:not(:disabled){color:var(--ink);background:var(--wash-strong)}.trip-tools button:disabled{opacity:.28;cursor:default}.trip-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.trip-btn{flex:1;min-width:84px;padding:7px 10px;font:inherit;font-size:12px;text-align:center;text-decoration:none;color:var(--ink);background:var(--wash);border:0;border-radius:9px;cursor:pointer}.trip-btn:hover{background:var(--wash-strong)}.trip-btn.is-go{color:#fff;background:var(--accent)}.trip-btn.is-go:hover{filter:brightness(1.06)}.trip-btn:disabled{opacity:.45;cursor:default}.trip-note{margin:8px 0 0;font-size:11px;line-height:1.65;color:var(--ink-soft)}.trip-pin{display:grid;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;font-family:inherit;color:#fff;background:var(--accent);border:1.5px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 2px 8px #0000004d;-webkit-user-select:none;user-select:none}.panel-spot-row{display:flex;align-items:flex-start;gap:2px}.panel-spot-row .panel-spot{flex:1;min-width:0}.spot-add{flex:none;width:30px;height:30px;margin-top:12px;display:grid;place-items:center;font:inherit;font-size:14px;line-height:1;color:var(--ink-soft);background:var(--wash);border:0;border-radius:9px;cursor:pointer}.spot-add:hover{color:var(--ink);background:var(--wash-strong)}.spot-add.is-on{color:#fff;background:var(--accent)}.spot-nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.spot-nav a,.spot-nav button{padding:5px 10px;font:inherit;font-size:11.5px;text-decoration:none;color:var(--ink);background:var(--wash);border:0;border-radius:8px;cursor:pointer}.spot-nav a:hover,.spot-nav button:hover{background:var(--wash-strong)}.extlink-fallback{flex:1 0 100%;margin-top:8px;padding:10px 11px;background:var(--wash);border-radius:10px}.extlink-fallback p{margin:0 0 7px;font-size:11.5px;line-height:1.65;color:var(--ink-soft)}.extlink-fallback input{width:100%;padding:6px 8px;font:inherit;font-size:11px;color:var(--ink);background:var(--surface-strong);border:1px solid var(--line);border-radius:7px}.extlink-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.extlink-actions button{padding:5px 10px;font:inherit;font-size:11.5px;color:var(--ink);background:var(--surface-strong);border:1px solid var(--line);border-radius:7px;cursor:pointer}.extlink-actions button:hover{background:var(--surface-hover)}.extlink-stuck{margin:7px 0 0!important;color:var(--warn)!important}.local{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.local-title{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--ink-soft)}.local-title small{font-weight:400;letter-spacing:0}.local-empty{margin:0;padding:10px 12px;font-size:12px;line-height:1.7;color:var(--ink-soft);background:var(--wash);border-radius:10px}.food-list,.event-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.food-list li,.event-list li{display:flex;gap:10px;padding:9px 11px;background:var(--wash);border-radius:11px}.food-icon,.event-icon{flex:none;font-size:19px;line-height:1.25}.food-name,.event-name{margin:0;font-size:13px;font-weight:600;color:var(--ink);line-height:1.45}.food-name small{margin-left:6px;font-size:11px;font-weight:400;color:var(--ink-soft)}.food-desc{margin:3px 0 0;font-size:12px;line-height:1.7;color:var(--ink-soft)}.event-kind,.event-live{display:inline-block;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:500;vertical-align:1.5px;border-radius:999px;color:var(--ink-soft);background:color-mix(in srgb,var(--ink) 9%,transparent)}.event-live{color:#fff;background:var(--go, #2f9e6b)}.event-when{margin:3px 0 0;font-size:12px;color:var(--ink-soft)}@media(prefers-color-scheme:dark){.event-live{color:#0f1c23}}.spotsearch{position:relative}.spotsearch-list{margin:6px 0 0;padding:4px;list-style:none;background:var(--wash);border-radius:10px}.spotsearch-hit{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;font:inherit;font-size:13px;color:var(--ink);text-align:left;background:none;border:0;border-radius:7px;cursor:pointer}.spotsearch-hit.is-active{background:var(--ink);color:#fff}.spotsearch-hit.is-active .panel-spot-kind{background:#fff}.spotsearch-hit.is-active .spotsearch-county{color:#ffffffb8}.spotsearch-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotsearch-county{flex:none;font-size:11px;color:var(--ink-soft)}.spotsearch-empty{padding:8px;font-size:12px;color:var(--ink-soft)}@media(prefers-color-scheme:dark){.spotsearch-hit.is-active{color:#0f1c23}.spotsearch-hit.is-active .panel-spot-kind{background:#0f1c23}.spotsearch-hit.is-active .spotsearch-county{color:#0f1c23b3}}.panel-spot-kind{width:7px;height:7px;flex:none;border-radius:2px;background:var(--ink-soft);transform:translateY(-1px)}.panel-spot-kind.is-mountain{border-radius:0 0 2px 2px;clip-path:polygon(50% 0,100% 100%,0 100%)}.panel-spot-kind.is-water,.panel-spot-kind.is-hotspring{border-radius:50%}.panel-spot-kind.is-coast{border-radius:50% 50% 2px 2px}.panel-spot-kind.is-tower{width:4px;height:9px}.panel-spot-kind.is-bridge{width:10px;height:4px}.panel-spot-name{flex:1;min-width:0}.panel-spot-name small{display:block;margin-top:1px;font-size:11px;color:var(--ink-soft)}.panel-spot i{font-style:normal;flex:none;padding:1px 6px;font-size:10px;color:var(--warn);background:color-mix(in srgb,var(--warn) 16%,transparent);border-radius:999px}