*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#1a7f37;--green-dark:#0f5a25;--ink:#11181c;--muted:#51606a;--bg:#f0f2f5;--card:#fff;--border:#d4dadf}html{font-size:18px}body{background:var(--bg);color:var(--ink);font-family:-apple-system,Segoe UI,system-ui,sans-serif;line-height:1.4}:focus-visible{outline:4px solid var(--green);outline-offset:2px}.app{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem}.app-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.app-title{color:var(--green-dark);font-size:2.4rem}.language-toggle{border:2px solid var(--border);background:#fff;border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.language-option{min-width:3rem;min-height:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 .9rem;font-size:1.1rem;font-weight:700}.language-active{color:#fff;background:var(--green)}.sync-status{color:var(--muted);flex-direction:column;align-items:center;gap:.4rem;margin:-.75rem 0 1.25rem;font-size:1.05rem;display:flex}.sync-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.sync-dot{background:var(--muted);border-radius:50%;width:.85rem;height:.85rem}.sync-counts{font-size:.95rem}.sync-bar{background:#e6e8ea;border-radius:999px;width:12rem;max-width:80%;height:.4rem;overflow:hidden}.sync-bar-fill{background:#e0a000;border-radius:999px;height:100%;transition:width .3s;display:block}.sync-synced .sync-dot{background:var(--green)}.sync-offline .sync-dot{background:#9aa0a6}.sync-syncing .sync-dot{background:#e0a000;animation:1s ease-in-out infinite sync-pulse}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.25}}.install-hint{border:2px solid var(--green);color:var(--green-dark);background:#e6f4ea;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.install-text{flex:1;margin:0;font-size:1.15rem;line-height:1.4}.install-button{color:#fff;background:var(--green);cursor:pointer;border:none;border-radius:12px;flex:1;min-height:3.25rem;font-size:1.3rem;font-weight:700}.install-close{width:2.5rem;height:2.5rem;color:var(--green-dark);border:2px solid var(--green);cursor:pointer;background:0 0;border-radius:10px;flex:none;font-size:1.6rem;line-height:1}.controls{background:var(--card);border:2px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.controls-stations{grid-template-columns:1fr auto 1fr;align-items:end;gap:.75rem;display:grid}.controls-stations-flash .field-input{animation:.6s ease-out station-flash}@keyframes station-flash{0%{border-color:var(--green);background:#d6f0de;transform:scale(1.03)}to{border-color:var(--border);background:#fff;transform:scale(1)}}.field{flex-direction:column;gap:.35rem;display:flex}.field-label{color:var(--muted);font-size:1.2rem;font-weight:700}.field-input{width:100%;color:var(--ink);border:3px solid var(--border);background:#fff;border-radius:12px;padding:.75rem .9rem;font-size:1.4rem}.field-input:focus{border-color:var(--green)}.swap-button{width:4.5rem;height:3.5rem;color:var(--green-dark);border:3px solid var(--green);cursor:pointer;background:#e6f4ea;border-radius:12px;align-self:end;font-size:1.8rem}.choice-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.choice-row-2{grid-template-columns:repeat(2,1fr)}.hour-grid{grid-template-columns:repeat(6,1fr);gap:.4rem;margin-top:.5rem;display:grid}.hour-grid .choice{min-height:3rem;padding:0;font-size:1.1rem}.choice{min-height:3.5rem;color:var(--muted);border:3px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;font-size:1.3rem;font-weight:700}.choice-active{color:#fff;background:var(--green);border-color:var(--green-dark)}.more-button{width:100%;min-height:3.5rem;color:var(--green-dark);border:3px solid var(--green);cursor:pointer;background:#e6f4ea;border-radius:12px;margin:.75rem 0;font-size:1.3rem;font-weight:700}.more-button:disabled{opacity:.5;cursor:default}.train-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.train-card{background:var(--card);border:2px solid var(--border);border-left:10px solid var(--green);border-radius:16px;padding:1.25rem}.train-times{justify-content:center;align-items:center;gap:1.25rem;display:flex}.train-time{flex-direction:column;align-items:center;display:flex}.train-time-value{font-size:3rem;font-weight:800;line-height:1}.train-time-arrival .train-time-value{color:var(--muted);font-size:1.8rem;font-weight:700}.train-platform{color:var(--muted);margin-top:.25rem;font-size:1.1rem}.train-arrow{color:var(--green);font-size:2.4rem}.train-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.badge{border-radius:999px;padding:.4rem .9rem;font-size:1.15rem;font-weight:700}.badge-accessible{color:var(--green-dark);background:#e6f4ea}.badge-bike{color:#1b4965;background:#e3f0f8}.train-duration{color:var(--muted);font-size:1.15rem}.state-message{text-align:center;color:var(--muted);padding:2.5rem 1rem;font-size:1.4rem}.retry-button{color:#fff;background:var(--green);cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:.9rem 1.6rem;font-size:1.3rem;font-weight:700}@media (width<=600px){html{font-size:16px}.app{padding:.75rem .75rem 2rem}.app-header{margin-bottom:.75rem}.app-title{font-size:1.8rem}.controls{gap:.75rem;margin-bottom:1rem;padding:.85rem}.controls-stations{grid-template-columns:1fr;align-items:stretch;gap:.5rem}.swap-button{place-self:center;width:100%;height:2.75rem}.field-label{font-size:1rem}.field-input{border-width:2px;padding:.6rem .75rem;font-size:1.2rem}.choice{border-width:2px;min-height:3rem;font-size:1.1rem}}