@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Chakra+Petch:wght@600;700&display=swap";:root{--bg-0: #f7f4ef;--bg-1: #efe6d7;--ink: #1e1b16;--ink-soft: #5e5648;--accent: #d25f1f;--accent-dark: #923d0f;--line: #cbbca2;--ok: #1e7a3f;--card: rgba(255, 251, 243, .8);--shadow: 0 14px 30px rgba(54, 39, 12, .15)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--ink);height:100vh;height:100dvh;overflow:hidden;background:#1e1b16}.app-shell{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;padding:1rem;display:flex;gap:.75rem;align-items:flex-start}.app-shell>*{pointer-events:auto}.sidebar-left{display:flex;flex-direction:column;gap:.5rem;width:290px;flex-shrink:0;max-height:100%;position:relative;z-index:1}.hero{margin:0;display:inline-flex;flex-direction:column;gap:.15rem;background:#fffbf3e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:.55rem 1rem;box-shadow:0 8px 24px #36270c2e;animation:rise .42s ease-out both}.hero-title-row{display:flex;align-items:baseline;gap:.6rem}.kicker{margin:0;text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;color:var(--accent-dark);white-space:nowrap}h1,h2,h3{font-family:Chakra Petch,sans-serif;margin:0}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1;margin-top:.5rem}.hero-title-row h1{margin-top:0;font-size:clamp(1.15rem,2.2vw,1.55rem)}.subtitle{display:none}.panel{background:#fffbf3e0;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px #36270c2e;padding:.85rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .52s ease-out both}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.85rem}.panel-header.compact{margin-bottom:.65rem}.arrivals-head-actions{display:flex;align-items:center;gap:.45rem}.sheet-grabber,.mobile-sheet-toggle{display:none}.sheet-content{display:block}label{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem}input,select,button{font:inherit}input,select{border:1px solid var(--line);border-radius:12px;padding:.62rem .7rem;background:#fffcf5}input:focus,select:focus{outline:2px solid #f5ac79;outline-offset:1px}button{border:0;border-radius:12px;padding:.6rem .9rem;cursor:pointer;transition:transform .14s ease,filter .14s ease}button:hover{transform:translateY(-1px);filter:brightness(1.02)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:0}.icon-btn svg{display:block}.spin{animation:spin .9s linear infinite}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.btn-accent{color:#fff;background:linear-gradient(135deg,#d25f1f,#a94411)}.btn-ghost{background:#f2e7d0;color:#3a3024}.hint{color:var(--ink-soft);font-size:.86rem}.location-head{display:flex;justify-content:flex-start;align-items:center;gap:.6rem;margin-bottom:.4rem}.location-head .hint{margin:0;flex:1}.map-wrap{position:fixed;inset:0;z-index:0;isolation:isolate}.map-panel{width:100%;height:100vh;height:100dvh;border:none;border-radius:0;overflow:hidden}.selected-stop-marker{filter:drop-shadow(0 8px 14px rgba(84,42,11,.28))}.map-arrivals-overlay{display:none;position:absolute;right:1rem;bottom:1rem;z-index:3;width:min(300px,calc(100% - 2rem));padding:.62rem .72rem;background:#1f1a13d1;color:#f8edd5;border:1px solid rgba(251,219,180,.3);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 24px #110d094d}.map-arrivals-overlay h3{font-size:.94rem;margin-bottom:.2rem}.map-overlay-stop{margin:0 0 .45rem;font-size:.78rem;color:#e8cfab}.map-arrivals-list{margin:0;padding:0;list-style:none;display:grid;gap:.34rem}.map-arrivals-list li{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:.15rem .6rem;align-items:baseline;font-size:.83rem}.map-arrivals-list li strong{color:#ffd79f}.map-arrivals-list li small{grid-column:1 / -1;color:#f1ddbe;font-size:.74rem}.map-overlay-empty{margin:0;font-size:.8rem;color:#ead8bb}.map-overlay-fallback-list{margin:.45rem 0 0;padding:0;list-style:none;display:grid;gap:.3rem}.map-overlay-fallback-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem}.map-overlay-fallback-list li strong{color:#ffd79f}.stop-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.stop-meta.compact{gap:.4rem}.stop-meta.compact .meta-item{padding:.3rem .45rem;border-radius:10px}.stop-meta.compact .meta-item strong{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.meta-item{background:#fff8ea;border:1px solid #d9c6a8;border-radius:12px;padding:.65rem .75rem}.meta-label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#846950;margin-bottom:.1rem}.nearby-panel{margin:0;padding:.65rem .75rem;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;transition:opacity .18s ease,transform .18s ease}.nearby-panel.collapsed{opacity:0;transform:translateY(-8px);pointer-events:none}.nearby-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.nearby-header .meta-label{margin-bottom:0}.toggle-btn{background:transparent;color:var(--accent);font-size:.78rem;font-weight:600;padding:.2rem .5rem;border-radius:8px;min-height:0;border:1px solid transparent}.toggle-btn:hover{border-color:var(--line);background:#d25f1f0f}.nearby-panel::-webkit-scrollbar{width:4px}.nearby-panel::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.nearby-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.stop-choice{display:flex;justify-content:space-between;align-items:center;gap:.5rem;text-align:left;width:100%;border:1px solid #d7c3a6;background:#fff8ea;color:#3f3325;padding:.48rem .6rem;min-height:40px;font-size:.82rem}.stop-choice small{color:#846950;font-weight:600;white-space:nowrap;font-size:.75rem}.stop-choice.active{border-color:#b14d14;background:#ffe9d7;box-shadow:inset 0 0 0 1px #d25f1f}.arrivals-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:end;margin-bottom:.8rem}.status-pill{font-size:.8rem;padding:.28rem .55rem;border-radius:999px;background:#efe8da;color:#5f5140}.status-pill.ok{background:#d6f2df;color:var(--ok)}.status-pill.error{background:#f7dbd7;color:#8f2424}.arrival-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;margin-bottom:.9rem}.arrival-card{border:1px solid #d9c6a8;background:#fff8ea;border-radius:14px;padding:.8rem}.arrival-card h4,.arrival-card h3{margin:0;font-size:1.15rem}.arrival-line{margin-top:.35rem;font-size:.9rem;color:#4b4134}.response{margin:0;background:#201d18;color:#f5e9cf;border-radius:14px;padding:.8rem;min-height:170px;max-height:580px;overflow:auto;font-size:.84rem;line-height:1.45}.raw-response{margin-top:.8rem}.raw-response summary{cursor:pointer;color:#4d4032;font-weight:500;margin-bottom:.5rem}.hidden{display:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:760px){.app-shell{flex-direction:column;padding:.5rem;gap:.4rem}.sidebar-left{width:auto;flex:none;max-height:none;gap:.35rem}.hero{padding:.35rem .65rem;border-radius:12px;gap:0}.hero h1{font-size:clamp(.95rem,4.5vw,1.25rem)}.kicker{font-size:.55rem}.hero-title-row{gap:.35rem}.controls-panel{padding:.35rem .5rem}.controls-panel .panel-header.compact{margin-bottom:.15rem}.location-head{flex-direction:row;align-items:center;gap:.35rem;margin-bottom:.2rem}.location-head .hint{font-size:.72rem}.stop-meta.compact{gap:.25rem}.stop-meta.compact .meta-item{padding:.15rem .3rem;border-radius:8px}.stop-meta.compact .meta-label{font-size:.58rem;margin-bottom:0}.stop-meta.compact .meta-item strong{font-size:.72rem}.stop-meta,.arrivals-actions{grid-template-columns:1fr}.nearby-panel{display:none}.nearby-list{grid-template-columns:1fr;gap:.3rem}.map-arrivals-overlay{display:block;right:.5rem;left:.5rem;width:auto;bottom:4.8rem;padding:.42rem .52rem}.leaflet-control-zoom{display:none}.panel{padding:.68rem;border-radius:14px}.hint,.map-hint,.meta-label{font-size:.78rem}.map-overlay-stop,.map-overlay-empty,.map-arrivals-list li,.map-overlay-fallback-list li{font-size:.72rem}.meta-item{padding:.4rem .5rem}.stop-choice{min-height:38px;padding:.4rem .5rem;font-size:.78rem}.arrivals-actions{gap:.5rem;margin-bottom:.55rem}.arrival-board{gap:.45rem;margin-bottom:.55rem}.arrival-card{border-radius:12px;padding:.6rem}.arrival-card h3{font-size:1rem}.arrival-line{margin-top:.22rem;font-size:.83rem}.response{min-height:120px;max-height:260px;font-size:.76rem;padding:.62rem}.arrivals-panel{display:none;position:fixed;left:.5rem;right:.5rem;bottom:.5rem;z-index:14;margin-top:0;border-radius:14px;background:#fffbf3f5;box-shadow:0 16px 36px #36270c38;max-height:min(60vh,580px);overflow:hidden;transition:transform .22s ease,max-height .22s ease}.sheet-grabber{display:flex;width:100%;justify-content:center;align-items:center;background:transparent;padding:.1rem 0 .45rem;min-height:20px}.sheet-grabber span{width:44px;height:5px;border-radius:999px;background:#cfbaa0}.mobile-sheet-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:10px;background:#efe2ca;color:#5a4734;font-size:.83rem;padding:.35rem .58rem}.arrivals-panel .panel-header.compact{margin-bottom:.45rem}.arrivals-panel .sheet-content{max-height:calc(min(60vh,580px) - 78px);overflow:auto;padding-bottom:.15rem}.arrivals-panel.sheet-collapsed{max-height:62px}.arrivals-panel.sheet-collapsed .panel-header,.arrivals-panel.sheet-collapsed .sheet-content{opacity:0;pointer-events:none}.arrivals-panel.sheet-collapsed .panel-header{margin:0;min-height:0}.arrivals-panel.sheet-collapsed .sheet-grabber{padding:.4rem 0}.btn-accent,.btn-ghost{min-height:38px;padding:.48rem .65rem;font-size:.86rem}.icon-btn{width:38px;min-width:38px;height:38px;padding:0}input,select{padding:.5rem .6rem;font-size:.86rem}}.controls-panel{margin:0;padding:.65rem .75rem}.controls-panel .panel-header.compact{margin-bottom:.35rem}.arrivals-panel{position:absolute;right:1rem;top:1rem;bottom:1rem;width:350px;overflow-y:auto;margin:0;overscroll-behavior:contain}.arrivals-panel::-webkit-scrollbar{width:5px}.arrivals-panel::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.map-hint{margin:0 0 .55rem;color:var(--ink-soft);font-size:.86rem}