:root{--bg:#fff;--text:#000;--muted:#545454;--subtle:#6b7280;--panel:#f6f6f6;--border:#e8e8e8;--black:#000;--white:#fff;--success:#0b7a3b;--warning:#a16207;--danger:#c1121f;--font-family:"Inter var", "Inter", "SF Pro Display", "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:22px;--text-3xl:25px;--text-4xl:28px;--lh-xs:16px;--lh-sm:20px;--lh-md:24px;--lh-lg:28px;--lh-xl:28px;--lh-2xl:32px;--lh-3xl:36px;--lh-4xl:40px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 8px 32px #0000001a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px;line-height:1.5;overflow:hidden}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100dvh;font-size:var(--text-sm);line-height:var(--lh-sm);letter-spacing:0;overflow:hidden}#root{height:100%;min-height:100dvh;overflow:hidden}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;height:100dvh;min-height:0;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-main{height:100%;min-height:0;padding-bottom:calc(72px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom));flex:1;overflow:hidden auto}.bottom-navigation{box-sizing:content-box;background-color:var(--bg);border-top:1px solid var(--border);z-index:100;width:100%;max-width:480px;height:72px;padding-bottom:env(safe-area-inset-bottom,0);justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tab{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-medium);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;text-decoration:none;transition:color .15s;display:flex;position:relative}.nav-tab svg{stroke-width:2.2px;width:22px;height:22px}.nav-tab.active{color:var(--text);font-weight:600}.nav-tab.active:before{content:"";background:var(--black);border-radius:0 0 3px 3px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.page-header{z-index:80;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg) var(--space-md);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #0000;display:flex;position:sticky;top:0}.page-header-back{background:var(--panel);cursor:pointer;width:40px;height:40px;color:var(--text);border-radius:var(--radius-full);border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.page-header-back:active{background:var(--border)}.page-header-title{font-size:var(--text-2xl);line-height:var(--lh-2xl);font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.02em}.home-header{z-index:80;background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #0000;padding:clamp(16px,2.6dvh,28px) 18px clamp(10px,1.7dvh,18px);position:sticky;top:0}.home-header-title{font-size:var(--text-3xl);line-height:var(--lh-3xl);font-weight:var(--weight-extrabold);color:var(--text);letter-spacing:-.02em}.home-header-wave{font-size:clamp(18px,2.7dvh,26px);display:inline-block;transform:translateY(-1px)}.home-header-subtitle{font-size:var(--text-sm);line-height:var(--lh-sm);font-weight:var(--weight-medium);color:var(--muted);margin-top:4px}.route-card-grid{--home-gap:clamp(8px, 1.35dvh, 12px);--add-card-height:clamp(56px, 9dvh, 72px);gap:var(--home-gap);grid-template-columns:1fr;padding:0 12px 18px;display:grid}.route-card-wrapper{width:100%;min-width:0;animation:.5s cubic-bezier(.16,1,.3,1) both card-enter;position:relative}.route-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;max-width:100%;min-height:0;box-shadow:none;border-radius:14px;flex-direction:column;justify-content:center;gap:6px;padding:14px 14px 12px;font-family:inherit;transition:transform .15s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.route-card *{min-width:0}.route-card:hover{border-color:var(--text);box-shadow:0 8px 24px #0000000f}.route-card:active{transform:scale(.96)}@keyframes card-enter{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.route-card-main{justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;display:flex;overflow:hidden}.route-card-header{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.route-card-icon{background:linear-gradient(180deg, var(--bg), var(--panel));border:1px solid var(--border);width:40px;height:40px;color:var(--text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.route-card-icon svg{width:22px;height:22px}.route-card-info{flex-direction:column;gap:3px;min-width:0;display:flex;overflow:hidden}.route-card-title{font-size:var(--text-md);line-height:var(--lh-md);font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;overflow:hidden}.route-card-badge{width:fit-content;max-width:100%;color:var(--text);background:var(--panel);white-space:nowrap;text-overflow:ellipsis;border:0;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.route-card-badge-icon{width:14px;height:14px;color:var(--text);flex-shrink:0}.route-card-badge.is-active{color:var(--success);background:#f0fbf4;border-color:#d9f1e0}.route-card-badge.is-active .route-card-badge-icon{color:var(--success);animation:2s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.4}}.route-card-route{font-size:var(--text-xs);color:var(--muted);line-height:18px;font-weight:var(--weight-medium);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:180px;margin:0}.route-card-next{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;min-width:80px;display:flex}.route-card-next-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.route-card-next-value{font-size:15px;font-weight:var(--weight-bold);font-family:var(--font-mono);color:var(--text);white-space:nowrap;line-height:1}.route-card-next-detail{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:500;line-height:1.1;overflow:hidden}.route-card--late{background:linear-gradient(180deg, #fffaf4 0%, var(--bg) 58%);border-color:#fdba74}.route-card--late .route-card-next-value,.route-card--late .route-card-next-detail{color:#c2410c}.route-card--cancelled{background:linear-gradient(180deg, #fff5f5 0%, var(--bg) 58%);border-color:#fecaca}.route-card--cancelled .route-card-next-value,.route-card--cancelled .route-card-next-detail{color:#b91c1c}.route-card--notice{background:linear-gradient(180deg, #f5f9ff 0%, var(--bg) 58%);border-color:#93c5fd}.route-card--notice .route-card-next-value,.route-card--notice .route-card-next-detail{color:#2563eb}.route-card-status-row{justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;min-height:0;padding-left:52px;display:flex}.route-card-chevron{width:18px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;font-size:24px;font-weight:400;line-height:1;display:inline-flex}.route-card-route-row{margin-top:2px}.route-card-context-menu{z-index:1000;justify-content:center;align-items:flex-end;animation:.2s menu-fade-in;display:flex;position:fixed;inset:0}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.route-card-context-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;position:absolute;inset:0}.route-card-context-panel{background:var(--bg);width:100%;max-width:400px;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0));border-radius:16px 16px 0 0;animation:.25s cubic-bezier(.16,1,.3,1) menu-slide-up;position:relative}@keyframes menu-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.route-card-context-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:500;transition:background .1s;display:flex}.route-card-context-item:active{background:var(--panel)}.route-card-context-item--danger{color:var(--danger)}.add-new-card{background:var(--bg);border:1.5px dashed var(--border);text-align:left;min-height:var(--add-card-height);height:var(--add-card-height);max-height:var(--add-card-height);flex-direction:row;justify-content:center;align-items:center;gap:14px;padding:12px 20px}.add-new-card:hover{border-color:var(--text);box-shadow:none}.add-new-card:active{background:var(--panel);transform:scale(.96)}.add-new-icon-wrapper{background:var(--panel);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:0;transition:transform .2s,background .2s;display:flex}.add-new-card:hover .add-new-icon-wrapper{background:var(--bg);transform:scale(1.05)}.add-new-copy{flex-direction:column;min-width:0;display:flex}.add-new-title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:800}.add-new-subtitle{color:var(--muted);margin:2px 0 0;font-size:12px;font-weight:500}.route-creation-sheet{padding:var(--space-lg)}.route-creation-sheet h2{margin-bottom:var(--space-xl);letter-spacing:-.02em;font-size:22px;font-weight:700}.form-field{margin-bottom:var(--space-lg);gap:var(--space-xs);flex-direction:column;display:flex}.form-field label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.form-field input{padding:14px var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:var(--bg);font-family:inherit;font-size:16px;transition:border-color .15s}.form-field input:focus{border-color:var(--text);outline:none}.form-field input::placeholder{color:var(--subtle)}.form-error{color:var(--danger);font-size:12px;font-weight:500}.form-actions{gap:var(--space-md);margin-top:var(--space-xl);display:flex}.btn-primary{background:var(--black);color:var(--white);border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.01em;border:none;flex:1;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .15s}.btn-primary:active{opacity:.85}.btn-secondary{background:var(--panel);color:var(--text);border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.01em;border:none;flex:1;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s}.btn-secondary:active{background:var(--border)}.route-details-meta{justify-content:space-between;align-items:center;gap:var(--space-md);padding:0 var(--space-lg) var(--space-md);display:flex}.mode-field-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.mode-field-header span{color:var(--muted);text-transform:none;letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:500}.route-mode-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.route-mode-option{border:1px solid var(--border);background:var(--bg);min-width:0;min-height:42px;color:var(--muted);cursor:pointer;border-radius:10px;padding:10px 8px;font-family:inherit;font-size:13px;font-weight:700}.route-mode-option.is-selected{border-color:var(--text);background:var(--text);color:var(--bg)}.route-details-meta-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.route-details-direction{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.route-details-freshness{color:var(--text);font-size:12px;font-weight:700}.route-details-refresh{border:1px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.route-details-refresh:active{background:var(--panel)}.route-details-empty{color:var(--muted);padding:16px}.route-details-empty-state{padding:32px var(--space-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.route-details-empty-title{color:var(--text);margin:0;font-size:16px;font-weight:800}.route-details-empty-copy{color:var(--muted);margin:0;font-size:14px}.route-details-empty-action{margin-top:8px}.route-details-trains{z-index:1;padding:var(--space-md) var(--space-lg) 24px;flex-direction:column;gap:10px;display:flex;position:relative}.load-more-btn{width:100%;margin-top:4px;padding:12px;font-size:14px}.train-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:8px;padding:14px 16px;transition:background .1s,border-color .15s}.train-card:hover{border-color:var(--text)}.train-card:active{background:var(--panel)}.train-card--cancelled{opacity:.5}.train-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.train-card-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.train-card-platform-block{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:54px;height:54px;display:flex}.train-card-platform-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.train-card-platform-number{color:var(--text);font-size:20px;font-weight:800;line-height:1}.train-card-mode-icon{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.train-card-mode-icon svg{width:20px;height:20px;color:var(--text)}.train-card-route-badge{color:var(--text);background:var(--panel);border-radius:var(--radius-full);letter-spacing:-.01em;padding:1px 6px;font-size:11px;font-weight:700}.train-card-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.train-card-route-line{min-width:0;color:var(--text);align-items:center;gap:6px;font-size:15px;font-weight:800;display:inline-flex}.train-card-route-line svg{flex-shrink:0;width:18px;height:18px}.train-card-platform-text{color:var(--text);font-size:14px;font-weight:600}.train-card-status-inline{color:var(--success);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.train-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.train-card-time-group{text-align:right;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.train-card-time{color:var(--text);letter-spacing:0;font-size:21px;font-weight:800;line-height:1.1}.train-card-countdown{color:var(--muted);font-size:11px;font-weight:500}.train-card-time-unavailable{color:var(--muted);font-size:14px;font-weight:500}.train-card-scheduled{color:var(--muted);font-size:10px;font-weight:400}.train-card-bell-icon{background:var(--black);cursor:pointer;width:36px;height:36px;color:var(--white);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex}.train-card-bell-icon:active{background:var(--border)}.train-card-bottom-row{flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px 0;display:flex}.train-card-occupancy{align-items:center;gap:6px;display:flex}.train-card-occupancy-seats{gap:2px;display:flex}.train-card-occupancy-label{letter-spacing:-.01em;font-size:11px;font-weight:600}.train-card-duration{color:var(--muted);background:var(--panel);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;font-weight:600}.train-card-alerts{gap:4px;display:flex}.train-card-alert-chip{border-radius:var(--radius-full);color:var(--warning);background:#fef3c7;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.train-card-alert-chip.critical{color:var(--danger);background:#fee2e2}.train-card-alert-chip.info{color:#0369a1;background:#e0f2fe}.train-card-multileg{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px 16px 4px;display:flex}.train-card-multileg-icons{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.train-card-multileg-step{color:var(--text);align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.train-card-multileg-step svg{width:14px;height:14px}.train-card-multileg-route{font-size:11px;font-weight:700}.train-card-multileg-arrow{color:var(--muted);margin:0 2px;font-size:14px}.train-card-multileg-duration{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:500}.train-card-live-countdown{color:var(--success);border-radius:var(--radius-full);background:#f0fbf4;padding:1px 6px;font-size:12px;font-weight:700}.train-card-live-countdown--soon{color:var(--warning);background:#fef9ee}.train-card-live-countdown--urgent{color:var(--danger);background:#fef2f2;animation:1s ease-in-out infinite countdown-pulse}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.6}}.countdown-pill{border-radius:var(--radius-full);color:var(--success);white-space:nowrap;background:#f0fbf4;padding:2px 8px;font-size:12px;font-weight:700}.countdown-pill--soon{color:var(--warning);background:#fef9ee}.countdown-pill--urgent{color:var(--danger);background:#fef2f2;animation:1s ease-in-out infinite countdown-pulse}.route-card-alert-chip{border-radius:var(--radius-full);color:var(--warning);white-space:nowrap;background:#fef3c7;padding:2px 8px;font-size:10px;font-weight:600}.mode-filter{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.mode-filter::-webkit-scrollbar{display:none}.mode-filter-chip{border:1.5px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.mode-filter-chip svg{width:16px;height:16px}.mode-filter-chip.active{background:var(--black);color:var(--white);border-color:var(--black)}.mode-filter-chip.active svg{color:var(--white);stroke:var(--white)}.mode-filter-chip:active{transform:scale(.95)}.loading-skeleton{gap:var(--space-md);flex-direction:column;display:flex}.skeleton-card{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.skeleton-line{background:var(--panel);border-radius:var(--radius-sm);height:14px;animation:1.5s ease-in-out infinite pulse}.skeleton-line--short{width:30%}.skeleton-line--medium{width:60%}.skeleton-line--long{width:90%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.inline-error{align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);text-align:center;border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;display:flex}.inline-error-message{color:var(--muted);font-size:14px;font-weight:500}.inline-error-retry{background:var(--panel);cursor:pointer;color:var(--text);border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.inline-error-retry:active{background:var(--border)}.alert-list{gap:var(--space-md);flex-direction:column;display:flex}.alert-list-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--muted)}.alert-list-empty p{margin-bottom:var(--space-sm);font-size:15px;font-weight:500}.alert-list-empty-hint{color:var(--subtle);font-size:13px;font-weight:400}.alert-list-item{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);display:flex}.alert-list-item-main{flex:1;min-width:0}.alert-list-item-header{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.alert-list-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:15px;font-weight:700;overflow:hidden}.alert-list-item-time{color:var(--text);font-size:13px;font-weight:700}.alert-list-item-days{color:var(--muted);font-size:12px;font-weight:400}.alert-list-item-date{color:var(--muted);font-size:12px}.alert-list-item-platform{color:var(--subtle);margin-top:2px;font-size:11px;font-weight:500}.alert-list-item-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.alert-list-item-test-btn{background:var(--panel);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-full);border:none;font-size:14px;line-height:1;transition:background .15s}.alert-list-item-test-btn:active{background:var(--border)}.alert-list-item-delete-btn{cursor:pointer;color:var(--danger);padding:var(--space-xs);background:0 0;border:none;font-size:16px;line-height:1}.alert-toggle{width:44px;height:24px;display:inline-block;position:relative}.alert-toggle input{opacity:0;width:0;height:0}.alert-toggle-slider{cursor:pointer;background-color:var(--border);border-radius:var(--radius-full);transition:background-color .2s;position:absolute;inset:0}.alert-toggle-slider:before{content:"";background-color:var(--white);width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .2s;position:absolute;bottom:2px;left:2px}.alert-toggle input:checked+.alert-toggle-slider{background-color:var(--black)}.alert-toggle input:checked+.alert-toggle-slider:before{transform:translate(20px)}.alert-summary{margin:0 var(--space-lg) var(--space-lg);padding:var(--space-lg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.alert-summary-title{color:var(--muted);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.alert-summary-details{gap:var(--space-sm);flex-direction:column;display:flex}.alert-summary-row{align-items:center;gap:var(--space-sm);display:flex}.alert-summary-label{color:var(--subtle);min-width:72px;font-size:12px;font-weight:500}.alert-summary-value{color:var(--text);font-size:13px;font-weight:600}.alert-form{flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.alert-form-section{flex-direction:column;gap:8px;display:flex}.alert-form-label{color:var(--text);letter-spacing:-.01em;font-size:13px;font-weight:600}.alert-form-optional{color:var(--muted);font-weight:400}.alert-form-empty{color:var(--muted);padding:16px 0;font-size:14px}.alert-form-route-list{flex-direction:column;gap:8px;display:flex}.alert-form-route-item{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg);cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:14px 16px;font-family:inherit;transition:all .15s;display:flex}.alert-form-route-item:active{background:var(--panel)}.alert-form-route-item.active{border-color:var(--black);background:var(--panel)}.alert-form-route-title{color:var(--text);font-size:15px;font-weight:700}.alert-form-route-detail{color:var(--muted);font-size:12px;font-weight:400}.alert-form-route-info{background:var(--panel);border-radius:var(--radius-md);color:var(--muted);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.alert-form-route-info svg{color:var(--text);flex-shrink:0}.alert-form-input{padding:14px var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:var(--bg);width:100%;font-family:inherit;font-size:16px;transition:border-color .15s}.alert-form-input:focus{border-color:var(--text);outline:none}.alert-form-input::placeholder{color:var(--subtle)}.alert-form-input--short{max-width:120px}.alert-form-schedule-type{border:1px solid var(--border);border-radius:var(--radius-md);gap:0;display:flex;overflow:hidden}.alert-form-type-btn{background:var(--bg);cursor:pointer;color:var(--muted);border:none;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.alert-form-type-btn.active{background:var(--black);color:var(--white)}.alert-form-day-presets{gap:8px;margin-bottom:4px;display:flex}.alert-form-preset-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);color:var(--muted);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.alert-form-preset-btn:active{background:var(--panel);border-color:var(--text);color:var(--text)}.alert-form-days{gap:6px;display:flex}.alert-form-day-btn{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;width:40px;height:40px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.alert-form-day-btn.active{background:var(--black);color:var(--white);border-color:var(--black)}.alert-form-date-display{color:var(--muted);padding-left:2px;font-size:13px;font-weight:500}.alert-form-summary{padding:12px var(--space-lg);background:var(--panel);border-radius:var(--radius-md);color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.alert-form-summary svg{color:var(--text);flex-shrink:0}.alert-form-actions{gap:var(--space-md);margin-top:8px;display:flex}.settings-screen{padding-bottom:var(--space-lg)}.setting-section{padding:0 var(--space-lg) var(--space-xl)}.setting-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border);font-size:11px;font-weight:700}.setting-section:first-of-type .setting-section-title{border-top:none;padding-top:0}.settings-status-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-status-card,.settings-health-list>div,.settings-metrics>div{min-width:0;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel)}.settings-status-card span,.settings-health-list span,.settings-metrics span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.settings-status-card strong,.settings-health-list strong,.settings-metrics strong{color:var(--text);font-size:14px;line-height:1.25;display:block}.settings-status-card p{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;line-height:1.35}.settings-health-list,.settings-metrics{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-button-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.setting-row{gap:var(--space-xs);border-bottom:1px solid var(--border);flex-direction:column;padding:14px 0;display:flex}.setting-row--button{cursor:pointer}.setting-row--button:active{background:var(--panel)}.setting-row:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:8px}.setting-row-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.setting-row-label{color:var(--text);font-size:15px;font-weight:700}.setting-row-value{color:var(--muted);font-size:14px;font-weight:400}.setting-row-status{text-transform:uppercase;letter-spacing:.04em;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700}.setting-row-status.connected{color:var(--success);background:#f0fbf4}.setting-row-status.disconnected{background:var(--panel);color:var(--muted)}.setting-row-chevron{color:var(--muted);flex-shrink:0;margin-left:auto}.setting-detail-panel{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 0 16px;display:flex}.setting-detail-label{color:var(--muted);font-size:12px;font-weight:800}.setting-row-masked{color:var(--muted);margin-top:var(--space-xs);font-family:SF Mono,Fira Code,monospace;font-size:12px}.setting-input{padding:14px var(--space-lg);border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg);border-radius:8px;font-family:inherit;font-size:16px;transition:border-color .15s}.setting-input:focus{border-color:var(--text);outline:none}.setting-select{padding:14px var(--space-lg);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23545454' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:8px;padding-right:40px;font-family:inherit;font-size:16px}.setting-select:focus{border-color:var(--text);outline:none}.setting-save-btn{margin-top:var(--space-sm);width:100%}@media (width<=359px){.settings-status-grid,.settings-health-list,.settings-metrics,.settings-button-row{grid-template-columns:1fr}.route-card-grid{padding-inline:8px}.home-header{padding-inline:var(--space-sm)}.route-card-status-row{padding-left:44px}.route-mode-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.train-card-time{font-size:18px}.route-card-title,.route-card-next-value{font-size:14px}.route-card-icon{width:34px;height:34px}}.stop-search-field,.stop-search-input-wrapper{position:relative}.stop-search-input-wrapper input{padding:14px var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:var(--bg);width:100%;font-family:inherit;font-size:16px;transition:border-color .15s}.stop-search-input-wrapper input:focus{border-color:var(--text);outline:none}.stop-search-input-wrapper input::placeholder{color:var(--subtle)}.stop-search-spinner{border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stop-search-dropdown{z-index:200;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-xs);max-height:240px;box-shadow:var(--shadow-md);list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.stop-search-option{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background .1s;display:flex}.stop-search-option:active,.stop-search-option:hover{background:var(--panel)}.stop-search-option+.stop-search-option{border-top:1px solid var(--border)}.stop-search-option-icon{width:24px;height:24px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stop-search-option-text{flex-direction:column;gap:1px;min-width:0;display:flex}.stop-search-option-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.stop-search-option-locality{color:var(--muted);font-size:12px;font-weight:400}.app-main>*{animation:.25s cubic-bezier(.16,1,.3,1) both page-appear}.app-main>.route-details-page{animation:none}@keyframes page-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-main>*{animation:none}}.pull-to-refresh{justify-content:center;align-items:center;transition:height .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.pull-to-refresh.is-refreshing{transition:none}.pull-spinner{opacity:.4;color:var(--muted);transition:opacity .2s,transform .3s}.pull-spinner.ready{opacity:1;color:var(--text)}.pull-spinner svg{animation:none}.is-refreshing .pull-spinner svg{animation:.8s linear infinite spin}.home-skeleton{grid-template-columns:1fr;gap:clamp(8px,1.35dvh,14px);padding:0 10px 18px;display:grid}.home-skeleton-card{background:var(--panel);border-radius:14px;height:80px;animation:.4s both skeleton-appear;position:relative;overflow:hidden}.skeleton-shimmer{background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes skeleton-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:380px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast-item{background:var(--bg);color:var(--text);border:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--weight-semibold);pointer-events:auto;cursor:pointer;animation:toast-in .25s var(--ease-out) forwards;will-change:transform, opacity;touch-action:none;border-radius:12px;align-items:center;padding:14px 18px;display:flex;box-shadow:0 4px 20px #0000001a}.toast-item.toast-exit{animation:.25s forwards toast-out}.toast-message{flex:1;line-height:1.3}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.app-main.is-scrolled .home-header,.app-main.is-scrolled .page-header{border-bottom-color:var(--border);box-shadow:0 1px 8px #0000000a}.train-detail-stop{border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:flex-start;column-gap:10px;min-height:58px;padding:9px 6px;display:grid;position:relative}.train-detail-stop.highlighted,.train-detail-stop.current{background:var(--panel)}.train-detail-stop.passed{opacity:.45}.train-detail-timeline{justify-content:center;align-self:stretch;width:28px;min-height:58px;display:flex;position:relative}.train-detail-dot{z-index:2;background:var(--border);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:8px;position:relative}.train-detail-dot.current,.train-detail-dot.origin{background:var(--text);border:2px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px var(--text);margin-top:6px}.train-detail-dot.dest{background:var(--success);border:2px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px var(--success);margin-top:6px}.train-detail-dot.passed{background:var(--muted);border-color:var(--muted)}.train-detail-line{background:var(--border);z-index:1;width:2px;position:absolute;top:24px;bottom:-34px;left:50%;transform:translate(-50%)}.train-detail-line.passed{background:var(--muted)}.train-detail-stop-info{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.train-detail-stop-name{max-width:100%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;line-height:1.25;overflow:hidden}.train-detail-stop-name.bold{font-weight:800}.train-detail-stop-platform{color:var(--muted);font-size:11px;font-weight:500;line-height:1.2}.train-detail-badge{background:var(--text);width:fit-content;max-width:fit-content;color:var(--bg);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;padding:3px 8px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.train-detail-stop-time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:2px;font-size:13px;font-weight:650}.train-detail-stop-time.bold{color:var(--text);font-weight:800}.train-detail-badge{background:var(--text);width:fit-content;max-width:fit-content;color:var(--bg);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.train-detail-badge.dest{background:var(--success);color:var(--white)}.train-detail-badge.current{background:var(--panel);color:var(--text);border:1px solid var(--border)}.home-header-title,.page-header-title,.route-card-title{letter-spacing:-.02em}.train-card-time,.train-card-live-countdown,.route-card-next-value,.countdown-pill,.train-detail-mini-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.train-card-countdown,.route-card-next-detail{font-family:var(--font-family);letter-spacing:0}.route-card--pinned{border-color:var(--text);border-width:1.5px}.route-card--pinned .route-card-icon{background:var(--text);color:var(--bg);border-color:var(--text)}.route-card-pin-indicator{width:16px;height:16px;color:var(--text);position:absolute;top:8px;left:8px}.trip-planner{z-index:600;background:var(--bg);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:fixed;inset:0}.trip-planner-header{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.trip-planner-title{letter-spacing:-.03em;font-size:22px;font-weight:800}.trip-planner-close{background:var(--panel);cursor:pointer;width:36px;height:36px;color:var(--text);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.trip-planner-form{flex-direction:column;gap:8px;padding:0 16px 12px;display:flex}.trip-planner-results{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;padding:12px 16px 80px;display:flex;overflow-y:auto}.trip-planner-result{border:1px solid var(--border);background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.trip-planner-result-left{flex-direction:column;gap:2px;min-width:0;display:flex}.trip-planner-result-route{color:var(--text);font-size:15px;font-weight:700}.trip-planner-result-dest{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.trip-planner-result-platform{color:var(--subtle);font-size:11px;font-weight:500}.trip-planner-result-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.trip-planner-result-time{color:var(--text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.trip-planner-result-mins{color:var(--success);font-size:12px;font-weight:600}.trip-planner-result-fare{color:var(--muted);font-size:11px;font-weight:500}.trip-planner-empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:14px}.quick-glance{margin:0 var(--space-lg) var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.quick-glance-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.quick-glance-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.quick-glance-cache-age{color:var(--subtle);font-size:10px;font-weight:500}.quick-glance-item{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.quick-glance-item:first-of-type{border-top:none}.quick-glance-route{flex-direction:column;gap:1px;min-width:0;display:flex}.quick-glance-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.quick-glance-direction{color:var(--muted);font-size:11px}.quick-glance-time{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.quick-glance-countdown{color:var(--text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.quick-glance-platform{color:var(--muted);font-size:10px;font-weight:500}.quick-glance-no-data{color:var(--muted);font-size:14px}.train-detail-mini{border:1px solid var(--border);background:var(--bg);border-top:none;border-radius:0 0 8px 8px;margin:-6px 0 0;padding:12px 16px 10px}.train-detail-mini.expanded{padding:12px 16px}.train-detail-mini-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.train-detail-mini-route{color:var(--text);font-size:13px;font-weight:700}.train-detail-mini-close{background:var(--border);cursor:pointer;width:24px;height:24px;color:var(--text);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.train-detail-mini-loading{color:var(--muted);padding:8px 0;font-size:12px}.train-detail-mini-stops{flex-direction:column;display:flex}.train-detail-mini-stop{align-items:center;gap:10px;padding:6px 0;display:flex}.train-detail-mini-stop.highlight{font-weight:700}.train-detail-mini-stop.passed{opacity:.4}.train-detail-mini-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px}.train-detail-mini-dot.origin{background:var(--text)}.train-detail-mini-dot.dest{background:var(--success)}.train-detail-mini-dot.current{background:#2563eb;box-shadow:0 0 0 3px #2563eb33}.train-detail-mini-dot.passed{background:var(--muted)}.train-detail-mini-dot-line{flex-shrink:0;justify-content:center;width:10px;display:flex}.train-detail-mini-dot-line:before{content:"";background:var(--border);width:2px;height:16px;margin:0 auto;display:block}.train-detail-mini-skip{color:var(--muted);align-items:center;gap:10px;padding:2px 0;font-size:11px;font-weight:500;display:flex}.train-detail-mini-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.train-detail-mini-time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:600}.train-detail-mini-toggle{background:var(--bg);width:100%;color:var(--text);cursor:pointer;text-align:center;border:none;border-radius:8px;margin-top:6px;padding:8px;font-family:inherit;font-size:12px;font-weight:600;display:block}.train-detail-mini-toggle:active{background:var(--border)}.tdm-badge{text-transform:uppercase;background:var(--text);color:var(--bg);vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.tdm-badge.dest{background:var(--success)}.train-card-with-detail .train-card{border-bottom-color:#0000;border-radius:8px 8px 0 0;margin-bottom:0}.alerts-banner{background:#fffbeb;border:1px solid #fbbf24;border-radius:10px;margin-bottom:10px;overflow:hidden}.alerts-banner.critical{background:#fef2f2;border-color:#fca5a5}.alerts-banner-header{width:100%;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--warning);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.alerts-banner.critical .alerts-banner-header{color:var(--danger)}.alerts-banner-chevron{margin-left:auto;transition:transform .2s}.alerts-banner-chevron.open{transform:rotate(180deg)}.alerts-banner-list{flex-direction:column;gap:8px;padding:0 14px 12px;display:flex}.alerts-banner-item{background:#00000008;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.alerts-banner-item.critical{background:#c1121f0f}.alerts-banner-item-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);line-height:var(--lh-sm)}.alerts-banner-item-desc{font-size:var(--text-xs);color:var(--muted);line-height:var(--lh-xs)}.home-header-row{justify-content:space-between;align-items:center;display:flex}.home-search-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:38px;height:38px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.home-search-btn:active{background:var(--panel)}.route-details-header{z-index:120;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding:0 16px 12px;display:flex;position:sticky;top:0}.route-details-header .page-header{z-index:auto;width:100%;padding:var(--space-xl) 0 0;-webkit-backdrop-filter:none;background:0 0;border-bottom:0;position:static}.route-details-header-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.route-details-header-meta .route-details-direction{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.route-details-header-meta .route-details-freshness{font-size:11px;font-weight:var(--weight-semibold);color:var(--text)}.route-details-header .route-details-refresh{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.route-details-header .route-details-refresh:active{background:var(--panel)}.schedule-content{padding:0 var(--space-lg)}.scheduler-health{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scheduler-health>div{padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel)}.scheduler-health-label{color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.scheduler-health strong{font-size:12px;line-height:1.25;display:block}.schedule-new-btn{width:100%;margin-bottom:var(--space-md)}.schedule-filter-tabs{margin-bottom:var(--space-md);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.schedule-filter-tabs::-webkit-scrollbar{display:none}.schedule-filter-tab{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);color:var(--muted);text-transform:capitalize;flex:none;padding:8px 12px;font-size:12px;font-weight:800}.schedule-filter-tab.is-active{background:var(--black);border-color:var(--black);color:var(--white)}.offline-banner{color:var(--warning);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:center;background:#fef3c7;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;pointer-events:none}.home-onboarding{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.home-onboarding-icon{margin-bottom:8px;font-size:48px}.home-onboarding-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text);letter-spacing:-.02em}.home-onboarding-text{font-size:var(--text-sm);color:var(--muted);line-height:var(--lh-sm);max-width:280px}.home-onboarding-btn{margin-top:8px;padding:14px 28px}.route-details-refresh.is-spinning svg{animation:.8s linear infinite spin}.alert-list-item{align-items:flex-start;gap:var(--space-sm);border-radius:var(--radius-lg);border-color:#d7d7d7;flex-wrap:wrap;position:relative;box-shadow:0 12px 28px #0000000d}.alert-list-item.is-expanded{border-color:var(--black);box-shadow:0 16px 36px #00000014}.alert-list-item-main{text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.alert-list-item-route{color:var(--text);margin-top:5px;font-size:13px;font-weight:600}.alert-list-status{border-radius:var(--radius-full);background:var(--panel);color:var(--muted);flex:none;padding:4px 8px;font-size:11px;font-weight:800}.alert-list-status.is-active{color:var(--success);background:#eef8f1}.alert-list-card-grid{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.alert-list-card-grid span{min-width:0;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--panel);color:var(--text);font-size:12px;font-weight:750}.alert-list-card-grid b{color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:10px;display:block}.alert-list-detail{width:100%;padding-top:var(--space-lg);margin-top:var(--space-sm);border-top:1px solid var(--border)}.alert-list-detail-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.alert-timeline{margin-bottom:var(--space-md);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.alert-timeline::-webkit-scrollbar{display:none}.alert-timeline-step{border-radius:var(--radius-full);background:var(--panel);color:var(--muted);flex:none;padding:6px 9px;font-size:11px;font-weight:800}.alert-list-detail-grid>div,.alert-list-activity{background:var(--panel);border-radius:var(--radius-md);padding:var(--space-md);min-height:74px}.alert-detail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.alert-list-detail-grid strong{color:var(--text);font-size:14px;line-height:1.3;display:block}.alert-list-activity p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.alert-activity-list{margin:var(--space-sm) 0 0;padding:0;list-style:none}.alert-activity-list li{border-top:1px solid var(--border);color:var(--text);padding:6px 0;font-size:12px}.alert-activity-list strong,.alert-activity-list span{display:block}.alert-activity-list strong{font-size:12px;font-weight:800}.alert-activity-list span{white-space:pre-wrap;color:var(--muted);margin-top:4px;line-height:1.35}.alert-list-activity-sent{background:#eef8f1}.alert-list-activity-error{background:#fff1f1}.alert-list-detail-actions{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:1fr 1fr auto;align-items:center;display:grid}.alert-detail-btn{border-radius:var(--radius-md);min-height:48px}.alert-detail-btn.is-sending:before{content:"";border:2px solid #ffffff73;border-top-color:var(--white);vertical-align:-2px;border-radius:999px;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.alert-detail-delete-btn{min-height:48px;padding:0 var(--space-sm)}@media (width<=420px){.alert-list-detail-actions{grid-template-columns:1fr 1fr}.alert-detail-delete-btn{grid-column:1/-1;justify-self:center;min-height:36px}}.train-card-bell-icon.is-scheduled,.train-card-bell-icon.is-scheduled:active{background:var(--success)}