/* Charcoal surfaces, soft metallic edges and a restrained electric green. */
:root{color-scheme:dark;--green:#35d667;--muted:#8b908e;--border:#ffffff12;--cream:#090b0a;color:#eff2ef;background:#090b0a}
body{background:#090b0a}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline-color:#35d667}input{background:#1b1e1c;color:#f2f4f2;border-color:#ffffff17}input::placeholder{color:#727a75}input:focus{border-color:#43bf6d!important;box-shadow:0 0 0 3px #35d6670c}.muted{color:#949a95}.text-button{color:#c0d2c3}.primary-button{background:#34d366;color:#071a0c;font-weight:600;border-radius:15px;box-shadow:0 4px 22px #24bf4d16}.small-tag{color:#57d87d}.brand{color:#f6f7f5}.brand-mark{background:linear-gradient(145deg,#353a36,#191d1a);border:1px solid #ffffff24;color:#46dc74;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff15,0 5px 20px #0003}.brand-en{color:#89928b;letter-spacing:2.5px}
.auth-shell{background:#090b0a}.intro{background:radial-gradient(ellipse at 55% 60%,#16231b 0,transparent 60%),#070908;border-right:1px solid #ffffff0b}.intro-copy h1{color:#f0f3ef;font-weight:500}.intro-copy h1 span{color:#39d96a}.intro-copy p{color:#828d84}.eyebrow{color:#7a8f80}.intro-foot{color:#63766a}.map-art{opacity:.4;background:repeating-linear-gradient(0deg,transparent 0 83px,#4d5e50 84px 85px,transparent 86px 120px),repeating-linear-gradient(90deg,transparent 0 103px,#4d5e50 104px 105px,transparent 106px 150px)}.art-river{background:#1a3d30}.art-road{background:#3a423b;box-shadow:0 0 0 1px #566052}.art-pin{background:#37dc6a;border-color:#203025;color:#08140b;box-shadow:0 0 60px #33da6840}.art-label{background:#222c25;border:1px solid #526455;color:#d3e1d2;border-radius:12px}.art-compass{color:#9bad9a}.auth-panel{background:radial-gradient(ellipse at 60% 35%,#191c19,transparent 70%),#0e100f}.auth-card{background:linear-gradient(145deg,#242724aa,#161916aa);padding:35px;border:1px solid #ffffff18;border-radius:30px;box-shadow:inset 0 1px 0 #ffffff09,0 25px 80px #0003;width:440px}.auth-card h2{color:#f5f6f2}.auth-note{border-color:#ffffff10;color:#9eada1}.auth-note small,.switch-line,.label-row span{color:#818c83}.auth-panel footer{color:#616e64}.form-error{color:#ff9d8c}
.explorer,#map{background:#101613}#map{inset:0}.search-panel{background:linear-gradient(160deg,#232623ed,#131614f5);border:1px solid #ffffff20;border-radius:28px;box-shadow:inset 0 1px 0 #ffffff0c,0 16px 60px #0005;backdrop-filter:blur(26px);top:24px;bottom:24px;left:24px;width:350px}.panel-header{border-color:#ffffff0e;padding:27px 24px}.live-label{background:#32cd6010;color:#8fa595;border:1px solid #53b96d19}.live-label i{background:#32d765;box-shadow:0 0 8px #32d76565}.result-heading{color:#7e8b80;border-color:#ffffff0c}.empty-icon{background:radial-gradient(circle,#313b30,#202720);border-color:#53654a55;box-shadow:0 0 0 13px #ffffff02;color:#6f9475;border-radius:24px;width:74px;height:74px}.empty-state h3{color:#c7cfc5;font-size:14px}.empty-state p{color:#7e8b7e}.empty-caption{color:#506750}.account-bar{border-color:#ffffff0e;background:#ffffff02;padding:20px 23px}.avatar{background:linear-gradient(140deg,#424c40,#252e24);border:1px solid #ffffff16;color:#aff2bd;width:37px;height:37px}.account-bar strong{color:#e0e8dd}.account-bar small{color:#738471}.account-bar button{color:#9fa99d}
.floating-search{left:399px;top:24px;width:min(620px,calc(100vw - 450px));filter:drop-shadow(0 12px 30px #0005)}.floating-search-form{background:linear-gradient(145deg,#303330f2,#1c201df5);border:1px solid #ffffff25;border-radius:22px;padding:9px 10px 9px 21px;backdrop-filter:blur(25px);box-shadow:inset 0 1px 0 #ffffff0c}.floating-search-form input{color:#f3f5f1;font-size:14px}.floating-search-form input::placeholder{color:#929c92}.search-symbol{color:#a6b0a5}.floating-search-form button{border-radius:14px;background:#38d867;color:#092012;padding:13px 24px;font-weight:600}.floating-search-form #clear-search{color:#8e998c}.suggestion-panel{background:linear-gradient(145deg,#282d28f5,#171c18fa);border:1px solid #ffffff20;border-radius:22px;backdrop-filter:blur(28px);box-shadow:inset 0 1px 0 #ffffff08,0 14px 35px #0004;margin-top:10px}.suggestion-status{color:#8c9d8c;border-color:#ffffff0b;font-size:11px;padding:15px 21px}.suggestion-option{border-color:#ffffff08;padding:15px 21px;transition:background .15s}.suggestion-option:hover,.suggestion-option.active{background:#60d47d13}.suggestion-option>span{color:#55cf76}.suggestion-option strong{color:#e6eee3}.suggestion-option small{color:#879782}
.map-top-label{background:linear-gradient(145deg,#303630dc,#1b241ce8);border:1px solid #ffffff20;border-radius:30px;color:#99ac9a;backdrop-filter:blur(20px);top:28px;right:26px;padding:13px 20px;font-size:10px}.map-top-label span{color:#43df77}.map-controls{right:27px;bottom:65px;gap:14px}.map-controls>div{border:1px solid #ffffff24;border-radius:24px;background:#242b24c9;backdrop-filter:blur(25px);box-shadow:inset 0 1px 0 #ffffff14,0 10px 30px #0004}.map-controls button{background:transparent;color:#e0e8db;width:51px;height:51px;font-size:26px}.map-controls>button{border:1px solid #ffffff24;border-radius:50%;background:linear-gradient(145deg,#3b4139e8,#1b231bf2);backdrop-filter:blur(25px);box-shadow:inset 0 1px 0 #ffffff12,0 10px 25px #0003}.map-controls>div button+button{border-color:#ffffff12}.map-controls button:hover{background:#ffffff0c}.map-state{background:linear-gradient(145deg,#30352ff5,#191f19f5);border:1px solid #ffffff20;backdrop-filter:blur(30px);border-radius:28px;color:#edf3e8}.state-icon{color:#5dd881}.map-state p{color:#94a38e}.place-detail{left:399px;bottom:40px;border:1px solid #ffffff25;border-radius:26px;background:linear-gradient(140deg,#30372ef5,#171f18fa);backdrop-filter:blur(30px);box-shadow:inset 0 1px 0 #ffffff12,0 20px 60px #0006;padding:28px;color:#f0f4e9}.place-detail p{color:#a0b096}.place-detail .text-button{color:#6ee48b}.place-detail>button:first-child{color:#9dab96}.toast{background:#30392ef5;border:1px solid #ffffff20;color:#e2eddd;border-radius:20px;backdrop-filter:blur(20px)}.boot{background:#080b09;color:#43dc72}.pin{background:#32d867;color:#07250f;border-color:#c0f4cb;box-shadow:0 5px 18px #0006}.pin.active{background:#f1f8ee;color:#152414;border-color:#3be471;box-shadow:0 0 0 6px #32d86725,0 8px 20px #0006}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#62745b55;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
@media(max-width:1100px){.map-top-label{display:none}}
@media(max-width:850px){.search-panel{left:16px;top:16px;bottom:16px;width:300px;border-radius:24px}.floating-search{left:336px;top:16px;width:calc(100vw - 355px)}.floating-search-form{padding-left:15px;gap:7px}.floating-search-form button{padding:12px 16px}.place-detail{left:336px;max-width:calc(100vw - 410px)}.auth-card{padding:28px;width:100%;max-width:410px}.auth-panel{padding:40px 25px}.intro{padding:35px 28px}}
@media(max-width:600px){.intro{padding:24px;background:radial-gradient(ellipse at right,#15241a,transparent),#090d0a;border:0}.intro-copy h1{font-size:32px}.auth-panel{background:#090d0a;padding:22px 20px 70px}.auth-card{border-radius:25px;padding:26px}.auth-card h2{font-size:27px}.floating-search{top:16px;left:14px;right:14px;width:auto}.floating-search-form{border-radius:25px;padding:7px 8px 7px 17px}.floating-search-form button{border-radius:18px;padding:12px 20px}.floating-search-form input{font-size:13px}.suggestion-panel{border-radius:23px;max-height:60dvh}.search-panel{top:auto;bottom:18px;left:14px;right:85px;width:auto;max-height:68px;border-radius:32px;background:linear-gradient(145deg,#41463bdf,#20291fe8)}.panel-header{display:none}.account-bar{padding:14px 18px;border:0;background:transparent}.account-bar .avatar{height:34px;width:34px}.account-bar strong{font-size:12px}.account-bar button{font-size:11px}.map-controls{right:16px;bottom:18px;gap:12px}.map-controls button{height:49px;width:49px}.place-detail{left:14px;bottom:100px;width:calc(100% - 94px);max-width:none;border-radius:24px;padding:24px}.map-state{width:calc(100% - 45px);left:50%;top:48%}.auth-panel footer{left:22px;right:22px;font-size:7px}.toast{bottom:100px}.empty-state{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:23px 20px 21px}
.category-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:21px 8px 23px;min-width:0;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(145deg,#353a3380,#20271f70);color:#929e90;box-shadow:inset 0 1px 0 #ffffff06;transition:background .18s,border-color .18s,color .18s}
.category-card svg{height:29px;width:29px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.category-card span{font-size:12px;letter-spacing:1px}.category-card i{position:absolute;bottom:10px;width:4px;height:4px;border-radius:50%;background:transparent}
.category-card:hover{background:#ffffff09;color:#d0ddcc}.category-card.selected{color:#e8f4e4;border-color:#58b76c66;background:linear-gradient(145deg,#40543a85,#263723aa);box-shadow:inset 0 1px 0 #c5ffc51a,0 5px 18px #0002}
.category-card.selected svg{color:#49de74}.category-card.selected i{background:#48df73;box-shadow:0 0 8px #48df7355}
@media(max-width:600px){.search-panel{max-height:35dvh;border-radius:25px;right:85px}.category-cards{padding:12px 12px 10px;gap:8px}.category-card{padding:13px 6px 18px;gap:7px;border-radius:17px}.category-card svg{width:23px;height:23px}.category-card span{font-size:10px}.category-card i{bottom:6px}.search-panel .results{display:none}.account-bar{padding:10px 15px;border-top:1px solid #ffffff0c}.category-card.selected{border-color:#58b76c80}}
/* Compact icon-only tabs replace the former brand header. */
.category-cards{padding:0;gap:0;flex-shrink:0;border-bottom:1px solid #ffffff10}
.category-card{height:62px;padding:0;gap:0;justify-content:center;border:0;border-right:1px solid #ffffff0a;border-radius:0;background:transparent;box-shadow:none}
.category-card:last-child{border-right:0}.category-card svg{width:23px;height:23px;stroke-width:1.6}
.category-card.selected{border:0;border-right:1px solid #ffffff0a;background:#67bd7710;box-shadow:inset 0 -2px 0 #45d86e}
.category-card.selected:last-child{border-right:0}.category-card i{display:none}.category-card:hover{background:#ffffff08}
@media(max-width:600px){.category-card{height:48px;padding:0;border-radius:0}.category-card svg{width:21px;height:21px}.category-cards{padding:0;gap:0}.category-card.selected{border:0;box-shadow:inset 0 -2px 0 #45d86e}}

.floating-search-form .search-symbol{position:relative;top:-5px}