:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-family:"Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs:clamp(.75rem, .72rem + .1vw, .8125rem);--text-sm:clamp(.875rem, .84rem + .12vw, .9375rem);--text-md:clamp(1rem, .96rem + .18vw, 1.125rem);--text-lg:clamp(1.25rem, 1.18rem + .35vw, 1.5rem);--text-xl:clamp(1.5rem, 1.35rem + .8vw, 2rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-13:3.25rem;--space-14:3.5rem;--space-15:3.75rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-full:999px;--transition:.18s cubic-bezier(.16, 1, .3, 1);--color-primary:#01696f;--color-primary-contrast:#f1fffe;--shadow-sm:0 2px 8px #584a3924;--shadow-md:0 10px 24px #584a3929;--shadow-lg:0 18px 40px #584a3933}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--color-bg:#f7f3ee;--color-surface:#fffaf5;--color-surface-elevated:#fff;--color-border:#ddcec0;--color-text:#2f2a25;--color-text-muted:#60564d;--color-badge:#d8eeef;--color-overlay:#2d241b61}}@media (prefers-color-scheme:dark){:root{--color-bg:#171717;--color-surface:#1f1f1f;--color-surface-elevated:#292929;--color-border:#3b3b3b;--color-text:#f2eee8;--color-text-muted:#c1b7ab;--color-primary:#30acb3;--color-primary-contrast:#042a2d;--color-badge:#183639;--color-overlay:#0a0a0a8f}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f3ee;--color-surface:#fffaf5;--color-surface-elevated:#fff;--color-border:#ddcec0;--color-text:#2f2a25;--color-text-muted:#60564d;--color-primary:#01696f;--color-primary-contrast:#f1fffe;--color-badge:#d8eeef;--color-overlay:#2d241b61}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#171717;--color-surface:#1f1f1f;--color-surface-elevated:#292929;--color-border:#3b3b3b;--color-text:#f2eee8;--color-text-muted:#c1b7ab;--color-primary:#30acb3;--color-primary-contrast:#042a2d;--color-badge:#183639;--color-overlay:#0a0a0a8f}*{box-sizing:border-box;margin:0;padding:0}:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{height:100%;font-family:var(--font-family);font-size:var(--text-sm);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 15% 10%, #01696f24, transparent 35%), radial-gradient(circle at 85% 90%, #01696f1a, transparent 35%), var(--color-bg);color:var(--color-text);line-height:1.45;overflow:hidden}#app{height:100%}img,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 70%, white 30%);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.app-shell{isolation:isolate;width:100%;height:100%;position:relative}.map-canvas{width:100%;height:100%}.search-bar{top:var(--space-4);align-items:center;gap:var(--space-2);width:min(92vw,36rem);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent 15%);background:color-mix(in srgb, var(--color-surface-elevated) 78%, transparent 22%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-md);z-index:50;display:flex;position:absolute;left:50%;transform:translate(-50%)}.search-bar .sidebar-kicker{display:none}.search-bar input{width:100%;font-size:var(--text-md);background:0 0;border:none}.search-bar__close{background:color-mix(in srgb, var(--color-primary) 10%, transparent 90%);width:2rem;height:2rem;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;display:none}.search-dropdown{top:100%;left:-var(--space-4);right:-var(--space-4);margin-top:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-lg);z-index:51;max-height:50vh;position:absolute;overflow-y:auto}.search-dropdown ul{margin:0;padding:0;list-style:none}.search-dropdown li{border-bottom:1px solid color-mix(in srgb, var(--color-border) 50%, transparent 50%)}.search-dropdown li:last-child{border-bottom:none}.search-result-item.is-active{background:color-mix(in srgb, var(--color-primary) 14%, transparent 86%)!important}.search-result-item:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent 92%)!important}.search-result-item:active{background:color-mix(in srgb, var(--color-primary) 15%, transparent 85%)!important}.search-dropdown__hint{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.filter-pills{top:calc(var(--space-4) + 4.2rem);gap:var(--space-2);width:100%;padding-inline:var(--space-4);z-index:45;scrollbar-width:none;display:flex;position:absolute;left:0;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pills .sidebar-kicker{display:none}.filter-pill{border-radius:var(--radius-full);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface-elevated) 86%, transparent 14%);transition:background var(--transition), color var(--transition), border-color var(--transition);flex:none;font-weight:600}.filter-pill[aria-pressed=true]{color:var(--color-primary-contrast);border-color:color-mix(in srgb, var(--color-primary) 85%, black 15%);background:var(--color-primary)}.filter-pill[data-active=true]{color:var(--color-primary-contrast);border-color:color-mix(in srgb, var(--color-primary) 85%, black 15%);background:var(--color-primary)}.filter-pill.active-pill{color:var(--color-primary-contrast);border-color:color-mix(in srgb, var(--color-primary) 85%, black 15%);background:var(--color-primary)}.fab-group{right:var(--space-4);bottom:calc(var(--space-16) + var(--space-3));gap:var(--space-3);z-index:42;flex-direction:column;display:flex;position:absolute}.fab{background:var(--color-primary);width:3.25rem;height:3.25rem;color:var(--color-primary-contrast);box-shadow:var(--shadow-lg);transition:transform var(--transition), filter var(--transition);border-radius:50%;place-items:center;display:grid}.fab:hover{filter:saturate(1.08);transform:translateY(-2px)}.search-this-area-btn{bottom:calc(var(--space-16) + var(--space-4));padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600;font-size:var(--text-sm);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);z-index:43;border:none;position:absolute;left:50%;transform:translate(-50%)}.search-this-area-btn:hover{box-shadow:var(--shadow-lg);transform:translate(-50%)translateY(-2px)}.map-empty-state{left:50%;bottom:calc(var(--space-16) + var(--space-5));z-index:46;width:min(92vw,26rem);position:absolute;transform:translate(-50%)}.empty-state-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent 20%);background:color-mix(in srgb, var(--color-surface-elevated) 88%, transparent 12%);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid}.empty-state-card .empty-state-copy{gap:var(--space-1);display:grid}.empty-state-card h2{font-size:var(--text-lg);margin:0}.empty-state-card p{color:var(--color-text-muted);margin:0}.empty-state-icon{background:color-mix(in srgb, var(--color-primary) 10%, transparent 90%);width:2.75rem;height:2.75rem;color:var(--color-primary);border-radius:999px;place-items:center;display:grid}.empty-state-icon svg{width:1.5rem;height:1.5rem}.empty-state-action{justify-self:start}.map-legend{top:calc(var(--space-4) + 8.6rem);right:var(--space-4);z-index:47;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent 20%);background:color-mix(in srgb, var(--color-surface-elevated) 90%, transparent 10%);width:min(72vw,18rem);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:absolute;overflow:hidden}.map-legend__toggle{width:100%;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;font-weight:700;display:flex}.map-legend__body{gap:var(--space-2);padding:0 var(--space-4) var(--space-4);max-height:14rem;display:grid;overflow-y:auto}.map-legend[data-collapsed=true] .map-legend__body{display:none}.map-legend[data-collapsed=true] .map-legend__toggle span:last-child{transform:rotate(-90deg)}.map-legend__item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.map-legend__icon{color:#01696f;place-items:center;width:1.5rem;height:1.5rem;display:grid}.map-legend__icon svg{width:100%;height:100%}.map-legend__icon--bottle{color:#006494}.map-legend__icon--store{color:#437a22}.map-legend__icon--tap{color:#7a39bb}.map-legend__ring{border:2px solid #f59e0b;border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 2px #0000}.bottom-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--color-border);background:var(--color-surface);width:100%;box-shadow:var(--shadow-lg);overscroll-behavior:contain;transition:height var(--transition), transform var(--transition);z-index:40;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;overflow-y:auto}.bottom-sheet .sidebar-kicker--sheet{display:none}.bottom-sheet[data-state=peek]{height:5rem}.bottom-sheet[data-state=half]{height:50vh}.bottom-sheet[data-state=full]{height:90vh}.bottom-sheet .handle{width:3rem;height:.32rem;margin:var(--space-2) auto var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-muted) 35%, transparent 65%)}.bottom-sheet .content{gap:var(--space-3);padding:0 var(--space-4) var(--space-5);display:grid;overflow:visible}.station-card{gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);grid-template-columns:5.5rem 1fr;align-items:start;display:grid}.station-card img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%}.station-card .meta{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.badge--type{gap:var(--space-1)}.badge-icon{place-items:center;width:.95rem;height:.95rem;display:inline-grid}.badge-icon svg{width:100%;height:100%}.confirmation-bar{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-elevated) 90%, transparent 10%);gap:var(--space-3);grid-template-columns:1fr;display:grid}.confirmation-bar .confirmation-bar__actions{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.confirmation-bar .confirmation-bar__actions button{justify-content:center;align-items:center;gap:var(--space-1);width:100%;display:inline-flex}.station-detail{gap:var(--space-4);display:grid}.station-detail__action-row,.station-detail__secondary-actions,.station-detail__form-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.station-detail__action-row button,.station-detail__secondary-actions button,.station-detail__form-actions button{justify-content:center;align-items:center;gap:var(--space-1);width:100%;display:inline-flex}.station-detail__secondary-actions{border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3)}.confirm-pulse{animation:.28s ease-out confirmPulse}.count-bump{animation:.28s ease-out countBump}.btn-primary,.btn-secondary,.btn-ghost{border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);transition:background var(--transition), color var(--transition), border-color var(--transition);font-weight:700}.btn-primary{color:var(--color-primary-contrast);background:var(--color-primary)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.btn-ghost{color:var(--color-text-muted);background:0 0}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-badge);color:var(--color-text);align-items:center;font-weight:700;display:inline-flex}.add-station-radio-icon{width:1.25rem;height:1.25rem;color:var(--color-primary);flex:none;place-items:center;display:inline-grid}.add-station-radio-icon svg{width:100%;height:100%}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, color-mix(in srgb, var(--color-surface-elevated) 90%, var(--color-text-muted) 10%) 15%, color-mix(in srgb, var(--color-surface-elevated) 75%, white 25%) 50%, color-mix(in srgb, var(--color-surface-elevated) 90%, var(--color-text-muted) 10%) 85%);background-size:200% 100%;animation:1.2s linear infinite shimmer}.bottom-nav{width:100%;height:var(--space-16);border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-elevated) 92%, transparent 8%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:44;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0}.nav-tab,.bottom-nav__item{place-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-weight:600;display:grid}:is(.nav-tab,.bottom-nav__item) .icon{font-size:var(--text-md)}:is(.nav-tab,.bottom-nav__item)[data-active=true]{color:var(--color-primary)}:is(.nav-tab,.bottom-nav__item).active-tab{color:var(--color-primary)}.overlay{z-index:60;background:var(--color-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.overlay[data-open=true]{display:flex}.overlay .panel{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);width:min(100%,36rem);max-height:88vh;box-shadow:var(--shadow-lg);padding:var(--space-5);overflow:auto}.app-shell[data-search-active=true] .search-bar{top:var(--space-4);z-index:61;width:min(92vw,44rem);padding-right:calc(var(--space-4) + 2.5rem);position:fixed;left:50%;transform:translate(-50%)}.app-shell[data-search-active=true] .search-bar__close{display:inline-grid}.app-shell[data-search-active=true] .search-dropdown{top:calc(var(--space-4) + 4.75rem);z-index:62;width:min(92vw,44rem);max-height:calc(100vh - 7.75rem);position:fixed;left:50%;transform:translate(-50%)}.app-shell[data-search-active=true] .search-dropdown li:last-child{border-bottom:none}.app-shell[data-search-active=true] .map-canvas{filter:blur(1px)saturate(.85)}@keyframes confirmPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes countBump{0%{transform:translateY(0)}40%{transform:translateY(-2px)scale(1.08)}to{transform:translateY(0)scale(1)}}@media (min-width:768px){.app-shell{column-gap:var(--space-2);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:clamp(21rem,26vw,25rem) 1fr;display:grid}.search-bar,.filter-pills,.map-legend,.fab-group,.bottom-sheet,.bottom-nav{width:auto;position:static;transform:none}.search-bar{width:auto;margin:var(--space-5) var(--space-4) 0;padding-top:var(--space-6);border-radius:var(--radius-lg);grid-area:1/1}.search-bar .sidebar-kicker{top:var(--space-2);left:var(--space-4);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.68rem;font-weight:800;display:inline-flex;position:absolute}.app-shell[data-search-active=true] .search-bar{width:min(40rem,100vw - 2rem);margin:0}.filter-pills{margin:var(--space-3) var(--space-4) 0;padding:var(--space-6) var(--space-3) var(--space-3);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent 20%);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-elevated) 94%, transparent 6%);box-shadow:var(--shadow-sm);flex-wrap:wrap;grid-area:2/1;overflow:visible}.filter-pills .sidebar-kicker{top:var(--space-2);left:var(--space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.68rem;font-weight:800;display:inline-flex;position:absolute}.map-legend{margin:var(--space-3) var(--space-4) 0;z-index:auto;background:color-mix(in srgb, var(--color-surface-elevated) 95%, transparent 5%);width:auto;box-shadow:var(--shadow-sm);grid-area:3/1}.map-legend__body{max-height:none;overflow:visible}.bottom-sheet{height:100%;min-height:0;max-height:100%;margin:var(--space-3) var(--space-4) var(--space-4);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent 20%);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-elevated) 92%, transparent 8%);box-shadow:var(--shadow-md);grid-area:4/1;overflow-y:auto}.bottom-sheet .sidebar-kicker--sheet{z-index:2;padding:var(--space-3) var(--space-4);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent 30%);background:color-mix(in srgb, var(--color-surface-elevated) 96%, transparent 4%);font-size:.68rem;font-weight:800;display:inline-flex;position:sticky;top:0}.bottom-sheet .handle{display:none}.bottom-sheet .content{height:auto;padding-bottom:var(--space-4)}.bottom-sheet[data-state=peek],.bottom-sheet[data-state=half],.bottom-sheet[data-state=full]{height:100%;max-height:100%}.confirmation-bar{grid-template-columns:1fr}.map-canvas{grid-area:1/2/span 4;min-height:100vh}.fab-group{right:var(--space-6);bottom:var(--space-6);position:absolute}.bottom-nav{display:none}}@media (min-width:1280px){.app-shell{column-gap:var(--space-3);grid-template-columns:clamp(24rem,25vw,30rem) 1fr}.search-bar{margin:var(--space-5) var(--space-5) var(--space-3);padding:var(--space-3) var(--space-4)}.app-shell[data-search-active=true] .search-bar{width:min(44rem,100vw - 2.5rem);margin:0}.filter-pills{margin:0 var(--space-5);gap:var(--space-3)}.map-legend{margin:var(--space-4) var(--space-5) 0}.bottom-sheet{margin:var(--space-3) var(--space-5) var(--space-5)}.bottom-sheet .content{gap:var(--space-4);padding:var(--space-2) var(--space-5) var(--space-5)}.station-detail__action-row,.station-detail__secondary-actions,.station-detail__form-actions,.confirmation-bar__actions{gap:var(--space-3)}.btn-primary,.btn-secondary,.btn-ghost{padding:var(--space-2) var(--space-5)}}