:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14211d;background:#f2f4ef}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{width:min(100%,820px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 14px max(28px,env(safe-area-inset-bottom))}.topbar,.controls,.location-strip,.error-box,.departure-panel,.planner-panel{border:1px solid rgba(25,51,42,.12);background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:8px}.eyebrow{margin:0 0 3px;color:#5a6a64;font-size:.78rem;font-weight:760;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0;line-height:1.05}h1{font-size:clamp(2rem,10vw,4rem)}h2{font-size:1.55rem}.icon-button,.refresh-button,.planner-toggle,.stop-pill{min-height:44px;border:0;cursor:pointer}.icon-button{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;color:#fff;background:#1d6f5f;box-shadow:0 12px 24px #1d6f5f38}.controls{display:grid;gap:10px;margin-top:10px;padding:12px;border-radius:8px}.input-row,.range-row{display:flex;align-items:center;gap:10px;min-height:46px;border-radius:8px;background:#eef3ed;padding:0 12px}.input-row input{width:100%;border:0;outline:0;color:#14211d;background:transparent}.range-row span{min-width:62px;font-weight:800}.range-row input{width:100%;accent-color:#1d6f5f}.refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:#fff;background:#253d35;font-weight:800}.refresh-button:disabled,.planner-toggle:disabled{cursor:not-allowed;opacity:.55}.planner-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:#15332b;background:#dbe9e2;font-weight:850}.planner-toggle.active{color:#fff;background:#1d6f5f}.planner-panel{display:grid;gap:12px;margin-top:10px;padding:12px;border-radius:8px}.planner-search,.planner-actions{display:grid;gap:10px}.planner-actions{align-items:center;color:#40514a;font-size:.93rem}.suggestions{display:grid;gap:7px}.suggestions button{display:grid;gap:2px;min-height:54px;padding:9px 11px;border:1px solid rgba(25,51,42,.12);border-radius:8px;color:#20342d;background:#fff;text-align:left}.suggestions span{font-weight:850}.suggestions small{color:#687872}.trip-list{display:grid;gap:10px}.trip-card{display:grid;gap:9px;padding:12px;border:1px solid rgba(25,51,42,.12);border-radius:8px;background:#fff}.trip-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.trip-card-head strong{color:#123f35;font-size:1.12rem}.trip-card-head span,.trip-card p{margin:0;color:#62736d}.trip-legs{display:grid;gap:7px}.trip-leg{display:grid;grid-template-columns:46px 42px minmax(0,1fr);align-items:center;gap:8px;color:#20342d;font-size:.88rem}.leg-time{color:#687872;font-variant-numeric:tabular-nums}.location-strip,.error-box{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:10px;padding:11px 12px;border-radius:8px;color:#40514a;font-size:.9rem}.error-box{color:#721f27;background:#fff3f1;border-color:#a12f3547}.stop-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,1fr);gap:8px;margin:14px -14px 0;padding:0 14px 4px;overflow-x:auto;scrollbar-width:none}.stop-tabs::-webkit-scrollbar{display:none}.stop-pill{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 7px;min-height:72px;padding:10px;border-radius:8px;color:#34463f;background:#fff;border:1px solid rgba(25,51,42,.12);text-align:left}.stop-pill span,.departure-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stop-pill small{grid-column:2;color:#6a7a74;font-weight:760}.stop-pill.active{color:#fff;background:#1d6f5f;border-color:#1d6f5f}.stop-pill.active small{color:#ffffffc2}.departure-panel{margin-top:10px;border-radius:8px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid rgba(25,51,42,.1)}.departure-list{display:grid}.mode-filter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px;border-bottom:1px solid rgba(25,51,42,.08);background:#f6f8f4}.mode-filter button{min-height:38px;border:1px solid rgba(25,51,42,.1);border-radius:8px;color:#354840;background:#fff;font-weight:820}.mode-filter button.active{color:#fff;background:#253d35;border-color:#253d35}.departure{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:82px;padding:12px 14px;border-bottom:1px solid rgba(25,51,42,.08)}.departure:last-child{border-bottom:0}.departure.cancelled{opacity:.58}.route-badge{display:grid;place-items:center;width:52px;height:38px;border-radius:8px;font-weight:900;font-size:1.05rem}.route-badge.small{width:42px;height:28px;border-radius:7px;font-size:.78rem}.departure-main{display:grid;gap:3px;min-width:0}.departure-main span,.time-stack span,.departure-main em{color:#62736d;font-size:.86rem;font-style:normal}.departure-main em{color:#9a4b18}.time-stack{display:grid;justify-items:end;gap:3px;min-width:62px}.time-stack strong{color:#123f35;font-size:1.08rem}.empty-state{display:flex;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:22px;color:#61716c;text-align:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:720px){.app-shell{padding-top:32px}.controls{grid-template-columns:1.1fr 1fr 130px 108px;align-items:center}.planner-search,.planner-actions{grid-template-columns:1fr 120px}}@media(max-width:420px){.mode-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.departure{grid-template-columns:46px minmax(0,1fr) auto;gap:9px;padding-inline:10px}.route-badge{width:46px}.time-stack{min-width:54px}.trip-leg{grid-template-columns:42px 38px minmax(0,1fr);font-size:.82rem}}