:root{color-scheme:light;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(14,165,233,.16),transparent 30%),linear-gradient(180deg,#f8fafc,#eef6ff);color:#122033}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-shell{max-width:1120px;margin:0 auto;padding:2rem 1rem 3rem}.simple-shell{display:grid;gap:1rem}.content-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr)}.hero{padding:1.5rem;border-radius:28px;border:1px solid rgba(15,23,42,.08);background:#ffffffd1;box-shadow:0 18px 40px #0f172a14}.hero-calm{background:linear-gradient(160deg,#4ade801f,#ffffffdb),#ffffffd1}.hero-watch{background:linear-gradient(160deg,#facc1524,#ffffffdb),#ffffffd1}.hero-warn{background:linear-gradient(160deg,#f8717124,#ffffffdb),#ffffffd1}.hero-topline,.hero-actions,.freshness-note,.hero-footnote,.hero-route-meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.hero-topline{justify-content:space-between}.eyebrow,.label,.check-label{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:#075985}.eyebrow.small{color:#64748b}.hero h1,.auth-card h1{margin:.4rem 0 0;font-size:clamp(2.2rem,5vw,4rem);line-height:.98;max-width:14ch}.intro{max-width:36rem;margin:.7rem 0 0;color:#334155;font-size:1.02rem}.direction-tabs,.route-tabs{display:flex;gap:.65rem;flex-wrap:wrap}.direction-tabs{margin-top:1rem}.route-tabs{margin-top:.75rem}.direction-tab,.route-tab{border:1px solid rgba(15,23,42,.08);background:#ffffffeb;color:#0f172a;padding:.72rem 1rem;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}.direction-tab-active,.route-tab-active{background:#0f172a;color:#f8fafc;box-shadow:0 12px 24px #0f172a29}.hero-route-meta,.hero-footnote{margin-top:1rem;color:#475569;font-size:.92rem}.status-pill,.route-alert,.freshness-pill{padding:.42rem .72rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status-online,.freshness-live{background:#16a34a1f;color:#166534}.status-loading{background:#0369a11a;color:#075985}.status-offline,.route-alert-high{background:#f8717129;color:#991b1b}.route-alert-medium,.freshness-fallback{background:#facc1529;color:#92400e}.route-alert-low{background:#16a34a1f;color:#166534}.card,.auth-card{border-radius:28px;border:1px solid rgba(15,23,42,.08);background:#ffffffd1;box-shadow:0 18px 40px #0f172a14}.card{padding:1.35rem}.card h2{margin:.25rem 0 0;font-size:1.45rem}.left-stack{display:grid;gap:1rem}.simple-list{display:grid;gap:.8rem}.journey-overview,.journey-value,.journey-service-line,.journey-meta-line,.journey-detail,.home-weather-line,.weather-next-rain,.home-weather-impact{margin:0}.journey-value{font-size:1rem;font-weight:700;color:#0f172a}.journey-overview,.journey-service-line,.journey-meta-line,.journey-detail,.freshness-time,.home-weather-line,.weather-next-rain{margin-top:.3rem;color:#475569}.weather-next-rain{font-size:.95rem}.weather-visuals{display:grid;gap:.02rem;margin-top:.55rem}.weather-visual-row{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;column-gap:.55rem}.weather-visual-row-scale{margin-top:-.02rem;margin-bottom:-.08rem}.weather-visual-label{display:grid;place-items:center;min-height:16px;align-self:start;color:#64748b}.weather-visual-label-spacer{visibility:hidden}.weather-visual-row-scale .weather-visual-label{align-self:stretch}.weather-visual-row-temperature .weather-visual-label{padding-top:.9rem}.weather-visual-row-rain .weather-visual-label{padding-top:.82rem}.weather-visual-icon{width:14px;height:14px;background-repeat:no-repeat;background-position:center;background-size:contain;flex:0 0 auto}.weather-visual-icon-temperature{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 3a2 2 0 0 0-2 2v4.4a3.2 3.2 0 1 0 4 0V5a2 2 0 0 0-2-2Z' fill='none' stroke='rgba(37,99,235,0.9)' stroke-width='1.5'/%3E%3Cpath d='M8 7.5v3.2' stroke='rgba(37,99,235,0.9)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.weather-visual-icon-rain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.5C6.1 5 4.6 6.9 4.6 9a3.4 3.4 0 1 0 6.8 0C11.4 6.9 9.9 5 8 2.5Z' fill='none' stroke='rgba(14,165,233,0.95)' stroke-width='1.5'/%3E%3C/svg%3E")}.weather-visual-chart{min-width:0}.temperature-timeline{display:grid;gap:.18rem;margin-top:0}.temperature-timeline-top{position:relative;height:.8rem}.temperature-timeline-label{position:absolute;top:0;transform:translate(-50%);font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.temperature-timeline-label-low{color:#0284c7}.temperature-timeline-label-high{color:#ea580c}.temperature-timeline-bar{position:relative;display:grid;gap:2px;height:16px;padding:2px;border-radius:999px;background:#e2e8f0eb;overflow:hidden}.temperature-timeline-segment{border-radius:999px}.temperature-timeline-marker{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;pointer-events:none}.temperature-timeline-marker-low{background:#0369a1f2}.temperature-timeline-marker-high{background:#c2410cf2}.weather-timeline{display:grid;gap:.1rem;margin-top:0}.weather-timeline-scale-shell{display:grid;gap:0;margin:0}.weather-timeline-top-labels{position:relative;height:.66rem}.weather-timeline-bar{position:relative;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;height:16px;padding:2px;border-radius:999px;background:#e2e8f0eb;overflow:hidden}.weather-timeline-segment{border-radius:999px;background:#cbd5e1e6}.weather-timeline-dry{background:#cbd5e1b8}.weather-timeline-light{background:#7dd3fce6}.weather-timeline-medium{background:#38bdf8eb}.weather-timeline-heavy{background:#0284c7f5}.weather-timeline-marker{position:absolute;top:0;height:.85rem;width:2px;margin-left:-1px;border-radius:999px;pointer-events:none}.weather-timeline-marker-now{background:#0f172ae6;width:3px;margin-left:-1.5px}.weather-timeline-marker-sunrise{background:#f59e0be6}.weather-timeline-marker-sunset{background:#f97316e6}.weather-timeline-tick{position:absolute;width:2px;margin-left:-1px;background:#64748b59;pointer-events:none}.weather-timeline-tick-top{top:.08rem;height:.24rem}.weather-timeline-tick-bottom{top:1.12rem;height:.24rem}.weather-timeline-now-label{position:absolute;top:0;transform:translate(-50%);font-size:.66rem;line-height:1;font-weight:700;color:#0f172a;pointer-events:none}.weather-timeline-scale{position:relative;height:2rem}.weather-timeline-scale-label{position:absolute;top:.45rem;transform:translate(-50%);font-size:.68rem;line-height:1;color:#94a3b8}.weather-timeline-scale-icon{position:absolute;top:.08rem;display:grid;justify-items:center;transform:translate(-50%);z-index:1}.weather-timeline-icon-time{margin-top:.1rem;font-size:.58rem;line-height:1;color:#94a3b8;white-space:nowrap}.weather-timeline-label-icon{width:12px;height:12px;background-position:center;background-repeat:no-repeat;background-size:contain}.weather-timeline-label-icon-sunrise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 10a5 5 0 0 1 10 0' fill='none' stroke='rgba(245,158,11,0.95)' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M2 11h12' fill='none' stroke='rgba(148,163,184,0.85)' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M8 2v2.5M4.7 4.2l1.3 1.3M11.3 4.2 10 5.5' fill='none' stroke='rgba(245,158,11,0.95)' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}.weather-timeline-label-icon-sunset{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 10a5 5 0 0 0 10 0' fill='none' stroke='rgba(249,115,22,0.95)' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M2 11h12' fill='none' stroke='rgba(148,163,184,0.85)' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M8 2v2.5M4.7 4.2l1.3 1.3M11.3 4.2 10 5.5' fill='none' stroke='rgba(249,115,22,0.95)' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}.journey-service-line{font-weight:600;color:#334155}.journey-meta-line{font-size:.94rem;color:#64748b}.tube-departures{margin-top:.45rem}.tube-departure-list{margin:.35rem 0 0;padding-left:0;list-style:none;display:grid;gap:.25rem}.tube-departure-item{display:flex;gap:.5rem;flex-wrap:wrap;color:#334155}.journey-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.home-weather-impact{margin-top:.7rem;font-size:1.1rem;font-weight:700;color:#0f172a}.weather-card{background:linear-gradient(160deg,#0284c71f,#ffffffd1),#ffffffd1}.weather-compare{display:grid;gap:.9rem;margin-top:1rem}.weather-stop{padding:1rem;border-radius:20px;background:#f8fafceb;background-position:right 1rem top 1rem,center;background-repeat:no-repeat,no-repeat;background-size:72px 72px,cover}.weather-stop-primary{background:linear-gradient(160deg,#0ea5e91f,#f8fafcf5),#f8fafceb;background-position:right 1rem top 1rem,center;background-repeat:no-repeat,no-repeat;background-size:72px 72px,cover}.weather-stop-top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.weather-stop-name{margin:.2rem 0 0;font-size:1.05rem;font-weight:700;color:#0f172a}.weather-art-clear{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Ccircle cx='48' cy='48' r='18' fill='rgba(250,204,21,0.45)'/%3E%3Cg stroke='rgba(245,158,11,0.45)' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M48 12v12'/%3E%3Cpath d='M48 72v12'/%3E%3Cpath d='M12 48h12'/%3E%3Cpath d='M72 48h12'/%3E%3Cpath d='M23 23l8 8'/%3E%3Cpath d='M65 65l8 8'/%3E%3Cpath d='M23 73l8-8'/%3E%3Cpath d='M65 31l8-8'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#fde0472e,#ffffffeb)}.weather-art-cloud{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='rgba(148,163,184,0.38)'%3E%3Ccircle cx='38' cy='50' r='15'/%3E%3Ccircle cx='54' cy='44' r='18'/%3E%3Ccircle cx='66' cy='54' r='14'/%3E%3Crect x='24' y='54' width='54' height='14' rx='7'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#cbd5e13d,#ffffffeb)}.weather-art-rain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='rgba(148,163,184,0.34)'%3E%3Ccircle cx='38' cy='40' r='15'/%3E%3Ccircle cx='54' cy='34' r='18'/%3E%3Ccircle cx='66' cy='44' r='14'/%3E%3Crect x='24' y='44' width='54' height='14' rx='7'/%3E%3C/g%3E%3Cg stroke='rgba(14,165,233,0.5)' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M34 66l-4 10'/%3E%3Cpath d='M50 66l-4 12'/%3E%3Cpath d='M66 66l-4 10'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#7dd3fc38,#ffffffeb)}.weather-art-wind{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='rgba(14,165,233,0.42)' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M18 34h40c8 0 12-4 12-9 0-5-4-8-8-8-5 0-8 3-8 8'/%3E%3Cpath d='M12 50h52c7 0 11 4 11 9 0 5-4 8-8 8-5 0-8-3-8-8'/%3E%3Cpath d='M28 66h28c7 0 11 4 11 9'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#bae6fd33,#ffffffeb)}.weather-art-cold{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='rgba(96,165,250,0.42)' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M48 18v60'/%3E%3Cpath d='M22 33l52 30'/%3E%3Cpath d='M22 63l52-30'/%3E%3Cpath d='M36 24l12 12 12-12'/%3E%3Cpath d='M36 72l12-12 12 12'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#bfdbfe3d,#ffffffeb)}.weather-art-storm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='rgba(148,163,184,0.34)'%3E%3Ccircle cx='38' cy='38' r='15'/%3E%3Ccircle cx='54' cy='32' r='18'/%3E%3Ccircle cx='66' cy='42' r='14'/%3E%3Crect x='24' y='42' width='54' height='14' rx='7'/%3E%3C/g%3E%3Cpath d='M50 56L40 74h12l-6 18 18-24H52l8-12z' fill='rgba(250,204,21,0.55)'/%3E%3C/svg%3E"),linear-gradient(160deg,#94a3b842,#ffffffeb)}.simple-list{margin:.5rem 0 0;padding-left:1.1rem}.simple-list li+li{margin-top:.35rem}.journey-card{display:grid;gap:1rem}.journey-stack{display:grid;gap:.85rem}.journey-stack-home .journey-row:first-child{order:2}.journey-stack-home .journey-row:last-child{order:1}.journey-row,.journey-note{padding:1rem;border-radius:20px;background:#f8fafceb}.journey-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.journey-label{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#075985}.route-map-card{display:flex;flex-direction:column;gap:1rem;align-self:stretch;background:linear-gradient(180deg,#0ea5e90f,#ffffffe6),#ffffffd1}.route-map{display:grid;gap:.1rem}.route-map-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.9rem}.route-map-rail{display:flex;flex-direction:column;align-items:center}.route-map-dot{width:14px;height:14px;border-radius:999px;border:3px solid transparent;margin-top:.35rem}.route-map-dot-calm{background:#22c55e;border-color:#22c55e33}.route-map-dot-watch{background:#f59e0b;border-color:#f59e0b38}.route-map-dot-warn{background:#ef4444;border-color:#ef444433}.route-map-line{width:2px;flex:1;background:#94a3b873;margin-top:.45rem}.route-map-content{padding:0 0 1rem}.route-map-top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.route-map-title,.route-map-subtitle,.route-map-detail{margin:0}.route-map-title{font-size:1rem;font-weight:700;color:#0f172a}.route-map-subtitle{margin-top:.2rem;color:#64748b}.route-map-detail{margin-top:.45rem;color:#334155}.route-map-status{padding:.4rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.route-map-status-calm{background:#16a34a1f;color:#166534}.route-map-status-watch{background:#facc1529;color:#92400e}.route-map-status-warn{background:#f8717129;color:#991b1b}.auth-shell{display:grid;place-items:center;min-height:100vh}.auth-card{width:min(100%,560px);padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-form{display:grid;gap:1rem;margin-top:1.5rem}.auth-form label{display:grid;gap:.45rem}.auth-form input{width:100%;padding:.85rem .9rem;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#f8fafcf2;color:#122033;font:inherit}.auth-form input:focus{outline:2px solid rgba(3,105,161,.16);border-color:#0ea5e9}.auth-button,.ghost-button{border:0;border-radius:999px;font:inherit;cursor:pointer}.auth-button{padding:.85rem 1.1rem;background:#0f172a;color:#f8fafc;font-weight:700}.ghost-button{padding:.55rem .85rem;background:#ffffffe6;color:#0f172a;border:1px solid rgba(15,23,42,.08)}.auth-error{margin:0;color:#b91c1c;font-weight:600}@media(max-width:900px){.content-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-shell{padding-top:1rem}.hero h1,.auth-card h1{max-width:none}.hero-topline,.journey-row,.route-map-top,.weather-stop-top,.journey-status-row{flex-direction:column;align-items:flex-start}}