:root{color-scheme:dark;--bg: #0b0d0f;--body-bg: linear-gradient(180deg, rgba(19, 22, 24, .92), #0b0d0f 260px), linear-gradient(90deg, rgba(245, 242, 234, .035), transparent 42%), #0b0d0f;--text: #f5f2ea;--soft: #c9cbc7;--muted: #a8aaa7;--accent: #d5c18a;--accent-contrast: #0b0d0f;--surface: #14181b;--surface-strong: #101417;--panel: rgba(20, 24, 27, .86);--panel-shadow: 0 18px 60px rgba(0, 0, 0, .2);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .12);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .12);--topbar-bg: rgba(11, 13, 15, .84);--nav-bg: rgba(11, 13, 15, .9);--brand-mark-bg: #f5f2ea;--brand-mark-text: #0b0d0f;--secondary-bg: #f5f2ea;--secondary-text: #0b0d0f;--hero-panel-bg: linear-gradient(135deg, rgba(245, 242, 234, .12), rgba(20, 24, 27, .86));--map-bg: #101417;--map-grid: rgba(255, 255, 255, .06);--mini-map-grid: rgba(255, 255, 255, .05);--modal-backdrop: rgba(0, 0, 0, .58);--danger-bg: #513135;--danger-text: #fff0f0;--error: #ffb0b0;--success: #bce7c8;--floating-shadow: 0 18px 42px rgba(0, 0, 0, .38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light;--bg: #f7f4ed;--body-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(247, 244, 237, .92) 260px), linear-gradient(90deg, rgba(35, 87, 88, .06), transparent 45%), #f7f4ed;--text: #111417;--soft: #3f464a;--muted: #6c7478;--accent: #8a743f;--accent-contrast: #111417;--surface: #ffffff;--surface-strong: #eef3f1;--panel: rgba(255, 255, 255, .86);--panel-shadow: 0 18px 44px rgba(22, 33, 39, .1);--border: rgba(17, 20, 23, .12);--border-strong: rgba(17, 20, 23, .16);--input-bg: rgba(17, 20, 23, .045);--input-border: rgba(17, 20, 23, .15);--topbar-bg: rgba(247, 244, 237, .88);--nav-bg: rgba(247, 244, 237, .92);--brand-mark-bg: #111417;--brand-mark-text: #f7f4ed;--secondary-bg: #111417;--secondary-text: #f7f4ed;--hero-panel-bg: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(231, 238, 236, .78));--map-bg: #eef3f1;--map-grid: rgba(17, 20, 23, .07);--mini-map-grid: rgba(17, 20, 23, .06);--modal-backdrop: rgba(17, 20, 23, .42);--danger-bg: #f4dddd;--danger-text: #7a1f29;--error: #a7343e;--success: #1d6b47;--floating-shadow: 0 18px 36px rgba(22, 33, 39, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--body-bg)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-frame{min-height:100vh;padding-bottom:82px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 28px;border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-actions{display:inline-flex;align-items:center;gap:8px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:8px;background:var(--brand-mark-bg);color:var(--brand-mark-text);font-weight:900}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.page-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:18px 0 24px}.landing{display:grid;min-height:calc(100vh - 170px);grid-template-columns:minmax(0,1fr);align-items:center;gap:24px}.hero-copy{max-width:760px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:32px;line-height:1.08;letter-spacing:0}h2{margin-bottom:10px;font-size:20px;line-height:1.18;letter-spacing:0}p{color:var(--soft);line-height:1.5}.landing h1{font-size:72px;line-height:.94}.landing h2{font-size:32px}.vision{color:var(--text);font-weight:800}.hero-map{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,transparent 24px,var(--map-grid) 25px,transparent 26px),linear-gradient(0deg,transparent 24px,var(--map-grid) 25px,transparent 26px),var(--surface);background-size:52px 52px}.pin{position:absolute;width:18px;height:18px;border:4px solid var(--brand-mark-bg);border-radius:50%;background:var(--accent);box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 18%,transparent)}.pin-a{top:24%;left:28%}.pin-b{top:54%;left:68%}.pin-c{top:70%;left:38%}.orbit-card{position:absolute;right:18px;bottom:18px;display:grid;gap:8px;width:min(260px,calc(100% - 36px));padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.screen-grid,.map-layout{display:grid;gap:14px}.map-layout{grid-template-columns:minmax(300px,350px) minmax(0,1fr);grid-template-areas:"pin map" "spots map";align-items:start}.pin-panel{grid-area:pin}.spots-panel{grid-area:spots}.map-panel{grid-area:map}.panel,.auth-panel,.quick-card,.data-card,.modal-card{border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--panel-shadow)}.panel{padding:18px}.hero-panel{display:grid;gap:12px;background:var(--hero-panel-bg)}.hero-panel h1{max-width:760px}.narrow-panel{width:min(520px,100%);margin:6vh auto}.auth-panel{padding:22px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-card{min-height:96px;padding:16px;text-decoration:none}.quick-card strong,.quick-card span{display:block}.quick-card span,.muted,.data-card span,.empty-state,.admin-row span{color:var(--muted)}.admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.admin-metrics span{min-height:70px;display:grid;align-content:center;gap:4px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--panel-shadow)}.admin-metrics strong{color:var(--text);font-size:24px}.admin-table{display:grid;gap:6px}.admin-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(220px,1.5fr) 120px 70px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.admin-row-head{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.admin-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-strip,.button-row,.tier-row,.section-heading,.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.section-heading{justify-content:space-between}.metric-strip span{min-width:104px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 54%,transparent);color:var(--muted)}.metric-strip strong{color:var(--text)}.primary-button,.secondary-button,.ghost-button,.danger-button,.theme-toggle{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border:0;border-radius:8px;padding:0 13px;cursor:pointer;font-weight:800;text-decoration:none}.primary-button{background:var(--accent);color:var(--accent-contrast)}.secondary-button{background:var(--secondary-bg);color:var(--secondary-text)}.ghost-button{border:1px solid var(--border-strong);background:transparent;color:var(--text)}.theme-toggle{border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 52%,transparent);color:var(--text)}.danger-button{background:var(--danger-bg);color:var(--danger-text)}button:disabled{cursor:not-allowed;opacity:.55}.stack-form,.settings-list{display:grid;gap:11px}.stack-form label,.settings-list label{display:grid;gap:6px;color:var(--text);font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text);outline:none;padding:9px 10px}select option{background:var(--surface)}textarea{resize:vertical}.inline-form{align-items:stretch}.inline-form input{flex:1 1 220px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkbox-row{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center}.checkbox-row input{width:auto}.form-error,.form-success{margin:0;font-weight:800}.form-error{color:var(--error)}.form-success{color:var(--success)}.form-hint{color:var(--muted);font-size:12px;font-weight:650}.place-summary{margin:0;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--muted);padding:9px 10px;font-size:12px;font-weight:700}.places-autocomplete-host,.places-autocomplete-host gmp-place-autocomplete{display:block;width:100%}.places-autocomplete-host:empty{min-height:42px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg)}.pac-container{z-index:3000;border:1px solid var(--border);border-radius:8px;box-shadow:var(--floating-shadow);overflow:hidden}.activity-list,.card-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.activity-list li,.data-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px}.activity-list li{border-bottom:1px solid var(--border)}.activity-list span{color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase}.data-card strong,.data-card span,.card-title{display:block}.card-title{color:var(--text);font-weight:900;text-decoration:none}.compact{gap:6px}.compact .primary-button,.compact .secondary-button,.compact .ghost-button,.compact .danger-button{min-height:34px;padding:0 10px}.map-panel{position:sticky;top:74px;height:min(680px,calc(100vh - 126px));min-height:520px;padding:0;overflow:hidden}.google-map,.fallback-map{height:100%;min-height:inherit}.pin-panel .muted{margin-bottom:14px}.pin-panel h1{font-size:30px}.spots-panel .card-list{max-height:260px;overflow:auto;padding-right:2px}.spots-panel .data-card{cursor:pointer}.fallback-map{display:grid;align-content:center;justify-items:center;gap:12px;padding:24px;background:linear-gradient(90deg,transparent 24px,var(--map-grid) 25px,transparent 26px),linear-gradient(0deg,transparent 24px,var(--map-grid) 25px,transparent 26px),var(--map-bg);background-size:52px 52px}.mini-map{display:grid;min-height:140px;place-items:center;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,transparent 24px,var(--mini-map-grid) 25px,transparent 26px),linear-gradient(0deg,transparent 24px,var(--mini-map-grid) 25px,transparent 26px),var(--map-bg);color:var(--accent);background-size:48px 48px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:var(--modal-backdrop)}.modal-card{width:min(480px,100%);padding:22px}.tabbar{position:fixed;right:16px;bottom:14px;left:16px;z-index:25;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;max-width:620px;margin:0 auto;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabbar a{min-height:38px;display:grid;place-items:center;border-radius:8px;color:var(--muted);font-size:12px;font-weight:900;text-decoration:none}.tabbar a.router-link-active{background:var(--brand-mark-bg);color:var(--brand-mark-text)}.ping-action{position:fixed;right:28px;bottom:78px;z-index:26;display:grid;min-width:58px;height:48px;place-items:center;border-radius:999px;padding:0 16px;background:var(--accent);color:var(--accent-contrast);font-weight:900;text-decoration:none;box-shadow:var(--floating-shadow)}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.achievement-grid span{min-height:70px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--accent);font-weight:900}.text-link{display:inline-flex;margin-top:16px;color:var(--accent);font-weight:800}@media(min-width:860px){.landing{grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr)}}@media(max-width:780px){.page-shell{width:min(100% - 20px,1280px);padding-top:12px}.topbar{padding:8px 10px}.brand small{display:none}h1{font-size:28px}h2{font-size:18px}.landing h1{font-size:44px}.landing h2{font-size:24px}.panel{padding:14px}.quick-grid,.admin-columns,.two-col,.achievement-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-row{grid-template-columns:1fr;gap:6px}.admin-row-head{display:none}.map-layout{grid-template-columns:1fr;grid-template-areas:"map" "pin" "spots"}.map-panel{position:static;height:44vh;min-height:320px}.pin-panel h1{font-size:28px}.google-map,.fallback-map{height:100%;min-height:inherit}.spots-panel .card-list{max-height:none}.data-card,.activity-list li{align-items:stretch;flex-direction:column}.tabbar{right:8px;bottom:8px;left:8px}.tabbar a{min-height:36px;font-size:11px}.ping-action{right:16px;bottom:66px;height:44px;min-width:52px}.map-ping-action{top:78px;bottom:auto}}