:root{--void:#080610;--void-2:#0d0b18;--panel:rgba(20,18,34,0.82);--panel-solid:#14121f;--line:rgba(255,255,255,0.08);--text:#eef0f5;--text-2:#b7bccb;--text-mute:#7b8095;--accent:#6ad0ff;--accent-dim:rgba(106,208,255,0.16)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--void);overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent}#map-container{position:fixed;inset:0}#map{position:absolute;inset:0;background:var(--void)}.leaflet-container{background:var(--void);font:inherit}.leaflet-control-zoom{border:none !important;box-shadow:0 4px 18px rgba(0,0,0,0.5) !important;margin:12px !important}.leaflet-control-zoom a{background:var(--panel-solid);color:var(--text);border:1px solid var(--line);width:34px;height:34px;line-height:34px;font-size:18px}.leaflet-control-zoom a:hover{background:#1d1a2b;color:#fff}.leaflet-bar a:first-child{border-radius:10px 10px 0 0}.leaflet-bar a:last-child{border-radius:0 0 10px 10px}.pal-pin-wrap{background:none;border:none}.pal-pin{position:relative;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,0.10),rgba(8,6,16,0.9));border:2px solid var(--pin);box-shadow:0 0 0 1px rgba(0,0,0,0.5),0 0 10px -1px var(--pin);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform 0.12s ease}.pal-pin:hover{transform:scale(1.14);z-index:500}.pal-pin-img{width:100%;height:100%;object-fit:cover;display:block}.pal-pin-dot{width:34%;height:34%;border-radius:50%;background:var(--pin);box-shadow:0 0 6px var(--pin)}.pal-cluster-wrap{background:none;border:none}.pal-cluster{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;background:rgba(12,10,22,0.86);border:2px solid var(--pin);box-shadow:0 0 12px -2px var(--pin),inset 0 0 10px -4px var(--pin)}.pal-cluster.mid{width:42px;height:42px;font-size:14px}.pal-cluster.big{width:48px;height:48px;font-size:15px}.pal-popup .leaflet-popup-content-wrapper{background:var(--panel-solid);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,0.6)}.pal-popup .leaflet-popup-tip{background:var(--panel-solid);border:1px solid var(--line)}.pal-popup .leaflet-popup-content{margin:12px 14px;line-height:1.4}.pal-popup a.leaflet-popup-close-button{color:var(--text-mute)}.pop{position:relative}.pop-art{float:right;width:52px;height:52px;object-fit:cover;border-radius:10px;margin:0 0 6px 10px;border:1px solid var(--line);background:var(--void-2)}.pop-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pop-dot{width:9px;height:9px;border-radius:50%;flex:none}.pop-title{font-weight:700;font-size:15px}.pop-tags{display:flex;flex-wrap:wrap;gap:6px}.pop-tag{font-size:11px;color:var(--text-2);background:rgba(255,255,255,0.06);border:1px solid var(--line);border-radius:20px;padding:2px 9px}.pop-sub{margin:10px 0 5px;font-size:11px;letter-spacing:0.5px;color:var(--text-mute);text-transform:uppercase}.pop-pals{display:flex;flex-wrap:wrap;gap:5px}.pop-pal{font-size:11px;color:var(--text-2);background:rgba(255,255,255,0.05);border-radius:6px;padding:2px 7px}.pop-progress{display:flex;align-items:center;gap:8px;margin-top:12px;cursor:pointer;font-size:13px;color:var(--text);user-select:none}.pop-progress input{width:17px;height:17px;accent-color:var(--accent)}.search-box{position:absolute;top:12px;left:12px;z-index:900;width:min(320px,calc(100% - 24px));display:flex;align-items:center}.sidebar-toggle{flex:none;width:40px;height:40px;margin-right:8px;border-radius:11px;background:var(--panel-solid);border:1px solid var(--line);color:var(--text);font-size:18px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,0.45)}.sidebar-toggle:hover{background:#1d1a2b}#search-input{flex:1;height:40px;padding:0 14px;border-radius:11px;background:var(--panel-solid);border:1px solid var(--line);color:var(--text);font-size:14px;outline:none;box-shadow:0 4px 18px rgba(0,0,0,0.45)}#search-input::placeholder{color:var(--text-mute)}#search-input:focus{border-color:var(--accent)}.search-results{position:absolute;top:48px;left:48px;right:0;max-height:46vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,0.6);display:none}.search-results.open{display:block}.search-item{display:flex;align-items:center;gap:9px;padding:9px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.04)}.search-item:hover{background:rgba(255,255,255,0.05)}.search-dot{width:9px;height:9px;border-radius:50%;flex:none}.search-name{flex:1;font-size:13px;color:var(--text)}.search-cat{font-size:11px;color:var(--text-mute)}.sidebar{position:absolute;top:0;left:0;bottom:0;width:300px;z-index:1000;background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--line);transform:translateX(-100%);transition:transform 0.22s ease;display:flex;flex-direction:column;padding:14px 0 0}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:absolute;inset:0;z-index:999;background:rgba(0,0,0,0.45);opacity:0;pointer-events:none;transition:opacity 0.22s ease}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar-head{padding:44px 18px 12px}.sidebar-title{font-size:17px;font-weight:700;letter-spacing:0.3px}.overall{margin-top:12px}.overall-bar{height:7px;border-radius:20px;background:rgba(255,255,255,0.08);overflow:hidden}.overall-fill{display:block;height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#6ad0ff,#b073ff);transition:width 0.3s ease}.overall-label{margin-top:6px;font-size:12px;color:var(--text-2)}.sidebar-actions{display:flex;align-items:center;gap:8px;padding:4px 18px 12px;flex-wrap:wrap}.mini-btn{background:rgba(255,255,255,0.06);border:1px solid var(--line);color:var(--text-2);border-radius:8px;padding:6px 11px;font-size:12px;cursor:pointer}.mini-btn:hover{background:rgba(255,255,255,0.1);color:var(--text)}.mini-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);cursor:pointer;margin-left:auto}.mini-toggle input{accent-color:var(--accent)}.categories{flex:1;overflow-y:auto;padding:4px 10px 10px}.cat-group{margin-bottom:10px}.cat-group-head{display:flex;align-items:center;gap:9px;padding:8px}.cat-group-title{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-mute)}.cat-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;cursor:pointer}.cat-row:hover{background:rgba(255,255,255,0.04)}.cat-check,.group-check{accent-color:var(--accent);flex:none}.cat-swatch{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:0 0 7px -1px currentColor}.cat-name{flex:1;font-size:13px;color:var(--text)}.cat-count{font-size:11px;color:var(--text-mute);font-variant-numeric:tabular-nums}.cat-count.has-progress{color:var(--accent)}.cat-progress{flex-basis:100%;height:4px;margin:5px 0 0 27px;border-radius:20px;background:rgba(255,255,255,0.07);overflow:hidden}.cat-progress-fill{display:block;height:100%;width:0;background:var(--accent);border-radius:20px;transition:width 0.3s ease}.sidebar-foot{padding:12px 18px 16px;font-size:11px;color:var(--text-mute);border-top:1px solid var(--line)}.loading{position:absolute;inset:0;z-index:1200;background:var(--void);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity 0.4s ease}.loading.gone{opacity:0;pointer-events:none}.loading-orb{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#6ad0ff,#2a2350 62%,#0b0a16);box-shadow:0 0 40px -6px #6ad0ff;animation:orb 1.6s ease-in-out infinite}@keyframes orb{0%,100%{transform:scale(0.9);opacity:0.75}50%{transform:scale(1.06);opacity:1}}.loading-text{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--text-mute)}body.app-mode .sidebar-foot{display:none}@media (min-width:900px){.sidebar{transform:translateX(0)}.sidebar-backdrop{display:none}.sidebar-toggle{display:none}#map{left:300px}.search-box{left:312px}.search-results{left:0}.leaflet-control-zoom{margin-right:12px !important}body.app-mode .sidebar{transform:translateX(0)}}.pal-mapswitch{display:flex;overflow:hidden;border:1px solid var(--line) !important;border-radius:8px;background:var(--panel);backdrop-filter:blur(8px)}.pal-mapswitch a{display:block;width:auto !important;height:auto !important;padding:7px 12px;font:600 12px/1.2 inherit;letter-spacing:0.02em;color:var(--text-2);background:transparent;border:0 !important;border-radius:0 !important;white-space:nowrap}.pal-mapswitch a + a{border-left:1px solid var(--line) !important}.pal-mapswitch a:hover{color:var(--text);background:rgba(255,255,255,0.05)}.pal-mapswitch a.active{color:var(--accent);background:var(--accent-dim)}