:root{color-scheme:dark;font-family:Avenir Next,Helvetica Neue,PingFang SC,Noto Sans SC,sans-serif;background:#030714;color:#edf5ff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(80,163,255,.28),transparent 24%),radial-gradient(circle at 82% 10%,rgba(137,222,255,.18),transparent 25%),radial-gradient(circle at 76% 72%,rgba(255,180,106,.14),transparent 24%),linear-gradient(180deg,#071121,#030611 42%,#02040b);overflow:hidden}button,input{font:inherit}.app-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;padding:18px}.app-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 38%,rgba(111,186,255,.12),transparent 28%),radial-gradient(circle at 50% 50%,rgba(11,31,70,.66),transparent 40%);pointer-events:none}.glass-panel{position:relative;z-index:1;background:linear-gradient(180deg,#111c2fb8,#090f1b94);border:1px solid rgba(255,255,255,.11);border-radius:28px;box-shadow:0 28px 90px #00000061,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.topbar{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;padding:24px 28px}.topbar h1{margin:4px 0 0;font-size:clamp(2rem,3vw,3.3rem);line-height:.95;letter-spacing:-.06em}.topbar p{max-width:520px;margin:0;color:#eaf3ffc2;line-height:1.5}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#99d3ff;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase}.left-rail{display:flex;flex-direction:column;gap:18px;padding:22px;height:calc(100vh - 132px);min-height:0;overflow:hidden}.right-rail{position:fixed;top:118px;right:18px;bottom:18px;width:min(420px,calc(100vw - 36px));display:flex;flex-direction:column;gap:18px;padding:22px;z-index:6;min-height:calc(100vh - 136px);transform:translate(calc(100% + 28px));opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease}.right-rail.open{transform:translate(0);opacity:1;pointer-events:auto}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;border:0;background:#0207125c;cursor:pointer}.drawer-peek{position:fixed;top:132px;right:18px;z-index:7;border:1px solid rgba(138,222,255,.22);border-radius:999px;padding:12px 16px;background:#060a14db;color:#f6fbff;cursor:pointer;box-shadow:0 18px 50px #00000047}.drawer-head{display:grid;gap:14px}.drawer-actions{display:flex;flex-wrap:wrap;gap:10px}.drawer-button,.drawer-link,.mini-button,.mini-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);background:#080f1c94;color:#f2f7ff;text-decoration:none}.drawer-button,.mini-button{cursor:pointer}.drawer-button:hover,.drawer-link:hover,.mini-button:hover,.mini-link:hover,.drawer-peek:hover{border-color:#8adeff6b;background:#0c182bd1}.disabled{opacity:.45;pointer-events:none}.section-head h2{margin:6px 0 0;font-size:1.45rem;letter-spacing:-.04em}.search-field{display:flex;flex-direction:column;gap:10px;font-size:.92rem;color:#e9f2ffb8}.search-field input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#080f1cb3;color:#f4f8ff;outline:none}.search-field input:focus{border-color:#8adeff99;box-shadow:0 0 0 4px #66bdff1f}.search-grid,.suggestion-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.suggestion-card{display:grid;gap:10px;padding:14px;border-radius:22px;background:#080f1c85;border:1px solid rgba(255,255,255,.08)}.suggestion-card>span,.filter-bar span{color:#e6efff94;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.suggestion-list{display:flex;flex-direction:column;gap:8px;max-height:192px;overflow:auto}.suggestion-item,.ghost-button{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#060a14b8;color:#f3f7ff;text-align:left;padding:12px 14px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.suggestion-item:hover,.ghost-button:hover{transform:translateY(-1px);border-color:#8adeff6b;background:#0a1426e6}.suggestion-item strong{display:block;margin-bottom:6px}.suggestion-item span,.hint-copy{color:#e9f2ffad;line-height:1.55}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.active-chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#5db3f62e;border:1px solid rgba(138,222,255,.26);color:#f5fbff}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{border:0;border-radius:999px;padding:10px 14px;background:#ffffff0d;color:#eff6ffcc;cursor:pointer;transition:transform .2s ease,background .2s ease}.pill:hover,.pill.active{transform:translateY(-1px);background:linear-gradient(180deg,#7dcaff42,#3881ea3d);color:#fff}.poi-list{display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0}.poi-card{display:grid;gap:4px;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#070d188f;color:#f1f7ff;cursor:pointer;text-align:left;padding:16px;transition:transform .24s ease,border-color .24s ease,background .24s ease}.poi-card:hover,.poi-card.active{transform:translateY(-2px);border-color:#8adeff6b;background:#0c182bd1}.poi-card strong{font-size:1rem}.poi-card span{color:#edf5ffab}.poi-type{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.globe-stage{position:relative;z-index:1;height:calc(100vh - 132px);min-height:0;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.map-surface{width:100%;height:100%}.map-surface>*{width:100%;height:100%}.map-surface canvas{outline:none}.poi-popup-card{display:grid;gap:10px;padding:18px}.poi-popup-type{color:#94d7ff;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.poi-popup-card h3{margin:0;font-size:1.05rem;line-height:1.35}.poi-popup-location,.poi-popup-loading{margin:0;color:#e9f2ffb3;line-height:1.5}.poi-popup-meta{display:grid;gap:10px;margin:0}.poi-popup-meta div{padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.poi-popup-meta dt{margin:0 0 6px;color:#e6efff94;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.poi-popup-meta dd{margin:0;color:#f6fbff;line-height:1.5}.poi-popup-link{display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(138,222,255,.28);background:#5db3f629;color:#f5fbff;text-decoration:none}.poi-popup-link:hover{background:#5db3f63d}.poi-binding{color:#9edbff!important;font-size:.78rem}.match-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#5db3f624;border:1px solid rgba(138,222,255,.2);color:#f5fbff;font-size:.78rem}.place-detail-shell{min-height:220px;overflow:hidden;border-radius:18px;background:#04091280}.place-detail-shell>*{width:100%}.poi-mapkit-callout{display:grid;gap:10px;min-width:240px;max-width:300px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#0e1a2cf5,#060b14fa);color:#edf5ff;box-shadow:0 22px 60px #00000057}.poi-mapkit-callout h3,.poi-mapkit-callout p{margin:0}.poi-mapkit-callout__type{color:#94d7ff;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.poi-mapkit-callout__location,.poi-mapkit-callout__address{color:#e9f2ffb8;line-height:1.55}.poi-mapkit-callout__button{justify-self:start;border:1px solid rgba(138,222,255,.28);border-radius:999px;padding:9px 14px;background:#5db3f629;color:#f5fbff;cursor:pointer}.poi-mapkit-callout__button:hover{background:#5db3f63d}.globe-overlay{position:absolute;inset:20px 20px auto 20px;z-index:3;display:flex;justify-content:space-between;gap:14px;pointer-events:none}.globe-status{min-width:180px;padding:14px 16px;border-radius:18px;background:#050a14a8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.globe-status.right{text-align:right}.globe-status span{display:block;margin-bottom:8px;color:#e6efff94;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.globe-status strong{color:#fff;font-size:.98rem}.loading-panel{height:100%;display:grid;place-content:center;text-align:center;gap:8px}.loading-panel h2{margin:0;font-size:1.7rem}.loading-panel p{margin:0;color:#e6f0ffb8}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#040810b8,#03060bd1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.spotlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spotlight-grid div,.meta-card,.stats-strip div{border-radius:20px;padding:16px;background:#080f1c94;border:1px solid rgba(255,255,255,.08)}.spotlight-grid span,.meta-card span,.stats-strip span{display:block;margin-bottom:8px;color:#e6efff94;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.spotlight-grid strong,.stats-strip strong{display:block;font-size:1rem;line-height:1.5}.meta-card p,.empty-copy{margin:0;color:#e9f2ffc2;line-height:1.6}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card-head span{margin-bottom:0}.detail-grid,.detail-list{display:grid;gap:12px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid div{border-radius:18px;padding:14px;background:#080f1c94;border:1px solid rgba(255,255,255,.08)}.detail-grid span{display:block;margin-bottom:8px;color:#e6efff94;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.detail-grid strong{display:block;line-height:1.5}.category-stack{display:grid;gap:12px}.category-path{display:flex;flex-wrap:wrap;gap:8px}.category-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#5db3f629;border:1px solid rgba(138,222,255,.18);color:#f7fbff}.stats-strip{display:grid;gap:12px}.error-banner{position:absolute;left:24px;right:24px;bottom:24px;z-index:3;display:grid;gap:8px;padding:16px 18px;border-radius:18px;background:#57181dd6;border:1px solid rgba(255,138,138,.22)}.error-banner strong{font-size:.95rem}.error-banner span{color:#ffececd1}@media(max-width:1180px){body{overflow:auto}.app-shell{grid-template-columns:1fr;padding-bottom:28px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.left-rail,.globe-stage{min-height:unset}.globe-stage{height:62vh}.right-rail{top:104px;right:12px;bottom:12px;width:calc(100vw - 24px)}.drawer-peek{top:auto;right:12px;bottom:18px}.search-grid,.suggestion-columns,.detail-grid{grid-template-columns:1fr}.globe-overlay{flex-direction:column;align-items:flex-start}.globe-status.right{text-align:left}}