:root{--kmc-blue-primary: #0F4C81;--kmc-blue-soft: #E6F0FA;--kmc-bg: #F9FAFB;--kmc-card: #FFFFFF;--kmc-text-main: #1F2937;--kmc-text-muted: #6B7280;--kmc-text-subtle: #9CA3AF;--kmc-border: #E5E7EB;--kmc-border-light: #F3F4F6;--alert-now: #C2410C;--alert-now-bg: #FFF7ED;--alert-now-border: #FDBA74;--success-normal: #166534;--line-blue: #2563EB;--line-blue-bg: #EFF6FF;--line-green: #16A34A;--line-green-bg: #F0FDF4;--line-purple: #9333EA;--line-purple-bg: #FAF5FF;--line-orange: #EA580C;--line-orange-bg: #FFF7ED;--line-yellow: #CA8A04;--line-yellow-bg: #FEFCE8;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}@media (prefers-color-scheme: dark){:root{--kmc-blue-primary: #3B82F6;--kmc-blue-soft: #1E3A5F;--kmc-bg: #111827;--kmc-card: #1F2937;--kmc-text-main: #F9FAFB;--kmc-text-muted: #9CA3AF;--kmc-text-subtle: #6B7280;--kmc-border: #374151;--kmc-border-light: #1F2937;--alert-now-bg: #431407;--alert-now-border: #9A3412;--line-blue-bg: #1E3A5F;--line-green-bg: #14532D;--line-purple-bg: #3B0764;--line-orange-bg: #431407;--line-yellow-bg: #422006}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--kmc-bg);color:var(--kmc-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--kmc-bg)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--kmc-card);border-bottom:1px solid var(--kmc-border);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-circle{width:32px;height:32px;border-radius:50%;background:var(--kmc-blue-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.app-title{font-size:18px;font-weight:700;color:var(--kmc-text-main);letter-spacing:-.01em}.lang-toggle{display:flex;gap:2px;background:var(--kmc-border-light);padding:2px;border-radius:var(--radius-sm)}.lang-btn{padding:6px 10px;border:none;background:transparent;color:var(--kmc-text-muted);font-size:11px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease}.lang-btn.active{background:var(--kmc-blue-primary);color:#fff}.lang-btn:not(.active):hover{background:var(--kmc-border)}.status-strip{display:flex;gap:6px;padding:var(--space-sm) var(--space-lg);background:var(--kmc-card);border-bottom:1px solid var(--kmc-border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.status-strip::-webkit-scrollbar{display:none}.status-pill{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;flex-shrink:0;border:none}.status-pill.blue{background:var(--line-blue-bg)}.status-pill.green{background:var(--line-green-bg)}.status-pill.purple{background:var(--line-purple-bg)}.status-pill.orange{background:var(--line-orange-bg)}.status-pill.yellow{background:var(--line-yellow-bg)}.line-dot{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.line-dot.blue{background:var(--line-blue)}.line-dot.green{background:var(--line-green)}.line-dot.purple{background:var(--line-purple)}.line-dot.orange{background:var(--line-orange)}.line-dot.yellow{background:var(--line-yellow)}.status-text{font-size:10px;font-weight:600;color:var(--success-normal);text-transform:uppercase;letter-spacing:.02em}.main{padding:var(--space-md) var(--space-lg)}.station-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.station-card{display:flex;align-items:center;gap:var(--space-md);background:var(--kmc-card);border:1px solid var(--kmc-border);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;flex:1}.station-apps{display:flex;flex-direction:column;gap:var(--space-xs)}.app-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--kmc-card);border:1px solid var(--kmc-border);border-radius:var(--radius-md);color:var(--kmc-blue-primary);text-decoration:none;transition:background .15s ease,border-color .15s ease}.app-icon-btn:hover{background:var(--kmc-blue-soft);border-color:var(--kmc-blue-primary)}.app-icon-btn svg{width:20px;height:20px}.station-icon{width:24px;height:24px;color:var(--kmc-blue-primary);flex-shrink:0}.station-info{flex:1;min-width:0}.station-label{font-size:10px;color:var(--kmc-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.station-name{font-size:16px;font-weight:700;color:var(--kmc-text-main);line-height:1.3}.station-distance{font-size:12px;color:var(--kmc-text-muted)}.station-chevron{color:var(--kmc-text-subtle);font-size:12px}.details-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;margin-bottom:var(--space-sm);gap:var(--space-md)}.details-hours{display:flex;align-items:center}.hours-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--kmc-blue-soft);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--kmc-text-main)}.hours-icon{width:16px;height:16px;color:var(--kmc-blue-primary)}.details-icons{display:flex;align-items:center;gap:6px}.icon-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--kmc-border-light);border-radius:var(--radius-md);cursor:default;transition:background .15s ease;position:relative}.icon-badge svg{width:20px;height:20px;color:var(--kmc-text-muted)}.icon-badge:hover{background:var(--kmc-border)}.icon-badge:hover svg{color:var(--kmc-blue-primary)}.icon-badge[title]:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:var(--kmc-text);color:var(--kmc-card);font-size:11px;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .1s ease;margin-bottom:4px}.icon-badge[title]:hover:after{opacity:1}.train-container{background:var(--kmc-card);border:1px solid var(--kmc-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-sm)}.train-direction{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;font-weight:700;color:var(--kmc-text-main);text-transform:uppercase;letter-spacing:.03em;padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:2px solid var(--kmc-blue-primary)}.direction-arrow{width:16px;height:16px;color:var(--kmc-blue-primary);flex-shrink:0}.direction-arrow.down{transform:rotate(180deg)}.train-cards{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.train-cards:last-child{margin-bottom:0}.train-card{flex:1;background:var(--kmc-card);border:1px solid var(--kmc-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:left}.train-card.first{flex:1.15}.train-card.first .train-time{font-size:26px}.train-card.urgent{background:var(--alert-now-bg);border-color:var(--alert-now-border)}.train-now{display:flex;align-items:center;gap:4px;margin-bottom:4px}.now-dot{width:6px;height:6px;border-radius:50%;background:var(--alert-now);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.now-text{font-size:10px;font-weight:700;color:var(--alert-now);text-transform:uppercase;letter-spacing:.05em}.train-time{font-size:22px;font-weight:700;color:var(--kmc-text-main);line-height:1.2}.train-card.urgent .train-time{color:var(--alert-now)}.train-eta{font-size:11px;color:var(--kmc-text-muted);margin-top:2px}.train-platform{font-size:10px;font-weight:600;color:var(--kmc-text-subtle);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.02em}.train-divider{border-top:1px solid var(--kmc-border);margin:var(--space-md) 0}.next-leg{background:var(--kmc-border-light);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);border-left:3px solid var(--kmc-text-subtle)}.next-leg-header{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-sm)}.next-leg-icon{width:18px;height:18px;color:var(--kmc-blue-primary)}.next-leg-title{font-size:10px;font-weight:600;color:var(--kmc-text-muted);text-transform:uppercase;letter-spacing:.05em}.bus-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 0;border-bottom:1px solid var(--kmc-border-light)}.bus-row:last-child{border-bottom:none;padding-bottom:0}.bus-info{display:flex;align-items:center;gap:var(--space-sm)}.bus-icon{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:var(--kmc-blue-primary);color:#fff;font-size:9px;font-weight:700;border-radius:var(--radius-sm);letter-spacing:.03em}.bus-icon.ferry{background:#0891b2}.bus-route{font-weight:700;color:var(--kmc-text-main);font-size:13px}.bus-dest{color:var(--kmc-text-muted);font-size:11px}.bus-actions{display:flex;align-items:center;gap:var(--space-xs)}.bus-eta{font-weight:600;color:var(--kmc-blue-primary);font-size:11px;white-space:nowrap}.bus-track-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;background:var(--kmc-blue-primary);border-radius:var(--radius-sm);color:#fff;font-size:.7rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;transition:background .15s ease,transform .1s ease}.bus-track-btn:hover{background:var(--kmc-blue-dark);transform:scale(1.02)}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-sm)}.action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;border:1px solid var(--kmc-border);transition:background .15s ease}.action-btn.primary{background:var(--kmc-blue-primary);color:#fff;border-color:var(--kmc-blue-primary)}.action-btn.primary:hover{background:#0d3f6b}.action-btn.outline{background:var(--kmc-card);color:var(--kmc-text-main)}.action-btn.outline:hover{background:var(--kmc-border-light)}.action-icon{width:18px;height:18px;flex-shrink:0}.action-btn.primary .action-icon{color:#fff}.action-btn.outline .action-icon{color:var(--kmc-blue-primary)}.more-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;cursor:pointer;border:none;background:none;width:100%;color:var(--kmc-text-muted)}.more-dots{font-size:14px;letter-spacing:3px}.more-chevron{font-size:12px;transition:transform .2s ease}.more-toggle.expanded .more-chevron{transform:rotate(180deg)}.more-content{display:none;border-top:1px solid var(--kmc-border);padding-top:var(--space-md)}.more-content.visible{display:block}.hours-row{display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.hours-item label{display:block;font-size:10px;color:var(--kmc-text-muted);text-transform:uppercase;letter-spacing:.03em}.hours-item span{font-size:14px;font-weight:600;color:var(--kmc-text-main)}.exit-info{margin-bottom:var(--space-md)}.exit-label{font-size:10px;color:var(--kmc-text-muted);text-transform:uppercase;letter-spacing:.03em}.exit-text{font-size:13px;font-weight:600;color:var(--kmc-text-main)}.ad-container{margin:var(--space-md) 0;min-height:100px}.footer-date{font-size:11px;color:var(--kmc-text-subtle);text-align:center;margin-top:var(--space-sm)}.footer{text-align:center;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--kmc-border);background:var(--kmc-bg)}.footer-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:8px}.footer-nav a{font-size:11px;color:var(--kmc-text-muted);text-decoration:none;font-weight:500;transition:color .15s ease}.footer-nav a:hover{color:var(--kmc-blue-primary)}.footer-sep{font-size:11px;color:var(--kmc-border)}.footer-copyright{font-size:9px;color:var(--kmc-text-subtle);opacity:.7}.hidden{display:none!important}.lang-block{display:none}.lang-block.active{display:block}@media (max-width: 360px){.train-card.first .train-time{font-size:22px}.train-time{font-size:18px}.action-btn{padding:var(--space-sm);font-size:11px}}.modal-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:1000;align-items:center;justify-content:center;padding:var(--space-md)}.modal-overlay.visible{display:flex}.modal-content{background:var(--kmc-card);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;animation:fadeIn .2s ease;box-shadow:0 8px 32px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--kmc-border)}.modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--kmc-text)}.modal-close{background:none;border:none;font-size:24px;color:var(--kmc-text-muted);cursor:pointer;padding:0;line-height:1}.modal-body{overflow-y:auto;padding:var(--space-sm)}.station-list{display:flex;flex-direction:column;gap:2px}.station-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.station-item:hover{background:var(--kmc-blue-light)}.station-item.selected{background:var(--kmc-blue-light);border-left:3px solid var(--kmc-blue-primary)}.station-item-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.station-item-dot.blue{background:var(--line-blue)}.station-item-dot.green{background:var(--line-green)}.station-item-dot.purple{background:var(--line-purple)}.station-item-dot.orange{background:var(--line-orange)}.station-item-dot.yellow{background:var(--line-yellow)}.station-item-name{flex:1;font-size:14px;color:var(--kmc-text)}.station-item-line{font-size:11px;color:var(--kmc-text-muted);text-transform:uppercase}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}