:root{--bg:#0a0c10;--panel-bg:#0f1218;--panel-border:#78a0dc2e;--text-primary:#f5f7fa;--text-dim:#6b7480;--text-faint:#454c58;--type-local:#e8ecf1;--type-rapid:#4ea8ff;--type-commuter-rapid:#3ddc84;--type-express:#ff9a3d;--rating-best-glow:#4ea8ff8c;--rating-wait-color:#8b93a0;--rating-missed-opacity:.32;--accent-alert:#ff6b4a;--accent-walk-ok:#4ea8ff;--accent-walk-warn:#ffb23d;--accent-walk-danger:#ff6b4a;--font-mono:"SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--font-ui:-apple-system, "Hiragino Sans", "Yu Gothic", sans-serif}[data-theme=light]{--bg:#eef1f5;--panel-bg:#fff;--panel-border:#283c5a1f;--text-primary:#14181f;--text-dim:#6b7480;--text-faint:#b2b9c4;--type-local:#2a3240;--type-rapid:#1c6fd6;--type-commuter-rapid:#1d9a5c;--type-express:#d9700f;--rating-best-glow:#1c6fd640;--rating-wait-color:#9aa1ac}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-ui);transition:background-color .4s,color .4s}.board{flex-direction:column;gap:12px;max-width:480px;min-height:100dvh;margin:0 auto;padding:16px 16px 32px;display:flex}.route-tabs{gap:8px;display:flex}.route-tab{text-align:center;border:1px solid var(--panel-border);color:var(--text-dim);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:10px 0;font-size:14px;font-weight:600;transition:all .2s}.route-tab.active{color:var(--text-primary);border-color:var(--rating-best-glow);box-shadow:0 0 12px var(--rating-best-glow)}.station-line{color:var(--text-dim);justify-content:space-between;align-items:baseline;padding:0 2px;font-size:13px;display:flex}.station-line .dot{color:var(--accent-walk-ok)}.status-ticker{white-space:nowrap;color:var(--accent-alert);background:#ff6b4a1a;border:1px solid #ff6b4a59;border-radius:8px;padding:6px 0;font-size:13px;overflow:hidden}.status-ticker__track{padding-left:100%;animation:18s linear infinite ticker;display:inline-block}@keyframes ticker{to{transform:translate(-100%)}}.weather-strip{border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;font-size:13px;display:flex}.weather-strip--upcoming{color:var(--type-rapid);background:#4ea8ff1a;border:1px solid #4ea8ff4d}.weather-strip--raining{color:var(--type-express);background:#ff9a3d1a;border:1px solid #ff9a3d59}.weather-strip__suggestion{color:var(--text-dim);font-size:12px}.hero{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:16px;padding:20px}.hero__label{color:var(--text-dim);letter-spacing:.08em;font-size:13px}.hero__countdown{font-family:var(--font-mono);color:var(--type-rapid);text-shadow:0 0 18px var(--rating-best-glow);margin:6px 0;font-size:64px;font-weight:700;line-height:1}.hero__countdown .unit{color:var(--text-dim);text-shadow:none;margin-left:4px;font-size:22px}.hero__meta{justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.hero__delay{color:var(--accent-alert);font-weight:700}.hero__empty{color:var(--text-dim);padding:24px 0}.type-badge{border:1px solid;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.type-local{color:var(--type-local)}.type-快速,.type-rapid{color:var(--type-rapid)}.type-通勤快速,.type-commuter-rapid{color:var(--type-commuter-rapid)}.type-特急,.type-express{color:var(--type-express)}.departure-list{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;overflow:hidden}.departure-row{border-bottom:1px solid var(--panel-border);grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:12px 16px;transition:opacity .3s;display:grid}.departure-row:last-child{border-bottom:none}.departure-row__marker{text-align:center;width:14px;color:var(--accent-walk-ok)}.departure-row__time{font-family:var(--font-mono);font-size:20px;font-weight:700}.departure-row__dest{color:var(--text-dim);font-size:13px}.departure-row__delay{font-family:var(--font-mono);color:var(--accent-alert);font-size:13px;font-weight:700}.departure-row__wait{color:var(--rating-wait-color);background:#8b93a026;border-radius:6px;padding:2px 6px;font-size:12px}.departure-row--best{background:linear-gradient(90deg, var(--rating-best-glow) 0%, transparent 60%)}.departure-row--missed{opacity:var(--rating-missed-opacity)}.matrix-block{flex-direction:column;gap:0;display:flex}.matrix-block+.matrix-block{margin-top:10px}.matrix-block__band{background:var(--panel-bg);border:1px solid var(--panel-border);letter-spacing:.05em;color:var(--text-dim);border-bottom:none;border-left:3px solid #0000;border-radius:16px 16px 0 0;justify-content:space-between;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.matrix-block__transfer-note{color:var(--accent-walk-warn);font-weight:500}.matrix-scroll{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-overflow-scrolling:touch;border-radius:0 0 16px 16px;overflow:auto hidden}.matrix{border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:13px}.matrix__rowhead{z-index:2;background:var(--panel-bg);color:var(--text-dim);text-align:left;border-right:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);min-width:84px;padding:6px 10px;font-weight:500;position:sticky;left:0}.matrix__role{float:right;color:var(--text-faint);padding-left:6px;font-size:11px}.matrix__type,.matrix__dest,.matrix__cell{text-align:center;border-bottom:1px solid var(--panel-border);min-width:62px;padding:6px 10px}.matrix__type{vertical-align:bottom;padding-top:10px}.matrix__type-text{writing-mode:vertical-rl;letter-spacing:.08em;font-size:13px;font-weight:700}.matrix__dest{color:var(--text-dim);font-size:11px;font-weight:500}.matrix__cell{font-family:var(--font-mono);color:var(--text-primary);font-size:13px}.matrix__pass{color:var(--text-faint)}.matrix__scheduled{color:var(--text-faint);margin-right:4px;font-size:12px;text-decoration:line-through}.matrix__delayed{color:var(--accent-alert);font-weight:700}.matrix__swatch-cell{border-bottom:none;padding:4px 10px 0}.matrix__swatch{border-radius:2px;height:4px;display:block}.matrix__row--depart .matrix__cell,.matrix__row--arrive .matrix__cell{font-weight:700}.matrix__row--pass .matrix__cell{color:var(--text-dim)}.matrix__row--total .matrix__cell{color:var(--text-dim);font-weight:700}.matrix__row--grandtotal .matrix__cell{border-top:1px dashed var(--panel-border);font-weight:700}.matrix__col--best{color:var(--type-rapid);background:#4ea8ff1f}.matrix__col--wait{color:var(--rating-wait-color)}.matrix__col--missed{opacity:var(--rating-missed-opacity)}.matrix-empty{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;color:var(--text-dim);border-radius:16px;padding:24px}.walk-gauge{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;display:flex}.walk-gauge__leave{font-family:var(--font-mono);font-weight:700}.walk-gauge--ok{color:var(--accent-walk-ok)}.walk-gauge--warn{color:var(--accent-walk-warn)}.walk-gauge--danger{color:var(--accent-walk-danger)}.settings-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:4px;font-size:13px}.settings-sheet{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.settings-field{color:var(--text-dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.settings-field input{background:var(--bg);border:1px solid var(--panel-border);color:var(--text-primary);border-radius:8px;padding:8px 10px;font-size:15px}.settings-ride-row{align-items:center;gap:8px;display:flex}.settings-ride-row input[type=text]{flex:1}.settings-ride-row input[type=number]{width:72px}.settings-remove{color:var(--accent-alert);cursor:pointer;background:0 0;border:none;font-size:16px}.settings-add,.settings-save{border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:8px;font-size:14px}.settings-save{border-color:var(--rating-best-glow)}