:root{--bg-0: #04070d;--glass: rgba(8, 13, 22, .78);--glass-2: rgba(13, 20, 32, .85);--hairline: rgba(130, 175, 235, .16);--hairline-strong: rgba(130, 175, 235, .32);--text: #dce8f5;--text-dim: #7e93ad;--accent: #2ee6c8;--accent-dim: rgba(46, 230, 200, .14);--amber: #ffb454;--danger: #ff5470;--ok: #3ddc84;--font-display: "Chakra Petch", "Noto Sans TC", sans-serif;--font-body: "IBM Plex Sans", "Noto Sans TC", sans-serif}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-0);color:var(--text);font-family:var(--font-body);font-size:13px;line-height:1.5;overscroll-behavior:none;overflow:hidden}#app,#app canvas{position:fixed;inset:0}#overlay{position:fixed;inset:0;pointer-events:none;z-index:10}#overlay button,#overlay input,#overlay a,#overlay label,#overlay .layer-row,#overlay #info-card,#overlay #panel{pointer-events:auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#panel{position:absolute;top:16px;left:16px;width:292px;background:var(--glass);border:1px solid var(--hairline);border-radius:10px;backdrop-filter:blur(14px);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s}.panel-body{max-height:calc(100vh - 34px);overflow-y:auto;overflow-x:hidden;padding:14px 14px 10px;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}#panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(255,255,255,.012) 2px 4px);pointer-events:none}#panel.collapsed{transform:translate(calc(-100% - 4px));opacity:.2}#panel-collapse{position:absolute;top:14px;right:-1px;width:20px;height:34px;background:var(--glass-2);color:var(--text-dim);border:1px solid var(--hairline);border-radius:6px 0 0 6px;cursor:pointer;font-size:11px;line-height:1}#panel.collapsed #panel-collapse{transform:translate(calc(100% + 26px));opacity:1}.panel-brand{padding:2px 2px 12px;border-bottom:1px solid var(--hairline);margin-bottom:10px}.brand-mark{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.06em;color:var(--text)}.brand-mark span{color:var(--accent)}.brand-sub{margin-top:2px;font-size:12px;color:var(--text-dim)}.brand-sub em{font-style:normal;font-family:var(--font-display);font-size:9px;letter-spacing:.28em;color:var(--accent);margin-left:6px;vertical-align:1px}.panel-section+.panel-section{margin-top:12px;border-top:1px solid var(--hairline);padding-top:10px}.section-title{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text)}.section-title em{font-style:normal;font-family:var(--font-display);font-size:9px;letter-spacing:.24em;color:var(--text-dim);margin-left:6px}.layer-list{list-style:none;margin:0;padding:0}.layer-row{display:flex;align-items:center;gap:8px;padding:7px 4px;border-radius:6px;animation:row-in .5s cubic-bezier(.2,.8,.2,1) both}.layer-row:hover{background:#82afeb0f}@keyframes row-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.led{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#3a4a5e}.led-ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.led-loading{background:var(--amber);box-shadow:0 0 6px var(--amber);animation:led-pulse 1s ease-in-out infinite}.led-error{background:var(--danger);box-shadow:0 0 6px var(--danger)}@keyframes led-pulse{50%{opacity:.35}}.layer-icon{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;color:var(--accent)}.layer-icon svg{width:16px;height:16px}.layer-labels{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25}.layer-zh{font-size:13px;font-weight:500}.layer-en{font-family:var(--font-display);font-size:8.5px;letter-spacing:.22em;color:var(--text-dim);text-transform:uppercase;white-space:nowrap}.layer-summary{flex:0 1 auto;font-family:var(--font-display);font-size:10px;color:var(--accent);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:86px}.switch{flex:0 0 auto;position:relative;width:30px;height:16px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background:#82afeb26;border:1px solid var(--hairline-strong);border-radius:999px;transition:background .2s,border-color .2s}.switch .slider:before{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:50%;background:var(--text-dim);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s}.switch input:checked+.slider{background:var(--accent-dim);border-color:var(--accent)}.switch input:checked+.slider:before{transform:translate(14px);background:var(--accent);box-shadow:0 0 6px var(--accent)}.mode-toggle{display:flex;gap:4px;margin-bottom:8px}.mode-btn{flex:1;font-family:var(--font-display);font-size:10px;letter-spacing:.12em;padding:5px 0;background:transparent;color:var(--text-dim);border:1px solid var(--hairline);border-radius:6px;cursor:pointer;transition:all .2s}.mode-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);text-shadow:0 0 8px rgba(46,230,200,.6)}.ctl-row{display:flex;align-items:center;gap:8px;padding:4px 0}.ctl-label{flex:0 0 30px;font-size:11px;color:var(--text-dim)}.ctl-value{flex:0 0 44px;font-family:var(--font-display);font-size:11px;color:var(--accent);text-align:right}.ctl-row input[type=range]{flex:1;appearance:none;height:2px;background:var(--hairline-strong);border-radius:999px;outline:none}.ctl-row input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);cursor:pointer}.metric-toggle{display:flex;flex-direction:column;gap:4px}.metric-btn{font-family:var(--font-body);font-size:12px;padding:7px 10px;text-align:left;background:transparent;color:var(--text-dim);border:1px solid var(--hairline);border-radius:6px;cursor:pointer;transition:all .2s}.metric-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}#hud{position:absolute;top:16px;right:16px;text-align:right;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hud-clock-row{display:flex;align-items:baseline;gap:10px;flex-direction:row-reverse}.hud-clock{font-family:var(--font-display);font-weight:600;font-size:34px;letter-spacing:.04em;color:var(--text);text-shadow:0 2px 18px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.hud-clock-meta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.hud-tz{font-family:var(--font-display);font-size:9px;letter-spacing:.26em;color:var(--accent)}.hud-date{font-size:11px;color:var(--text-dim);text-shadow:0 1px 8px rgba(0,0,0,.8)}.hud-chips{display:flex;gap:6px}.hud-chip{background:var(--glass);border:1px solid var(--hairline);border-radius:6px;backdrop-filter:blur(10px);padding:3px 9px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text)}.hud-chip em{font-style:normal;font-size:9px;letter-spacing:.14em;color:var(--text-dim);margin-right:5px;vertical-align:1px}.hud-chip-aqhi[data-risk=Low]{border-color:#3ddc8480}.hud-chip-aqhi[data-risk=Moderate]{border-color:#ffb45499}.hud-chip-aqhi[data-risk=High],.hud-chip-aqhi[data-risk="Very High"],.hud-chip-aqhi[data-risk=Serious]{border-color:var(--danger);color:var(--danger)}.hud-warnings{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.warning-chip{--warn-color: var(--amber);background:color-mix(in srgb,var(--warn-color) 16%,rgba(8,13,22,.8));border:1px solid var(--warn-color);color:var(--warn-color);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:.06em;backdrop-filter:blur(10px);animation:warn-pulse 2.4s ease-in-out infinite}@keyframes warn-pulse{50%{filter:brightness(1.35)}}#info-card{--card-accent: var(--accent);position:absolute;right:16px;top:132px;width:320px;max-height:calc(100vh - 164px);overflow-y:auto;background:var(--glass-2);border:1px solid var(--hairline-strong);border-left:2px solid var(--card-accent);border-radius:10px;backdrop-filter:blur(16px);padding:14px 16px;scrollbar-width:thin}#info-card[hidden]{display:none}#info-card.card-in{animation:card-in .4s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}#info-card:after{content:"";position:absolute;right:6px;bottom:6px;width:14px;height:14px;border-right:1px solid var(--card-accent);border-bottom:1px solid var(--card-accent);opacity:.7}.card-close{position:absolute;top:8px;right:8px;width:24px;height:24px;background:transparent;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;border-radius:4px}.card-close:hover{color:var(--text);background:#82afeb1a}.card-head{padding-right:24px;margin-bottom:10px}.card-title{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text)}.card-subtitle{font-size:11px;color:var(--text-dim);margin-top:2px}.card-body{font-size:12.5px}.card-body img{width:100%;border-radius:6px;border:1px solid var(--hairline);display:block}.card-body table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.card-body td,.card-body th{padding:4px 6px;border-bottom:1px solid var(--hairline);text-align:left}.card-body th{color:var(--text-dim);font-weight:500;font-size:11px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}.stat-cell{background:#82afeb0f;border:1px solid var(--hairline);border-radius:6px;padding:8px 10px}.stat-cell .stat-value{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--card-accent)}.stat-cell .stat-label{font-size:10px;color:var(--text-dim);letter-spacing:.06em}.mtr-line-block+.mtr-line-block{margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}.mtr-line-head{display:flex;align-items:center;gap:6px;font-weight:600;margin-bottom:4px}.mtr-line-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.mtr-arrivals table td:last-child{color:var(--accent);font-family:var(--font-display);text-align:right}.mtr-noservice{color:var(--text-dim);font-size:11.5px}.data-ts{margin-top:8px;font-size:10px;color:var(--text-dim);letter-spacing:.04em}@media(max-width:640px){#panel{width:min(280px,78vw)}#info-card{width:min(300px,84vw);top:auto;bottom:16px;right:16px;max-height:60vh}.hud-clock{font-size:26px}#hud{max-width:62vw}.hud-chips{flex-wrap:wrap;justify-content:flex-end}}#toasts{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:var(--glass-2);border:1px solid var(--hairline-strong);border-radius:8px;padding:8px 16px;font-size:12px;backdrop-filter:blur(12px);animation:toast-in .3s ease-out}.toast-error{border-color:var(--danger);color:var(--danger)}.toast-out{opacity:0;transition:opacity .4s}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#loading{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 40%,#0c1420 0%,var(--bg-0) 70%);transition:opacity .6s ease,visibility .6s}#loading.loading-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-mark{font-family:var(--font-display);font-weight:700;font-size:42px;letter-spacing:.08em;color:var(--text);animation:loading-pulse 2.2s ease-in-out infinite}.loading-mark span{color:var(--accent)}.loading-sub{font-size:13px;color:var(--text-dim)}.loading-sub em{font-style:normal;font-family:var(--font-display);font-size:10px;letter-spacing:.26em;color:var(--accent);margin-left:8px}.loading-bar{width:220px;height:2px;background:var(--hairline);border-radius:999px;overflow:hidden;margin-top:10px}.loading-bar-fill{width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:loading-scan 1.4s ease-in-out infinite}.loading-status{font-size:11px;color:var(--text-dim);letter-spacing:.03em}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes loading-scan{0%{transform:translate(-250%)}to{transform:translate(350%)}}#credits{position:absolute;left:16px;bottom:8px;font-size:10px;color:var(--text-dim);text-shadow:0 1px 6px rgba(0,0,0,.9);letter-spacing:.03em}