:root{--sea-900: #062a33;--sea-800: #0a3b47;--sea-700: #0f4d5b;--ink: #0c2b32;--ink-soft: #3c5a60;--cream: #f6efe2;--paper: #fcf8ef;--sand: #ece0cc;--coral: #e2583c;--coral-deep: #c4452c;--teal: #0e8c7f;--teal-deep: #0a6d63;--gold: #d7a23a;--metro-blue: #0a47b8;--hairline: rgba(12, 43, 50, .12);--shadow-soft: 0 18px 50px -18px rgba(6, 42, 51, .45);--shadow-lift: 0 10px 30px -12px rgba(6, 42, 51, .35);--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--sans: "Manrope", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--sea-900);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.map-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.leaflet-container{height:100%;width:100%;background:#e8eef0;font-family:var(--sans)}.leaflet-control-zoom a{border:none!important;color:var(--sea-800)!important;background:#fcf8efeb!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600}.leaflet-control-attribution{background:#fcf8efc7!important;font-family:var(--sans);font-size:10px;color:var(--ink-soft)}.leaflet-bar{box-shadow:var(--shadow-lift)!important;border-radius:12px!important;overflow:hidden}.stop-marker{display:grid;place-items:center}.stop-dot{width:12px;height:12px;border-radius:50%;background:var(--paper);border:3px solid var(--sea-800);box-shadow:0 2px 6px #062a3359;transition:transform .18s ease,border-color .18s ease}.stop-marker:hover .stop-dot{transform:scale(1.35);border-color:var(--coral)}.stop-marker.is-selected .stop-dot{width:22px;height:22px;background:var(--coral);border-color:var(--paper);box-shadow:0 0 0 4px #e2583c47,0 6px 14px #062a3366;animation:pop .32s cubic-bezier(.22,1.2,.4,1)}@keyframes pop{0%{transform:scale(.4)}to{transform:scale(1)}}.metro-marker{display:grid;place-items:center}.metro-dot{width:12px;height:12px;border-radius:50%;border:3px solid var(--ring, var(--metro-blue));box-shadow:0 2px 6px #062a3359;transition:transform .18s ease,border-color .18s ease}.metro-marker:hover .metro-dot{transform:scale(1.35)}.metro-marker.is-selected .metro-dot{width:22px;height:22px;border-color:var(--paper);box-shadow:0 0 0 4px #0a47b847,0 6px 14px #062a3366;animation:pop .32s cubic-bezier(.22,1.2,.4,1)}.me-marker{display:grid;place-items:center}.me-dot{width:16px;height:16px;border-radius:50%;background:var(--teal);border:3px solid var(--paper);box-shadow:0 0 #0e8c7f80;animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #0e8c7f73}70%{box-shadow:0 0 0 16px #0e8c7f00}to{box-shadow:0 0 #0e8c7f00}}.leaflet-tooltip.stop-tip{background:var(--sea-900);color:var(--paper);border:none;border-radius:8px;padding:4px 9px;font-family:var(--sans);font-weight:600;font-size:12px;box-shadow:var(--shadow-lift)}.leaflet-tooltip.stop-tip:before{display:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;padding-top:max(16px,env(safe-area-inset-top));background:linear-gradient(180deg,#062a338c,#062a3300);pointer-events:none;animation:drop-in .6s ease both}.topbar>*{pointer-events:auto}@keyframes drop-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.brand{display:flex;align-items:center;gap:11px;color:var(--paper);text-shadow:0 1px 12px rgba(6,42,51,.5)}.brand .glyph{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--paper);color:var(--sea-900);box-shadow:var(--shadow-lift);flex:none}.brand .glyph svg{width:22px;height:22px}.brand .word{line-height:1}.brand .word .name{font-family:var(--serif);font-size:25px;letter-spacing:.2px}.brand .word .sub{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.82;margin-top:2px}.controls{display:flex;align-items:center;gap:8px}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;border:none;cursor:pointer;background:#fcf8efeb;color:var(--sea-800);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lift);transition:transform .15s ease,background .15s ease}.icon-btn:hover{transform:translateY(-1px);background:var(--paper)}.icon-btn:active{transform:translateY(0)}.icon-btn svg{width:19px;height:19px}.icon-btn.active{background:var(--sea-800);color:var(--paper)}.icon-btn.active:hover{background:var(--sea-700)}.lang-toggle{display:inline-flex;padding:4px;border-radius:12px;background:#fcf8efeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lift)}.lang-toggle button{border:none;cursor:pointer;background:transparent;color:var(--ink-soft);font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.05em;padding:5px 10px;border-radius:8px;transition:all .15s ease}.lang-toggle button.active{background:var(--sea-800);color:var(--paper)}.panel{position:fixed;z-index:15;left:0;right:0;bottom:0;max-height:46vh;max-height:46dvh;display:flex;flex-direction:column;background:var(--paper);border-radius:26px 26px 0 0;box-shadow:var(--shadow-soft);overflow:hidden;animation:sheet-up .5s cubic-bezier(.22,1,.36,1) both}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 100% 0%,rgba(215,162,58,.08),transparent 55%),radial-gradient(90% 70% at 0% 100%,rgba(14,140,127,.07),transparent 55%);pointer-events:none}@keyframes sheet-up{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.panel .grab{width:42px;height:5px;border-radius:99px;background:var(--sand);margin:10px auto 2px;flex:none}.panel .scroll{flex:1;min-height:0;overflow-y:auto;padding:12px 22px 26px;padding-bottom:calc(26px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}@media (min-width: 880px){.panel{left:auto;top:92px;right:22px;bottom:22px;width:392px;border-radius:22px}.panel .grab{display:none}.panel .scroll{padding:26px 26px 28px}}.welcome .eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--coral)}.welcome h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,7vw,40px);line-height:1.02;margin:8px 0 6px;color:var(--sea-900)}.welcome h1 em{font-style:italic;color:var(--teal-deep)}.welcome .lead{color:var(--ink-soft);font-size:14.5px;line-height:1.5;margin:0 0 18px}.section-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:18px 0 10px}.line-card{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:16px;background:var(--cream);border:1px solid var(--hairline);margin-bottom:9px}.line-badge{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;font-weight:800;font-size:15px;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff40}.line-card .ln-name{font-weight:700;font-size:14px;color:var(--sea-900)}.line-card .ln-route{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.tips{margin:4px 0 0;padding:0;list-style:none}.tips li{position:relative;padding:7px 0 7px 26px;font-size:13px;color:var(--ink-soft);line-height:1.45;border-bottom:1px solid var(--hairline)}.tips li:last-child{border-bottom:none}.tips li svg{position:absolute;left:0;top:8px;width:16px;height:16px;color:var(--gold)}.arr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.arr-head .stop-kicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--coral)}.arr-head .stop-name{font-family:var(--serif);font-weight:400;font-size:clamp(26px,6vw,33px);line-height:1.05;color:var(--sea-900);margin-top:3px}.close-btn{flex:none;border:none;cursor:pointer;width:34px;height:34px;border-radius:10px;background:var(--cream);color:var(--ink-soft);display:grid;place-items:center;transition:background .15s ease,color .15s ease}.close-btn:hover{background:var(--sand);color:var(--sea-900)}.close-btn svg{width:16px;height:16px}.hero{margin:16px 0 18px;padding:18px 20px;border-radius:20px;color:var(--paper);background:linear-gradient(150deg,var(--sea-800),var(--sea-900));box-shadow:var(--shadow-lift);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(215,162,58,.22),transparent 70%)}.hero .hero-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.78}.hero .hero-row{display:flex;align-items:baseline;gap:10px;margin-top:6px}.hero .num{font-family:var(--serif);font-size:64px;line-height:.9;letter-spacing:-1px}.hero .unit{font-size:16px;font-weight:600;opacity:.85}.hero .now{font-family:var(--serif);font-size:48px;line-height:.9;color:var(--gold)}.hero .toward{margin-top:12px;display:flex;align-items:center;gap:9px;font-size:13.5px}.hero .toward .dir{opacity:.92}.hero .toward .dir b{font-weight:700}.line-pill{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 9px;border-radius:8px;color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.02em;flex:none}.source-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.source-tag .dot{width:7px;height:7px;border-radius:50%}.source-tag.live .dot{background:#43d6a0;box-shadow:0 0 0 3px #43d6a040}.source-tag.sched .dot{background:var(--gold)}.board-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:4px 0 10px}.dep{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--hairline)}.dep:last-child{border-bottom:none}.dep .dep-main{flex:1;min-width:0}.dep .dep-toward{font-weight:700;font-size:14px;color:var(--sea-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dep .dep-times{font-size:12.5px;color:var(--ink-soft);margin-top:3px}.dep .dep-times b{color:var(--coral);font-weight:800}.dep .dep-none{font-size:12.5px;color:var(--ink-soft);font-style:italic}.muted{color:var(--ink-soft);font-size:13.5px}.center-state{text-align:center;padding:26px 10px;color:var(--ink-soft)}.spinner{width:26px;height:26px;margin:0 auto 12px;border-radius:50%;border:3px solid var(--sand);border-top-color:var(--teal);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.geo-toast{position:fixed;z-index:18;left:50%;transform:translate(-50%);top:max(74px,calc(env(safe-area-inset-top) + 58px));background:var(--sea-900);color:var(--paper);font-size:12.5px;font-weight:600;padding:9px 15px;border-radius:99px;box-shadow:var(--shadow-lift);animation:drop-in .5s ease both}.fade-in{animation:fade-up .5s ease both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}