@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-arabic-wght-normal-BMWQQIfH.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-vietnamese-wght-normal-DvU6pLYV.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-latin-ext-wght-normal-CJ9LaFMc.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-latin-wght-normal-9GNYQ01K.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Alexandria Variable,Tahoma,Arial,sans-serif;color-scheme:light;color:var(--ink);background:var(--sand);font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17231f;--river: #2864a8;--sand: #f1e5cd;--paper: #fffdf7;--green: #16865c;--coral: #c94c40;--amber: #d99418;--dust: #77766f;--line: #d7cdbb;--nav-height: 80px}*{box-sizing:border-box}html{background:var(--sand);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(115deg,transparent 45%,rgba(40,100,168,.045) 45.2%,transparent 45.6%) 0 0 / 76px 76px,var(--sand)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(40,100,168,.38);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:64px;padding:max(10px,env(safe-area-inset-top)) 20px 8px;background:#f1e5cdeb;border-bottom:1px solid rgba(23,35,31,.12);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.topbar-actions{display:flex;align-items:center;gap:7px}.brand-mark{display:grid;width:36px;height:36px;place-items:center;color:var(--sand);background:var(--ink);border-radius:10px 10px 4px}.brand-name{font-size:1.25rem;font-weight:760;letter-spacing:-.03em}.brand-beta{padding:3px 7px;color:var(--river);border:1px solid rgba(40,100,168,.35);border-radius:999px;font-size:.64rem;font-weight:650}.icon-button{display:grid;width:44px;height:44px;padding:0;place-items:center;background:transparent;border:1px solid rgba(23,35,31,.16);border-radius:50%;cursor:pointer}.main-content{width:min(100%,720px);margin:0 auto;padding:0 18px calc(var(--nav-height) + 45px)}.hero{position:relative;padding:22px 2px 17px;overflow:hidden}.hero:after{content:"";position:absolute;inset-inline-end:-80px;top:18px;width:172px;height:172px;border:1px solid rgba(40,100,168,.18);border-radius:50%;box-shadow:0 0 0 22px #2864a80a,0 0 0 47px #2864a806;pointer-events:none}.location-line{position:relative;z-index:1;display:flex;align-items:center;gap:6px;color:#4f5b56;font-size:.7rem;font-weight:590}.live-dot{width:7px;height:7px;margin-inline-start:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #16865c1f}.live-label{color:var(--green)}.hero h1{position:relative;z-index:1;margin:9px 0 8px;font-size:clamp(2.15rem,10vw,2.8rem);line-height:1.03;letter-spacing:-.06em}.hero h1 span{color:var(--river)}.hero p{position:relative;z-index:1;width:min(88%,470px);margin:0 auto 0 0;color:#56605b;font-size:.78rem;line-height:1.7}.fuel-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#17231f14;border-radius:15px}.fuel-switcher button{display:flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:7px 8px;background:transparent;border:0;border-radius:11px;cursor:pointer;font-weight:680;transition:background .18s ease,color .18s ease,transform .18s ease}.fuel-switcher .fuel-english{font-size:.62rem;font-weight:520;opacity:.56}.fuel-switcher button:active{transform:scale(.98)}.fuel-switcher button.active{color:var(--paper);background:var(--ink);box-shadow:0 4px 14px #17231f29}.directory{margin-top:27px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.eyebrow,.sheet-eyebrow{color:var(--river);font-size:.69rem;font-weight:720;letter-spacing:.02em}.section-heading h2{margin:0;font-size:1.55rem;letter-spacing:-.04em}.search-field{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 15px;background:var(--paper);border:1px solid var(--line);border-radius:13px;color:var(--dust);transition:border-color .18s ease,box-shadow .18s ease}.search-field:focus-within{border-color:var(--river);box-shadow:0 0 0 3px #2864a81a}.search-field input{min-width:0;flex:1;color:var(--ink);background:transparent;border:0;outline:0;font-size:.81rem}.search-field input::placeholder{color:#92918b}.filter-row{display:flex;gap:7px;margin:12px 0 5px;overflow-x:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{display:flex;flex:0 0 auto;align-items:center;gap:7px;min-height:40px;padding:6px 8px 6px 11px;color:var(--ink);background:var(--paper);border:1px solid rgba(23,35,31,.16);border-radius:999px;cursor:pointer;font-size:.7rem;font-weight:600;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.filter-row button i{width:7px;height:7px;flex:0 0 auto;background:var(--status-color);border-radius:50%;box-shadow:0 0 0 3px var(--status-tint)}.filter-row button strong{min-width:25px;padding:3px 7px;color:var(--status-color);background:var(--status-tint);border-radius:999px;font-size:.61rem;font-weight:760;text-align:center}.filter-row button.active{background:var(--status-tint);border-color:var(--status-color);box-shadow:inset 0 0 0 1px var(--status-color)}.filter-row button.active strong{color:#fff;background:var(--status-color)}.filter-row .status-limited.active strong{color:#17231f}.filter-all{--status-color: var(--river);--status-tint: rgba(40,100,168,.12)}.proximity-filter{display:flex;align-items:center;gap:7px;margin:10px 0 5px;overflow-x:auto;scrollbar-width:none}.proximity-filter::-webkit-scrollbar{display:none}.proximity-label{display:flex;flex:0 0 auto;align-items:center;gap:5px;margin-inline-end:3px;color:var(--dust);font-size:.67rem;font-weight:650}.proximity-filter button{flex:0 0 auto;min-height:38px;padding:7px 12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:.67rem}.proximity-filter button.active{color:var(--paper);background:var(--ink);border-color:var(--ink);font-weight:680}.location-feedback{margin:7px 2px 2px;color:var(--river);font-size:.62rem}.location-feedback.error{color:var(--coral)}.location-feedback.is-empty{visibility:hidden}.match-summary{display:flex;align-items:baseline;gap:6px;margin:10px 2px 3px;color:var(--dust)}.match-summary strong{color:var(--ink);font-size:1.05rem}.match-summary span{font-size:.68rem}.station-list{margin-top:8px;background:#fffdf7ad;border-top:1px solid var(--ink)}.station-row{position:relative;display:grid;width:100%;grid-template-columns:5px minmax(0,1fr) auto;gap:13px;min-height:128px;padding:20px 14px 18px 0;text-align:start;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;animation:reveal .38s both;animation-delay:calc(var(--row-index) * 55ms)}.station-row:hover{background:#ffffff7a}.station-row:active{background:#2864a80f}.status-rail{width:5px;height:100%;border-radius:8px;background:var(--dust)}.status-available{--status-color: var(--green);--status-tint: rgba(22,134,92,.12)}.status-limited{--status-color: var(--amber);--status-tint: rgba(217,148,24,.13)}.status-unavailable{--status-color: var(--coral);--status-tint: rgba(201,76,64,.12)}.status-conflicting{--status-color: #8b5cab;--status-tint: rgba(139,92,171,.12)}.status-unknown{--status-color: var(--dust);--status-tint: rgba(119,118,111,.13)}.status-rail{background:var(--status-color)}.station-copy{display:flex;min-width:0;flex-direction:column}.station-copy>strong{overflow:hidden;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.station-area{display:flex;align-items:center;gap:4px;margin-top:6px;overflow:hidden;color:var(--dust);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.station-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px;color:var(--dust);font-size:.66rem}.station-meta>span{display:flex;align-items:center;gap:4px}.status-label{color:var(--status-color);font-weight:680}.status-label i{width:8px;height:8px;background:var(--status-color);border-radius:2px;transform:rotate(45deg)}.station-side{display:flex;width:70px;align-items:end;flex-direction:column;color:var(--dust)}.distance{color:var(--ink);font-size:.77rem;font-weight:670}.report-count{margin-top:7px;font-size:.61rem}.station-side svg{margin-top:auto;color:var(--river)}.load-more{display:block;width:calc(100% - 24px);min-height:46px;margin:14px auto;color:var(--river);background:transparent;border:1px solid rgba(40,100,168,.35);border-radius:10px;cursor:pointer;font-size:.72rem;font-weight:680}.osm-attribution{margin:14px 2px 0;color:var(--dust);font-size:.6rem;line-height:1.7}.osm-attribution a{display:inline-flex;align-items:center;gap:3px;color:var(--river);text-decoration:underline;text-underline-offset:2px}.coverage-note{display:flex;gap:11px;margin:24px 0;padding:16px;color:#5f5b4f;background:#d994181a;border-inline-start:3px solid var(--amber);font-size:.72rem;line-height:1.75}.coverage-note svg{flex:0 0 auto;margin-top:2px;color:var(--amber)}.coverage-note p{margin:0}.coverage-note strong{color:var(--ink)}.bottom-nav{position:fixed;z-index:30;inset-inline:10px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;min-height:70px;padding:7px;background:#17231ff5;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 12px 36px #17231f47;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;min-height:52px;padding:4px;color:#aab2ae;background:transparent;border:0;border-radius:13px;cursor:pointer;font-size:.6rem}.bottom-nav button.active{color:#f8c35b}.bottom-nav .report-button{flex-direction:row;gap:6px;margin:0 2px;color:var(--ink);background:#f8c35b;font-size:.68rem;font-weight:750}.interactive-map-wrap{position:relative;height:clamp(520px,70dvh,760px);min-height:520px;margin-top:13px;overflow:hidden;background:#e8deca;border:1px solid var(--line);border-radius:6px 22px}.interactive-map{width:100%;height:100%}.map-loading{display:grid;height:clamp(520px,70dvh,760px);min-height:520px;margin-top:13px;place-items:center;color:var(--dust);background:#e8deca;border:1px solid var(--line);border-radius:6px 22px;font-size:.72rem}.map-status{position:absolute;z-index:6;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--dust);background:#e8decadb;font-size:.7rem;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-status.map-error{color:var(--coral);background:#fffdf7f0}.map-status span{color:var(--dust);font-size:.62rem}.map-empty-results{position:absolute;z-index:5;top:50%;left:50%;display:flex;width:min(290px,calc(100% - 36px));align-items:center;flex-direction:column;gap:5px;padding:15px;text-align:center;background:#fffdf7f0;border:1px solid rgba(23,35,31,.14);border-radius:11px;box-shadow:0 8px 24px #17231f24;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.map-empty-results strong{font-size:.76rem}.map-empty-results span{color:var(--dust);font-size:.62rem;line-height:1.6}.map-help{position:absolute;z-index:4;inset-inline:12px;bottom:34px;display:flex;align-items:center;gap:7px;width:fit-content;max-width:calc(100% - 24px);padding:9px 11px;color:var(--ink);background:#fffdf7eb;border:1px solid rgba(23,35,31,.12);border-radius:8px;box-shadow:0 4px 16px #17231f1f;font-size:.61rem;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.map-help svg{flex:0 0 auto;color:var(--river)}.maplibregl-map{font-family:Alexandria Variable,Tahoma,Arial,sans-serif}.maplibregl-ctrl-group{overflow:hidden;border:1px solid rgba(23,35,31,.14);border-radius:10px;box-shadow:0 4px 14px #17231f26}.maplibregl-ctrl-group button{width:44px;height:44px}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:var(--river)}.station-fallback-marker{width:16px;height:16px;padding:0;background:var(--status-color);border:3px solid var(--paper);border-radius:50%;box-shadow:0 2px 7px #17231f47;cursor:pointer}.station-fallback-marker:hover,.station-fallback-marker:focus-visible{z-index:2;transform:scale(1.35)}.overlay{position:fixed;z-index:50;inset:0;display:flex;align-items:end;justify-content:center;padding-top:40px;background:#0a120f9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}.sheet{position:relative;width:min(100%,620px);max-height:calc(100dvh - 34px);padding:31px 20px max(22px,env(safe-area-inset-bottom));overflow-y:auto;background:var(--paper);border-radius:24px 24px 0 0;box-shadow:0 -10px 45px #0a120f38;animation:sheet-up .24s ease-out}.sheet-handle{position:absolute;top:9px;left:50%;width:42px;height:4px;background:var(--line);border-radius:5px;transform:translate(-50%)}.sheet-close{position:absolute;top:23px;inset-inline-end:18px;display:grid;width:42px;height:42px;padding:0;place-items:center;background:#f0ede5;border:0;border-radius:50%;cursor:pointer}.sheet h2{margin:6px 0 7px;padding-inline-end:42px;font-size:1.55rem;letter-spacing:-.04em}.sheet-intro{margin:0 0 20px;color:var(--dust);font-size:.76rem;line-height:1.7}.detail-location{display:flex;align-items:center;gap:5px;margin:0;color:var(--dust);font-size:.72rem}.source-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--dust);font-size:.6rem}.google-maps-link{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;background:#fff;border:1px solid rgba(23,35,31,.13);border-radius:11px;box-shadow:0 2px 8px #17231f1a;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.google-maps-link:hover{border-color:#2864a866;box-shadow:0 4px 12px #17231f29;transform:translateY(-1px)}.google-maps-link svg{width:16px;height:23px}.name-suggestion{margin-top:15px;padding:13px;background:#d994181a;border-inline-start:3px solid var(--amber)}.name-suggestion p{display:flex;align-items:center;gap:9px;margin:0;font-size:.66rem;line-height:1.55}.name-suggestion p>svg{flex:0 0 auto;color:var(--amber)}.name-suggestion p>span{display:flex;flex:1;flex-direction:column}.name-suggestion p button{min-height:38px;padding:6px 10px;color:var(--ink);background:#f8c35b;border:0;border-radius:8px;cursor:pointer;font-size:.62rem;font-weight:700}.name-suggestion form label{display:block;margin-bottom:8px;font-size:.7rem;font-weight:700}.name-suggestion form>div{display:flex;gap:6px}.name-suggestion input{min-width:0;min-height:42px;flex:1;padding:8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:8px;outline:0;font-size:.7rem}.name-suggestion form button{min-width:62px;color:var(--paper);background:var(--ink);border:0;border-radius:8px;cursor:pointer;font-size:.65rem;font-weight:700}.name-suggestion form button:disabled{cursor:not-allowed;opacity:.4}.name-suggestion form small{display:block;margin-top:7px;color:var(--dust);font-size:.56rem;line-height:1.5}.fuel-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.fuel-status-card{min-width:0;padding:13px;background:var(--status-tint);border:1px solid var(--status-color);border-top-width:3px;border-radius:14px}.fuel-status-heading{display:flex;align-items:center;gap:9px}.fuel-status-heading .status-symbol{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:var(--status-color);background:var(--paper);border-radius:50%;box-shadow:0 2px 8px #17231f14}.fuel-status-heading>span:last-child{display:flex;min-width:0;flex-direction:column}.fuel-status-heading small{color:var(--dust);font-size:.54rem}.fuel-status-heading strong{margin-top:1px;font-size:.75rem}.fuel-status-value{display:block;min-height:42px;margin-top:13px;color:var(--status-color);font-size:.8rem;line-height:1.55}.fuel-status-meta{display:flex;gap:5px;padding-top:9px;color:var(--dust);border-top:1px solid color-mix(in srgb,var(--status-color) 28%,transparent);flex-direction:column;font-size:.56rem;line-height:1.45}.observation-line{display:flex;gap:13px;padding:19px 5px 21px}.timeline-dot{width:11px;height:11px;margin-top:4px;background:var(--river);border:3px solid #dce7f2;border-radius:50%;box-sizing:content-box}.observation-line strong{font-size:.75rem}.observation-line p{margin:4px 0 0;color:var(--dust);font-size:.67rem;line-height:1.65}.primary-action{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 18px;color:var(--paper);background:var(--ink);border:0;border-radius:13px;cursor:pointer;font-weight:700}.primary-action:disabled{cursor:not-allowed;opacity:.35}.primary-action.secondary{color:var(--ink);background:var(--sand)}.stepper{display:flex;gap:5px;margin:0 0 16px;padding-inline-end:50px}.stepper i{width:24px;height:4px;background:var(--line);border-radius:4px}.stepper i.active{width:38px;background:var(--river)}.back-button{display:flex;align-items:center;gap:4px;margin:-2px 0 11px;padding:0;color:var(--river);background:transparent;border:0;cursor:pointer;font-size:.71rem;font-weight:650}.station-options,.status-options{display:flex;flex-direction:column;margin-bottom:20px;border-top:1px solid var(--line)}.report-search{margin-bottom:10px}.option-empty{margin:20px 0;color:var(--dust);text-align:center;font-size:.7rem}.station-options button,.status-options button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:68px;padding:11px 8px;text-align:start;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer}.station-options button.selected{background:#2864a812}.station-options span,.status-options span{display:flex;min-width:0;flex-direction:column}.station-options strong,.status-options strong{font-size:.78rem}.station-options small,.status-options small{margin-top:4px;overflow:hidden;color:var(--dust);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.mini-fuel-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.mini-fuel-switch button{min-height:44px;background:transparent;border:1px solid var(--line);border-radius:9px;cursor:pointer}.mini-fuel-switch button.active{color:var(--paper);background:var(--river);border-color:var(--river);font-weight:700}.status-options button>i{width:13px;height:13px;background:var(--status-color);border-radius:3px;transform:rotate(45deg)}.status-options button.selected{background:color-mix(in srgb,var(--status-color) 8%,transparent)}.queue-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.queue-options button{min-height:47px;background:transparent;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:.72rem}.queue-options button.selected{color:var(--paper);background:var(--river);border-color:var(--river);font-weight:700}.queue-options button:last-child{grid-column:1 / -1}.report-summary{padding:15px;background:#f2eee4;border-inline-start:3px solid var(--river)}.report-summary span{display:block;color:var(--dust);font-size:.6rem}.report-summary strong{display:block;margin-top:4px;font-size:.78rem}.report-summary p{margin:5px 0 0;color:var(--river);font-size:.68rem}.guest-note{display:flex;align-items:start;gap:7px;margin:13px 2px;color:var(--dust);font-size:.62rem;line-height:1.6}.guest-note svg{flex:0 0 auto}.success-state{padding-top:27px;text-align:center}.success-mark{display:grid;width:76px;height:76px;margin:0 auto 19px;place-items:center;color:var(--paper);background:var(--green);border-radius:50% 50% 50% 12px}.success-state h2{padding:0}.success-state>p{max-width:400px;margin:0 auto 22px;color:var(--dust);font-size:.75rem;line-height:1.8}.account-invite{display:grid;width:100%;grid-template-columns:1fr auto;padding:15px;margin-bottom:11px;text-align:start;background:#2864a814;border:1px solid rgba(40,100,168,.2);border-radius:12px;cursor:pointer}.account-invite strong,.account-invite span{grid-column:1}.account-invite strong{font-size:.76rem}.account-invite span{margin-top:4px;color:var(--dust);font-size:.62rem;line-height:1.5}.account-invite svg{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--river)}.empty-state{display:flex;min-height:250px;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;border-top:1px solid var(--ink)}.empty-state svg{color:var(--river)}.empty-state strong{margin-top:13px;font-size:.85rem}.empty-state p{margin:6px 0 0;color:var(--dust);font-size:.7rem}[data-theme=dark]{color-scheme:dark;--ink: #e6eee9;--river: #72a9e5;--sand: #0c1411;--paper: #141f1a;--green: #35b983;--coral: #ef6d63;--amber: #e5a536;--dust: #a1ada7;--line: #34443c}[data-theme=dark] body{background:linear-gradient(115deg,transparent 45%,rgba(114,169,229,.035) 45.2%,transparent 45.6%) 0 0 / 76px 76px,var(--sand)}[data-theme=dark] .topbar{background:#0c1411eb;border-bottom-color:#e6eee91a}[data-theme=dark] .brand-mark{color:#f2c35d;background:#213129}[data-theme=dark] .brand-beta{border-color:#72a9e573}[data-theme=dark] .icon-button{border-color:#e6eee92e}[data-theme=dark] .location-line,[data-theme=dark] .hero p{color:#a9b5af}[data-theme=dark] .fuel-switcher{background:#e6eee914}[data-theme=dark] .fuel-switcher button.active{color:#f7faf8;background:#263a31;box-shadow:0 4px 14px #0000004d}[data-theme=dark] .search-field{background:#15231d}[data-theme=dark] .filter-row button{border-color:#e6eee933}[data-theme=dark] .filter-row button.active{border-color:var(--status-color)}[data-theme=dark] .filter-row button.active strong{color:#17231f}[data-theme=dark] .proximity-filter button{background:#15231d}[data-theme=dark] .proximity-filter button.active{color:#f7faf8;background:#2864a8;border-color:#2864a8}[data-theme=dark] .station-list{background:#141f1ab8}[data-theme=dark] .station-row:hover{background:#ffffff0a}[data-theme=dark] .station-row:active,[data-theme=dark] .station-options button.selected,[data-theme=dark] .status-options button.selected{background:#72a9e51a}[data-theme=dark] .coverage-note{color:#bbc3bf;background:#e5a5361a}[data-theme=dark] .coverage-note strong{color:var(--ink)}[data-theme=dark] .bottom-nav{background:#0a120ff7;border-color:#ffffff1a}[data-theme=dark] .bottom-nav .report-button{color:#17231f}[data-theme=dark] .interactive-map-wrap,[data-theme=dark] .map-loading{background:#111a16}[data-theme=dark] .interactive-map canvas{filter:brightness(.68) saturate(.78) contrast(1.12)}[data-theme=dark] .map-status{background:#0c1411e6}[data-theme=dark] .map-status.map-error{background:#141f1af5}[data-theme=dark] .map-empty-results,[data-theme=dark] .map-help{color:var(--ink);background:#141f1af0;border-color:#e6eee929}[data-theme=dark] .maplibregl-ctrl-group{border-color:#e6eee92e}[data-theme=dark] .maplibregl-ctrl-group button{background-color:#17251e}[data-theme=dark] .maplibregl-ctrl-group button+button{border-top-color:#35463e}[data-theme=dark] .maplibregl-ctrl-icon{filter:invert(1)}[data-theme=dark] .maplibregl-ctrl-attrib{color:#c7d1cc;background:#141f1adb}[data-theme=dark] .maplibregl-ctrl-attrib a{color:#9dc5ef}[data-theme=dark] .sheet{background:var(--paper)}[data-theme=dark] .sheet-close{color:var(--ink);background:#24332c}[data-theme=dark] .name-suggestion{background:#e5a53617}[data-theme=dark] .name-suggestion input{background:#0f1915}[data-theme=dark] .name-suggestion form button,[data-theme=dark] .primary-action{color:#f7faf8;background:#2864a8}[data-theme=dark] .primary-action.secondary{color:var(--ink);background:#24332c}[data-theme=dark] .mini-fuel-switch button.active,[data-theme=dark] .queue-options button.selected{color:#f7faf8;background:#2864a8}[data-theme=dark] .report-summary{background:#1c2a24}[data-theme=dark] .account-invite{background:#72a9e51a;border-color:#72a9e540}[data-theme=dark] .success-mark{color:#f7faf8}[data-theme=dark] .directory:after{color:#cbd5d0;background:#13221b}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(25px);opacity:.7}}@media(min-width:760px){.topbar{padding-inline:max(24px,calc((100vw - 1080px)/2))}.main-content{width:min(100% - 40px,1080px)}.hero{padding:56px 2px 25px}.hero h1{max-width:650px;margin:13px 0 12px;font-size:4.7rem;line-height:1.08}.hero p{font-size:.9rem;line-height:1.85}.location-line{font-size:.76rem}.fuel-switcher{width:440px}.fuel-switcher button{min-height:48px;padding:8px}.directory{margin-top:34px}.directory{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:28px}.section-heading,.search-field,.filter-row,.proximity-filter,.location-feedback,.match-summary{grid-column:1 / -1}.report-search{grid-column:auto}.station-list,.interactive-map-wrap,.map-loading,.empty-state,.osm-attribution{grid-column:1}.directory:after{content:"بيانات قيد المراجعة\a\aلم نتحقق محلياً من تشغيل جميع المحطات. حالة الوقود تعتمد على تحديثات المجتمع الحديثة، والمحطات دون تحديثات تظهر كحالة غير معروفة.";grid-column:2;grid-row:7;align-self:start;padding:24px;white-space:pre-line;color:#cdd4d0;background:var(--ink);border-radius:5px 20px;font-size:.72rem;line-height:1.85}.station-row{min-height:122px}.bottom-nav{inset-inline:auto 24px;width:390px}.coverage-note{max-width:calc(100% - 348px)}}@media(min-width:1000px){.hero p{position:absolute;bottom:31px;left:36%;width:min(32%,360px)}}@media(max-width:359px){.main-content{padding-inline:12px}.topbar{padding-inline:13px}.hero h1{font-size:2.05rem}.station-row{gap:9px;padding-inline-end:8px}.station-side{width:61px}.bottom-nav{inset-inline:5px}.bottom-nav button{font-size:.55rem}.bottom-nav .report-button{font-size:.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}