:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111827;--bg-strong:#172033;--bg-soft:#223049;--text:#f8fafc;--muted:#a8b3c7;--border:#334155;--shadow:0 22px 60px #00000057;--radius:16px}*{box-sizing:border-box}html{font-size:16px}body{color:var(--text);background:radial-gradient(circle at 0 0,#14b8a633,#0000 30%),radial-gradient(circle at 80% 10%,#3b82f62e,#0000 28%),linear-gradient(#07111f 0%,#0f172a 48%,#111827 100%);margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:.75rem}.panel{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad6;border:1px solid #475569d1;padding:1rem}.top-nav{max-width:1200px;margin:0 auto 1rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .4rem;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.75rem;font-size:clamp(2rem,6vw,4rem);line-height:.98}h2{margin-bottom:.5rem;font-size:clamp(1.35rem,5vw,2.2rem);line-height:1.05}h3{margin-bottom:.35rem;font-size:1.05rem}.panel p,.line-card p,.trip-meta,.departure-meta{color:var(--muted)}.search-label{margin-bottom:.5rem;font-weight:700;display:block}.search-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:16px;min-height:56px;padding:0 1rem}.search-input::placeholder{color:#7f8da3}.direction-switch,.stop-cloud{flex-wrap:wrap;gap:.75rem;display:flex}.nav-chip,.stop-pill,.direction-button,.route-stop{border:1px solid var(--border);background:var(--bg-strong);color:var(--text);border-radius:18px}.nav-chip,.stop-pill{min-height:46px;padding:.75rem 1rem}.nav-chip-active,.stop-pill.active,.direction-button.active,.route-stop-active{color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#2563eb 100%);border-color:#0000}.content-grid{gap:1rem;max-width:1200px;margin:0 auto;display:grid}.panel-top,.line-card-top,.action-row,.line-header{justify-content:space-between;align-items:flex-start;gap:.9rem;display:flex}.line-badge{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:3rem;height:3rem;font-weight:800;display:grid}.line-badge.large{width:4rem;height:4rem;font-size:1.3rem}.cards-grid,.favorites-grid,.line-layout{gap:1rem;display:grid}.lines-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.line-card,.mini-card,.trip-card,.departure-card,.subpanel{border:1px solid var(--border);background:var(--bg-strong);border-radius:16px}.trip-card,.departure-card,.subpanel{padding:1rem}.line-card{align-items:center;min-height:86px;padding:.75rem;display:flex}.trip-card-passed,.departure-card-passed{opacity:.62}.line-card-selected{background:#0ea5e924;border-color:#38bdf8;box-shadow:inset 0 0 0 1px #38bdf852,0 18px 42px #0ea5e91f}.line-card-clickable{cursor:pointer}.line-card-clickable:hover{transition:transform .12s;transform:translateY(-1px)}.line-service{margin-bottom:1rem}.mini-grid,.trip-list,.departures-list,.stack{gap:.75rem;display:grid}.mini-card{padding:.85rem}.mini-card strong,.trip-time,.departure-time{font-size:1.4rem;font-weight:800;display:block}.mini-label,.trip-title,.departure-route{font-weight:700;display:block}.line-card-heading{flex:1;min-width:0}.line-card-top.compact{align-items:center;width:100%}.line-card-heading h3,.line-card-heading p{overflow-wrap:anywhere}.line-select-mobile{display:block}.line-list-desktop{display:none}.line-select-wrap{gap:.5rem;display:grid}.line-select-wrap span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:800}.line-select{border:1px solid var(--border);background:var(--bg-strong);width:100%;min-height:52px;color:var(--text);font:inherit;border-radius:16px;padding:0 2.5rem 0 .95rem;font-weight:700}.time-passed{color:#97a6b2!important}.primary-button,.secondary-button,.fav-button{border:0;border-radius:16px;min-height:48px;padding:.8rem 1rem;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#0f766e 100%);width:100%;margin-top:auto}.primary-button.selected{background:linear-gradient(135deg,#0f766e 0%,#2563eb 100%)}.secondary-button{background:var(--bg-soft);color:var(--text)}.fav-button{color:var(--text);background:#e9eff4}.fav-active{background:#facc15}.direction-button{text-align:left;flex:240px;min-height:84px;padding:.9rem 1rem}.direction-button span{margin-bottom:.25rem;font-weight:800;display:block}.stop-select-mobile{display:block}.stop-list-desktop{display:none}.stop-select-wrap{gap:.5rem;display:grid}.stop-select-wrap span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:800}.stop-select{border:1px solid var(--border);background:var(--bg-strong);width:100%;min-height:52px;color:var(--text);font:inherit;border-radius:16px;padding:0 2.5rem 0 .95rem;font-weight:700}.route-list{gap:.65rem;display:grid}.route-stop{text-align:left;align-items:center;gap:.85rem;min-height:58px;padding:.8rem .9rem;display:flex}.route-index{background:var(--bg-soft);border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-weight:700;display:grid}.route-stop-active .route-index{background:#ffffff29}.route-name{font-weight:700}.panel-heading{margin-bottom:1rem}.compact-heading{margin-bottom:.75rem}.departure-card{align-items:center;gap:1rem;display:flex}.departure-line{color:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:3rem;height:3rem;font-weight:800;display:grid}.departure-content{min-width:0}.empty-state{background:var(--bg-soft);border-radius:18px;padding:1rem}.section-title{margin-bottom:.75rem}.stop-browser{gap:1rem;display:grid}@media (width<=520px){.line-picker-panel{padding:.85rem}.lines-overview-grid{gap:.5rem}.line-card{min-height:64px;padding:.6rem}.line-badge{width:2.4rem;height:2.4rem}.line-card-top.compact{gap:.55rem}.line-card-heading h3{margin-bottom:0;font-size:.95rem}.line-card-heading p{display:none}}@media (width>=760px){.app-shell{padding:1.5rem}.cards-grid,.lines-overview-grid,.favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.line-select-mobile{display:none}.line-list-desktop{display:grid}.stop-select-mobile{display:none}.stop-list-desktop{display:block}}@media (width>=1040px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lines-overview-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.line-card{height:100%}}