:root{--brand: #0ea5a4;--brand-light: #38bfbe;--brand-strong: #0d8584;--brand-subtle: rgba(14, 165, 164, .1);--accent: #f59e0b;--accent-light: #fbbf24;--accent-strong: #d97706;--map-stop-color: var(--brand);--map-station-color: #C9242B;--map-taxi-color: var(--accent);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--border-default: #e2e8f0;--border-subtle: #f1f5f9;--glass-bg: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.85) 50%, rgba(248,250,252,.9) 100%);--glass-blur: blur(40px) saturate(180%);--glass-border: 1px solid rgba(255,255,255,.6);--glass-shadow: 0 25px 50px -12px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.03);--glass-inner: inset 0 1px 0 rgba(255,255,255,.5);--shadow-sm: 0 2px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 28px rgba(0,0,0,.12);--shadow-xl: 0 20px 40px rgba(0,0,0,.16);--shadow-float: 0 4px 6px -1px rgba(0,0,0,.1), 0 20px 40px -10px rgba(0,0,0,.25), 0 0 0 2px rgba(0,0,0,.12);--spring: cubic-bezier(.32, .72, 0, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--dock-height: 72px;--panel-width: 520px;--drawer-width: 340px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}body{font-family:Noto Sans JP,BIZ UDPGothic,Hiragino Sans,Meiryo,system-ui,sans-serif;font-size:15px;line-height:1.5;color:var(--text-primary);background:var(--surface-primary);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}.app{width:100vw;height:100vh;height:100dvh;position:relative}#map{width:100%;height:100%}.label-overlay{position:absolute;inset:0;z-index:120;pointer-events:none}.map-label{position:absolute;transform:translate(-50%,16px);padding:2px 8px;border-radius:999px;background:#ffffffe6;color:var(--text-primary);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.08)}.map-label-stops{transform:translate(-50%,14px)}.top-badge{position:fixed;top:var(--space-4);left:var(--space-4);z-index:200;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-full);box-shadow:var(--shadow-float),var(--glass-inner);animation:slideDown .5s var(--spring) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.badge-home{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));border:none;border-radius:var(--radius-md);color:#fff;box-shadow:0 4px 12px #0ea5a44d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.badge-home:hover{transform:scale(1.05);box-shadow:0 6px 16px #0ea5a466}.badge-home:active{transform:scale(.95)}.badge-content{display:flex;flex-direction:column}.badge-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.3px}.badge-subtitle{font-size:11px;color:var(--text-secondary)}.badge-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#0000000a;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;transition:all .2s ease}.badge-search:hover{background:#0000000f;border-color:var(--brand);color:var(--brand)}.search-label-pc,.search-label-mobile{font-size:13px;color:var(--text-secondary);white-space:nowrap}.search-label-mobile{display:none}.search-hint kbd,.command-footer kbd,.dock-tooltip kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;background:#0000000f;border-radius:4px;font-size:10px;font-family:inherit;font-weight:600}.command-palette{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.command-palette.open{display:flex}.command-backdrop{position:absolute;inset:0;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.command-container{position:relative;width:100%;max-width:580px;margin:0 var(--space-4);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),var(--glass-inner);overflow:hidden;animation:commandSlideIn .25s var(--spring)}@keyframes commandSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.command-input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(0,0,0,.06)}.command-search-icon{flex-shrink:0;color:var(--text-tertiary)}.command-input{flex:1;border:none;background:transparent;font-size:18px;font-weight:500;color:var(--text-primary);outline:none}.command-input::placeholder{color:var(--text-tertiary)}.command-close{padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:11px;transition:all .15s ease}.command-close:hover{background:#0000000a;border-color:var(--text-tertiary)}.command-results{max-height:360px;overflow-y:auto;padding:var(--space-2)}.command-results:empty:after{content:"\691c\7d22\3057\3066\304f\3060\3055\3044...";display:block;padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:14px}.command-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background .1s ease}.command-result-item:hover,.command-result-item.selected{background:var(--brand-subtle)}.command-result-item.selected{box-shadow:inset 0 0 0 1px #0ea5a44d}.result-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-secondary);border-radius:var(--radius-md);font-size:18px}.result-content{flex:1;min-width:0}.result-title{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.result-badge{padding:3px 8px;background:var(--surface-tertiary);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--text-secondary)}.command-footer{display:flex;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:#00000005;border-top:1px solid rgba(0,0,0,.06);font-size:12px;color:var(--text-tertiary)}.floating-dock{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:300;animation:dockSlideUp .5s var(--spring) .15s both}@keyframes dockSlideUp{0%{opacity:0;transform:translate(-50%) translateY(24px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dock-container{display:flex;align-items:flex-end;gap:6px;padding:var(--space-3) var(--space-4);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid rgba(0,0,0,.1);border-radius:22px;box-shadow:var(--shadow-float),var(--glass-inner)}@media(min-width:769px){.dock-container.dock-flex{width:var(--dock-fixed-width, auto)}.dock-container.dock-flex .dock-item{flex:1 1 0;width:auto;min-width:56px}.dock-container.dock-flex .dock-divider{flex:0 0 auto}}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:auto;padding:var(--space-2) var(--space-1);background:#fff9;border:none;border-radius:var(--radius-lg);color:var(--text-primary);transition:transform .2s var(--spring),background .15s ease,box-shadow .15s ease;transform-origin:bottom center}.dock-item:hover{transform:translateY(-10px) scale(1.18);background:#fffffff2;box-shadow:var(--shadow-lg)}.dock-item:hover+.dock-item:not(.dock-divider),.dock-item:has(+.dock-item:hover):not(.dock-divider){transform:translateY(-5px) scale(1.08)}.dock-item:hover+.dock-item+.dock-item:not(.dock-divider),.dock-item:has(+.dock-item+.dock-item:hover):not(.dock-divider){transform:translateY(-2px) scale(1.03)}.dock-item:active{transform:translateY(-6px) scale(1.1)}.dock-icon{display:flex;align-items:center;justify-content:center}.dock-icon svg{width:24px;height:24px}.dock-accent{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 8px 20px -4px #0ea5a480}.dock-accent:hover{background:linear-gradient(135deg,var(--brand-light),var(--brand));box-shadow:0 12px 28px -4px #0ea5a480}.dock-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(6px);padding:var(--space-2) var(--space-3);background:#0f172aeb;color:#fff;font-size:12px;font-weight:500;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.dock-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0f172aeb}.dock-item:hover .dock-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.dock-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:5px;height:5px;background:var(--brand);border-radius:50%;opacity:0;transition:opacity .15s ease}.dock-item.active .dock-indicator{opacity:1}.dock-divider{width:1px;height:32px;background:#0000001a;margin:0 var(--space-1);align-self:center}.dock-label{display:block;font-size:10px;font-weight:600;color:var(--text-secondary);margin-top:2px;white-space:nowrap}.dock-accent .dock-label{color:#ffffffe6}.direction-pad{position:fixed;right:var(--space-4);bottom:calc(var(--dock-height) + 32px);z-index:320;width:120px;height:120px;padding:var(--space-3);display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:var(--space-2);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--glass-inner);opacity:0;pointer-events:none;transform:translateY(10px) scale(.98);transition:opacity .2s ease,transform .2s ease}.direction-pad.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.pad-button{display:flex;align-items:center;justify-content:center;background:#ffffffd9;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-md);color:var(--text-primary);transition:transform .12s ease,box-shadow .12s ease}.pad-button:hover{box-shadow:var(--shadow-md)}.pad-button:active{transform:scale(.96)}.pad-up{grid-area:up}.pad-left{grid-area:left}.pad-right{grid-area:right}.pad-down{grid-area:down}.settings-drawer{position:fixed;top:88px;left:var(--space-4);z-index:400;width:var(--drawer-width);max-height:calc(100vh - 188px);max-height:calc(100dvh - 188px);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),var(--glass-inner);transform:translate(calc(-100% - 40px));opacity:0;transition:transform .35s var(--spring),opacity .25s ease;display:flex;flex-direction:column;overflow:hidden}.settings-drawer.open{transform:translate(0);opacity:1}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(0,0,0,.06)}.drawer-title{font-size:16px;font-weight:700;color:var(--text-primary)}.drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0000000d;border:none;border-radius:var(--radius-md);color:var(--text-secondary);transition:background .15s ease}.drawer-close:hover{background:#0000001a}.swipe-tabs-nav{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3)}.nav-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.nav-arrow:hover{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand)}.nav-arrow:active{transform:scale(.95)}.drawer-tabs{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.drawer-tab{padding:var(--space-3);background:var(--surface-tertiary);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.drawer-tab.active{background:linear-gradient(135deg,#0ea5a426,#0ea5a414);color:var(--brand-strong);box-shadow:inset 0 0 0 1px #0ea5a440}.drawer-body{flex:1;overflow-y:auto;padding:0 var(--space-4) var(--space-4)}.swipe-container{touch-action:pan-y}.drawer-panel{display:none}.drawer-panel.active{display:block;animation:fadeIn .2s ease}.drawer-section{background:#ffffffb3;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.section-header{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3)}.layer-toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;cursor:pointer}.drawer-panel[data-panel=layers] .layer-toggle{gap:var(--space-5)}.layer-toggle input{display:none}.toggle-track{position:relative;width:40px;height:22px;background:var(--border-default);border-radius:var(--radius-full);flex-shrink:0;transition:background .2s ease}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out-back)}.layer-toggle input:checked+.toggle-track{background:var(--brand)}.layer-toggle input:checked+.toggle-track:after{transform:translate(18px)}.layer-chip{padding:var(--space-1) var(--space-3);background:#fff;border:2px solid var(--chip-color);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--chip-color)}.layer-label{font-size:14px;color:var(--text-primary)}.legend-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:13px}.legend-line{width:28px;height:4px;background:var(--line-color);border-radius:var(--radius-full)}.legend-line-rail{position:relative;width:30px;height:8px;background:transparent;border-radius:2px}.legend-line-rail:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--sleeper-color, #6E6E6E) 0,var(--sleeper-color, #6E6E6E) 2px,transparent 2px,transparent 7px);opacity:.9}.legend-line-rail:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--line-color);transform:translateY(-50%);border-radius:999px}.legend-icon-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:13px}.legend-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:var(--space-3) 0}.legend-subheader{font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:var(--space-2)}.legend-text{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:baseline}.legend-label{font-weight:600}.legend-note{font-size:11px;color:var(--text-secondary)}.legend-icon{width:22px;height:22px;object-fit:contain;display:inline-block;flex-shrink:0}.legend-dot{width:14px;height:14px;background:var(--dot-color);border:2px solid white;border-radius:50%;box-shadow:var(--shadow-sm)}.legend-dot-lg{width:18px;height:18px}.detail-panel{position:fixed;top:0;right:0;z-index:500;width:var(--panel-width);height:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-left:var(--glass-border);box-shadow:-20px 0 60px -20px #00000026,var(--glass-inner);transform:translate(100%);transition:transform .4s var(--spring);overflow:hidden;display:flex;flex-direction:column}.detail-panel.open{transform:translate(0)}.panel-handle{display:none}.panel-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0000000d;border:none;border-radius:var(--radius-md);color:var(--text-secondary);transition:background .15s ease}.panel-close:hover{background:#0000001a}.detail-content{flex:1;overflow-y:auto;padding:var(--space-8) var(--space-6)}.detail-panel.open .detail-content>*{animation:fadeSlideUp .35s var(--ease-out-expo) both}.detail-panel.open .detail-content>*:nth-child(1){animation-delay:.05s}.detail-panel.open .detail-content>*:nth-child(2){animation-delay:.1s}.detail-panel.open .detail-content>*:nth-child(3){animation-delay:.15s}.detail-panel.open .detail-content>*:nth-child(4){animation-delay:.2s}.detail-panel.open .detail-content>*:nth-child(5){animation-delay:.25s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quick-peek{position:fixed;z-index:450;padding:var(--space-3) var(--space-4);background:#0f172aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);color:#fff;font-size:13px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.quick-peek.visible{opacity:1;transform:translateY(0)}.quick-peek-title{font-weight:600;margin-bottom:2px}.quick-peek-subtitle{font-size:11px;color:#ffffffb3}.quick-peek-hint{font-size:10px;color:#ffffff80;margin-top:4px}.overlay{display:none;position:fixed;inset:0;background:#0f172a4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:350}.overlay.show{display:block;animation:fadeIn .2s ease}.stop-panel .network-name{display:inline-flex;padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-size:11px;font-weight:700;border-radius:var(--radius-sm);letter-spacing:.3px}.stop-panel .stop-name{font-size:26px;font-weight:700;margin:var(--space-3) 0 var(--space-1);letter-spacing:-.5px}.popup-title-nav{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.popup-title-stack{min-width:0;display:flex;flex-direction:column;align-items:center}.popup-title-nav .stop-name,.popup-title-nav .station-name{margin:0;text-align:center}.popup-title-nav .stop-kana,.popup-title-nav .station-kana{margin:2px 0 0;text-align:center}.detail-nav-button-title{min-width:36px;min-height:30px}.stop-panel .stop-kana{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-5)}.timetable-section{margin-bottom:var(--space-5)}.timetable-multi{display:flex;flex-wrap:wrap;gap:var(--space-3)}.timetable-multi .timetable-pattern{flex:1 1 calc(50% - var(--space-3) / 2);min-width:180px;max-width:calc(50% - var(--space-3) / 2)}.timetable-pattern{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.pattern-header{padding:var(--space-2) var(--space-3);color:#fff;font-weight:700;font-size:13px}.pattern-header-row{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:var(--space-2)}.pattern-label{display:-webkit-box;text-align:center;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25;max-height:2.5em}.pattern-label-detail{white-space:nowrap}.detail-nav-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:28px;padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-default);background:#fff;color:var(--text-secondary);font-size:11px;font-weight:700;line-height:1;cursor:pointer;transition:all .15s ease}.detail-nav-icon{display:block;flex:0 0 auto}.detail-nav-button:hover:not(:disabled){color:var(--brand);border-color:var(--brand)}.detail-nav-button:disabled{opacity:.35;cursor:default}.detail-nav-button-pattern{min-width:30px;min-height:24px;padding:0;background:#ffffff38;border-color:#ffffff73;color:#fff}.detail-nav-button-pattern:hover:not(:disabled){border-color:#ffffffe6;color:#fff}.timetable{width:100%;border-collapse:collapse;font-size:13px}.timetable th,.timetable td{padding:var(--space-2) var(--space-3);text-align:center;border-bottom:1px solid var(--border-subtle)}.timetable th{background:var(--surface-secondary);font-size:11px;font-weight:600;color:var(--text-secondary)}.tag-badge{display:inline-block;padding:2px 6px;border-radius:4px;color:#fff;font-size:9px;font-weight:700;margin-left:4px}.tab-headers{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.tab-header{flex:1;padding:var(--space-3);background:#fff;border:2px solid;border-radius:var(--radius-md);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.tab-header.active{color:#fff}.tab-content{display:none}.tab-content.active{display:block}.timetable-tab-nav{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.timetable-tab-nav .tab-headers{flex:1;margin-bottom:0}.timetable-nav-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.timetable-nav-arrow:hover{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand)}.timetable-nav-arrow:active{transform:scale(.95)}.timetable-nav-arrow svg{display:block}.swipe-hint-overlay{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:8px 16px;background:#0009;color:#ffffffe6;font-size:13px;font-weight:500;border-radius:20px;pointer-events:none;opacity:0;animation:fadeInOut 2.5s ease-in-out forwards;z-index:1000;white-space:nowrap}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.swipe-dots{display:flex;justify-content:center;gap:6px;padding:8px 0 4px}.swipe-dot{width:6px;height:6px;border-radius:50%;background:var(--border-default);transition:background .2s ease,transform .2s ease;cursor:pointer}.swipe-dot:hover{background:var(--text-tertiary)}.swipe-dot.active{background:var(--brand);transform:scale(1.3)}.stop-notes{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.stop-notes h3{font-size:11px;font-weight:700;color:#b45309;margin-bottom:var(--space-2)}.stop-notes ul{margin:0;padding-left:var(--space-5);font-size:12px;color:#92400e}.stop-connections{background:linear-gradient(135deg,#ecfeff,#e0f2fe);border:1px solid #67e8f9;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.stop-connections h3{font-size:11px;font-weight:700;color:#0e7490;margin-bottom:var(--space-2)}.stop-connections ul{margin:0;padding-left:var(--space-5);font-size:12px;color:#0f172a}.stop-connections li+li{margin-top:var(--space-3)}.stop-connections .connection-service{margin-bottom:var(--space-1);font-weight:700;color:#155e75}.stop-connections .connection-body{margin-bottom:var(--space-1)}.stop-connections .connection-url{overflow-wrap:anywhere;word-break:break-word}.stop-connections .connection-url a{color:var(--brand-strong);overflow-wrap:anywhere;word-break:break-all}.stop-contact{font-size:13px;color:var(--text-secondary)}.stop-contact a{color:var(--brand-strong);overflow-wrap:anywhere;word-break:break-all}.station-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md)}.station-card .line-name{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--badge-color, #C9242B);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-full)}.station-card .station-name{font-size:28px;font-weight:700;margin:var(--space-3) 0 var(--space-1)}.station-card .popup-title-nav .station-name{margin:0}.station-card .station-kana{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-4)}.station-card .station-contact,.station-card .station-url{font-size:13px;margin-bottom:var(--space-2)}.station-card a{color:var(--brand-strong)}.detail-panel[data-detail-type=station]{--badge-color: var(--map-station-color)}.detail-panel[data-detail-type=friend]{--badge-color: var(--map-stop-color)}.detail-panel[data-detail-type=taxi]{--badge-color: var(--map-taxi-color)}.detail-panel[data-detail-type=friend] .stop-panel,.detail-panel[data-detail-type=taxi] .taxi-stand-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md)}.detail-panel[data-detail-type=friend] .stop-panel .network-name,.detail-panel[data-detail-type=taxi] .taxi-label{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--badge-color, var(--map-station-color));color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-full)}.detail-panel[data-detail-type=friend] .stop-panel .network-name{letter-spacing:0}.detail-panel[data-detail-type=friend] .stop-panel .stop-name{font-size:28px;letter-spacing:0;margin:var(--space-3) 0 var(--space-1)}.detail-panel[data-detail-type=friend] .popup-title-nav .stop-name{margin:0}.detail-panel[data-detail-type=friend] .stop-panel .stop-kana{margin-bottom:var(--space-4)}.station-card .popup-title-nav .station-kana,.detail-panel[data-detail-type=friend] .popup-title-nav .stop-kana{margin-bottom:0}.detail-panel[data-detail-type=friend] .stop-panel .stop-contact{color:var(--text-primary);font-size:13px;margin-bottom:var(--space-2)}.detail-panel[data-detail-type=taxi] .taxi-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.detail-panel[data-detail-type=taxi] .stand-name{font-size:28px;font-weight:700;margin:var(--space-3) 0 var(--space-1)}.detail-panel[data-detail-type=taxi] .stand-kana{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-4)}.detail-panel[data-detail-type=taxi] .operators-list{margin-bottom:var(--space-4)}.detail-panel[data-detail-type=taxi] .stand-hours{font-size:13px}.detail-panel[data-detail-type=taxi] .operator{border-left-color:var(--badge-color, var(--map-taxi-color))}.taxi-stand-card .stand-name{font-size:24px;font-weight:700;margin-bottom:var(--space-4)}.operator{padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-2);border-left:4px solid var(--accent)}.operator-name{font-weight:600;margin-bottom:var(--space-1)}.operator-tel a{color:var(--brand-strong);font-size:15px}@media(max-width:768px){:root{--panel-width: 100%;--drawer-width: 100%}.top-badge{top:var(--space-3);left:var(--space-3);right:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-3)}.badge-search .search-label-pc{display:none}.badge-search .search-label-mobile{display:inline}.floating-dock{bottom:0;left:0;right:0;transform:none!important;padding-bottom:env(safe-area-inset-bottom);animation:dockSlideUpMobile .5s var(--spring) .15s both}@keyframes dockSlideUpMobile{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dock-container{width:100%;justify-content:space-around;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl) var(--radius-xl) 0 0;gap:0}.dock-item{min-width:56px;padding:var(--space-2);background:transparent}.dock-item:hover{transform:none;background:transparent;box-shadow:none}.dock-item:active{transform:scale(.95);background:#0000000d}.dock-item:hover+.dock-item,.dock-item:has(+.dock-item:hover){transform:none}.dock-accent{background:transparent;box-shadow:none}.dock-accent .dock-icon{background:linear-gradient(135deg,var(--brand),var(--brand-strong));border-radius:var(--radius-md);color:#fff}.dock-accent .dock-label{color:var(--text-secondary)}.dock-tooltip,.dock-divider{display:none}.dock-indicator{bottom:-2px}.direction-pad{right:var(--space-3);bottom:calc(env(safe-area-inset-bottom) + 96px);width:96px;height:96px;padding:var(--space-2)}.settings-drawer{inset:auto 0 0;width:100%;max-height:70vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;transform:translateY(100%)}.settings-drawer.open{transform:translateY(0)}.detail-panel{inset:auto 0 0;width:100%;height:auto;max-height:85vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-left:none;border-top:var(--glass-border);transform:translateY(100%);transition:transform .4s var(--spring)}.detail-panel.open{transform:translateY(0)}.panel-handle{display:flex;justify-content:center;padding:var(--space-3)}.panel-handle:before{content:"";width:36px;height:4px;background:var(--border-default);border-radius:var(--radius-full)}.panel-close{top:var(--space-3);right:var(--space-3)}.detail-content{padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom));overflow-x:hidden}.popup-title-nav{grid-template-columns:34px minmax(0,1fr) 34px;gap:var(--space-1)}.detail-nav-button-title{min-width:34px;min-height:28px;padding:0}.timetable-multi{flex-direction:column}.pattern-header-row{grid-template-columns:30px minmax(0,1fr) 30px;gap:var(--space-1)}.detail-nav-button-pattern{min-width:28px;min-height:22px;font-size:10px}.timetable-tabs,.timetable-tab-nav,.timetable-tabs .tab-contents{min-width:0;overflow-x:hidden}.timetable-tab-nav{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:stretch;gap:var(--space-2)}.timetable-tab-nav .tab-headers{display:flex;align-items:stretch;flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:var(--space-1);margin-bottom:0;scrollbar-width:none}.timetable-tab-nav .tab-headers.tab-headers-fit-center{justify-content:center}.timetable-tab-nav .tab-headers::-webkit-scrollbar{display:none}.tab-header{flex:0 0 clamp(44px,13vw,52px);max-width:clamp(44px,13vw,52px);min-height:66px;padding:var(--space-2) 4px;font-size:11px;line-height:1.2;letter-spacing:0;scroll-snap-align:start;scroll-snap-stop:always;writing-mode:vertical-rl;text-orientation:mixed;white-space:normal;word-break:keep-all;display:flex;align-items:center;justify-content:center}.timetable-nav-arrow{width:32px;min-height:66px;height:auto;align-self:stretch}.timetable-nav-arrow svg{width:14px;height:14px}.command-palette{padding-top:var(--space-4)}.command-container{max-height:80vh;margin:0 var(--space-3)}.command-footer{flex-wrap:wrap;gap:var(--space-3)}}.maplibregl-ctrl-attrib{font-size:10px;background:#ffffffb3!important;backdrop-filter:blur(8px)}.maplibregl-ctrl-attrib-button{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}