:root{--color-primary: #0D47A1;--color-primary-light: #1565C0;--color-primary-dark: #0A3680;--color-accent: #FF6F00;--color-success: #2E7D32;--color-warning: #E65100;--color-error: #C62828;--color-info: #0277BD;--color-bg: #F5F7FA;--color-surface: #FFFFFF;--color-text: #1A1A2E;--color-text-secondary: #546E7A;--color-border: #E0E0E0;--color-operating: #2E7D32;--color-later: #E65100;--color-not-operating: #9E9E9E;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--max-width: 720px;--nav-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100dvh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}button{font:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.app-header{background:var(--color-primary);color:#fff;padding:0 16px;height:var(--nav-height);display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.app-header h1{font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.app-header a{color:#fff}.app-main{max-width:var(--max-width);margin:0 auto;padding:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));min-height:calc(100dvh - var(--nav-height))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));z-index:100}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.6875rem;color:var(--color-text-secondary);padding:4px 12px;min-width:56px;border-radius:6px}.bottom-nav a.active{color:var(--color-primary);font-weight:600}.bottom-nav a svg{width:22px;height:22px}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;margin-bottom:12px}.card-clickable{cursor:pointer;transition:box-shadow .15s}.card-clickable:hover{box-shadow:var(--shadow-md)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;line-height:1.4}.status-operating{background:#e8f5e9;color:var(--color-operating)}.status-later{background:#fff3e0;color:var(--color-later)}.status-not-operating,.status-ended{background:#f5f5f5;color:var(--color-not-operating)}.status-suspended{background:#ffebee;color:var(--color-error)}.search-bar{display:flex;align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:10px 14px;gap:10px;transition:border-color .15s}.search-bar:focus-within{border-color:var(--color-primary)}.search-bar input{flex:1;border:none;outline:none;font-size:1rem;background:transparent;color:var(--color-text)}.search-bar input::placeholder{color:var(--color-text-secondary)}.section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 8px}.timetable{width:100%;border-collapse:collapse}.timetable th{text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);padding:8px 12px;border-bottom:2px solid var(--color-border)}.timetable td{padding:10px 12px;border-bottom:1px solid var(--color-border);font-size:.9375rem}.timetable tr:last-child td{border-bottom:none}.alert-card{border-left:4px solid;padding-left:12px}.alert-info{border-color:var(--color-info)}.alert-warning{border-color:var(--color-warning)}.alert-critical{border-color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-size:.9375rem;transition:background .15s,transform .1s;min-height:44px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary)}.fav-btn{color:var(--color-text-secondary);padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.fav-btn.active{color:var(--color-accent)}.map-container{border-radius:var(--radius-lg);overflow:hidden;height:250px}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:16px}.tab{padding:10px 16px;font-weight:600;font-size:.9375rem;color:var(--color-text-secondary);border-bottom:3px solid transparent;margin-bottom:-2px}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.estimate-note{font-size:.75rem;color:var(--color-text-secondary);font-style:italic;padding:8px 0}.loading{display:flex;justify-content:center;padding:40px;color:var(--color-text-secondary)}@media (min-width: 768px){.app-main{padding:24px}.map-container{height:350px}}