:root{color-scheme:dark;--bg:#030b15;--panel:#071a29;--line:#173b51;--text:#eef8ff;--muted:#a7c4d7;--cyan:#25f4e2;--blue:#1685ff;--green:#00d47b;--orange:#ff970e;--purple:#bd22ff;--yellow:#ffd43b;--red:#ff4f5e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 20% 0%,#092e40 0,transparent 38%),radial-gradient(ellipse at 90% 20%,#170d35 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{padding:14px;overflow-x:hidden}.glass{background:linear-gradient(135deg,rgba(8,31,47,.96),rgba(4,17,31,.96));border:1px solid #17485a;box-shadow:inset 0 1px 0 #ffffff08,0 10px 30px #0004;border-radius:16px}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;overflow:hidden;background:linear-gradient(110deg,#082b39,#07172b 55%,#170b30);min-height:94px}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#04e7ff08 45%,#bd22ff16 70%,transparent);animation:aurora 9s ease-in-out infinite alternate}.brand{display:flex;align-items:center;gap:16px;min-width:0;z-index:1}.brand img{width:68px;height:68px;object-fit:contain;flex-shrink:0}.brand h1{font-size:clamp(17px,2.2vw,30px);letter-spacing:.025em;margin:0 0 4px;font-weight:850}.brand p{margin:0;color:#7deaff;font-size:clamp(10px,1.15vw,15px);letter-spacing:.14em;font-weight:750}.verse{z-index:1;text-align:right;font-family:Georgia,serif;font-style:italic;max-width:230px;font-size:14px;line-height:1.4;color:#d9efff}.verse small{display:block;font:11px system-ui;color:#8fc4dd;margin-top:4px}.icon-button{border:1px solid #25536c;background:#0a2435;color:#fff;border-radius:9px;font-size:24px;width:42px;height:42px;z-index:1;cursor:pointer}.mode-section{margin-top:16px}.section-label,.filter-heading{font-size:12px;letter-spacing:.08em;color:#93dff0;font-weight:800;margin:0 0 8px 4px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{position:relative;display:flex;align-items:center;gap:15px;text-align:left;padding:15px 18px;border:1px solid #23495e;border-radius:13px;background:linear-gradient(115deg,#071927,#0a1727);color:var(--text);cursor:pointer;overflow:hidden;min-height:72px;transition:border-color .2s,transform .2s}.mode-card:hover{transform:translateY(-1px)}.mode-card b{display:block;font-size:16px}.mode-card small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.mode-icon{font-size:30px;width:42px;text-align:center;color:#a5c8e2}.check{margin-left:auto;opacity:0;border:1px solid currentColor;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.mode-card.active .check{opacity:1}.mode-card.active.env-mode{border-color:var(--cyan);box-shadow:0 0 0 1px #25f4e244,inset 0 0 24px #00e5c80e}.mode-card.active.env-mode .mode-icon{color:var(--cyan)}.mode-card.active.cat-mode{border-color:var(--purple);box-shadow:0 0 0 1px #bd22ff44,inset 0 0 24px #bd22ff0e}.mode-card.active.cat-mode .mode-icon{color:#df8dff}.filter-panel{margin-top:12px;padding:12px 14px}.filter-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}.filter-heading small{letter-spacing:0;color:#a9c8dc;font-weight:500}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter-card{position:relative;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #21465b;border-radius:11px;background:#071725;color:#eaf6ff;cursor:pointer;min-width:125px;flex:1;overflow:hidden;font-weight:700;font-size:13px}.filter-card .dot{width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent),transparent 40%);flex-shrink:0}.filter-card.active{border-color:var(--accent);background:linear-gradient(110deg,color-mix(in srgb,var(--accent),#071725 84%),#071725);box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent),transparent 91%)}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.stat-card{position:relative;overflow:hidden;min-width:0;border:1px solid var(--accent);border-radius:13px;padding:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent),#071522 91%),#04111e 75%);box-shadow:0 0 12px color-mix(in srgb,var(--accent),transparent 84%),inset 0 0 15px color-mix(in srgb,var(--accent),transparent 93%)}.stat-top{display:flex;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid #ffffff14}.stat-dot{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:color-mix(in srgb,var(--accent),#000 72%);color:var(--accent);font-size:21px;font-weight:900;flex-shrink:0}.stat-top b{display:block;font-size:14px}.stat-top small{display:block;color:#b4cde0;font-size:10px;margin-top:2px}.stat-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:8px}.stat-values>div{text-align:center;min-width:0;border-right:1px solid #ffffff17}.stat-values>div:last-child{border:0}.stat-values small{display:block;font-size:10px;color:#b8d0e2;white-space:nowrap}.stat-values strong{display:block;font-size:clamp(19px,2.1vw,28px);line-height:1.3;color:var(--value);font-variant-numeric:tabular-nums}.stat-values em{font-style:normal;font-size:10px;color:#d6e9f6}.stat-values>div:nth-child(1){--value:var(--yellow)}.stat-values>div:nth-child(2){--value:var(--red)}.stat-values>div:nth-child(3){--value:#45f3a1}.shimmer:before{content:"";position:absolute;top:-60%;left:-80%;width:45%;height:220%;background:linear-gradient(90deg,transparent,#ffffff04,#ffffff2c,#ffffff08,transparent);transform:rotate(22deg);animation:shimmer 5.7s ease-in-out infinite;pointer-events:none}.map-shell{position:relative;overflow:hidden;padding:0;min-height:420px}.map-heading{position:absolute;z-index:500;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(90deg,#04121beF,#04121bb8,transparent);pointer-events:none}.map-heading>*{pointer-events:auto}.map-heading h2{margin:0;font-size:17px}.map-heading p{margin:3px 0 0;color:#c0d7e5;font-size:12px}.subtle-button,.return-button{border:1px solid #2b6178;border-radius:10px;padding:10px 12px;color:#eaf8ff;background:#061a28ed;cursor:pointer;font-weight:700;font-size:12px}.subtle-button{white-space:nowrap}#map{height:min(68vh,760px);min-height:420px;width:100%;background:#091a23}.map-legend{position:absolute;z-index:500;right:12px;top:68px;padding:12px;width:190px;background:#041522ed;border-color:#2a596d;border-radius:12px;font-size:12px}.map-legend b{display:block;margin-bottom:8px;color:#c9f0ff}.map-legend hr{border:0;border-top:1px solid #28495a;margin:10px 0}.legend-row{display:flex;align-items:center;gap:8px;margin:7px 0;color:#d7e9f5}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid white}.status-dot.valid{background:#fff}.status-dot.missing{background:var(--yellow);border-color:var(--yellow)}.status-dot.invalid{background:var(--red);border-color:var(--red)}.legend-env{display:flex;align-items:center;gap:9px;margin:7px 0}.legend-env i{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--c);box-shadow:0 0 9px var(--c)}.return-button{position:absolute;z-index:500;right:12px;bottom:12px}.loading-overlay{position:absolute;inset:0;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#04111fe8;color:#d9f4ff;font-size:13px}.loading-overlay.hidden{display:none}.spinner{width:25px;height:25px;border:3px solid #204b5d;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.notice{display:flex;align-items:center;gap:12px;padding:12px 15px;margin-top:12px}.notice-icon{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;background:#ffd43b;color:#1d2630;border-radius:50%;font-size:20px;font-weight:900}.notice p{font-size:12px;line-height:1.5;color:#c3d9e8;margin:0;flex:1}.notice p b{color:#f1f9ff}.updated{font-size:11px;color:#8cb0c7;white-space:nowrap}.footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:12px 16px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:38px;height:38px;object-fit:contain}.footer-brand b,.footer-brand small{display:block;font-size:11px}.footer-brand small{color:#94b6cb;margin-top:3px}.footer-copy{font-size:11px;color:#89aabe;text-align:right}.leaflet-container{font:12px system-ui,sans-serif}.leaflet-control-zoom a,.leaflet-bar a{background:#061927!important;color:#e9fbff!important;border-color:#2a566a!important}.leaflet-control-attribution{background:#03101bcc!important;color:#a7c2d4!important}.leaflet-control-attribution a{color:#6ddff0!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#061927;color:#eaf8ff}.map-hidden-panels .map-legend{display:none}.map-fullscreen{position:fixed!important;inset:0!important;z-index:9999!important;border-radius:0!important}.map-fullscreen #map{height:100dvh!important;min-height:100dvh!important}.map-fullscreen .map-heading{padding-top:calc(12px + env(safe-area-inset-top))}.map-fullscreen .map-legend{top:75px}.map-fullscreen .return-button{bottom:calc(12px + env(safe-area-inset-bottom))}.map-fullscreen .loading-overlay{position:absolute}.error-card{padding:14px;border:1px solid #853c48;background:#28131b;border-radius:10px;color:#ffd9df;font-size:12px;line-height:1.5}.leaflet-marker-icon{filter:drop-shadow(0 0 3px #000a)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%,65%{left:-80%;opacity:0}75%{opacity:.9}100%{left:140%;opacity:0}}@keyframes aurora{from{background-position:0 0;opacity:.6}to{background-position:100% 0;opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:1000px){body{padding:9px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card.total{grid-column:span 3}.stat-values strong{font-size:24px}.map-legend{width:165px}.updated{white-space:normal;max-width:180px}}@media(max-width:650px){body{padding:6px}.hero{padding:12px;gap:8px;min-height:74px}.brand{gap:9px}.brand img{width:44px;height:44px}.brand h1{font-size:14px;line-height:1.25}.brand p{font-size:9px;letter-spacing:.06em;line-height:1.35}.verse{display:none}.fullscreen{width:34px;height:34px;font-size:20px}.mode-grid{gap:7px}.mode-card{padding:11px 9px;gap:7px;min-height:83px}.mode-icon{width:26px;font-size:24px}.mode-card b{font-size:13px}.mode-card small{font-size:10px;line-height:1.35}.check{width:18px;height:18px;font-size:11px}.filter-panel{padding:10px}.filter-heading{display:block;font-size:11px}.filter-heading small{display:block;margin-top:5px;line-height:1.4}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.filter-card{min-width:0;padding:10px 9px;font-size:12px}.filter-card:first-child{grid-column:1/-1}.filter-card .dot{width:12px;height:12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat-card.total{grid-column:1/-1}.stat-card{padding:9px}.stat-top{gap:7px}.stat-dot{width:27px;height:27px}.stat-top b{font-size:12px}.stat-top small{font-size:9px}.stat-values small{font-size:9px}.stat-values strong{font-size:22px}.stat-values em{font-size:9px}.map-shell{min-height:500px}.map-heading{padding:10px;align-items:flex-start}.map-heading h2{font-size:14px}.map-heading p{max-width:210px;font-size:10px;line-height:1.35}.subtle-button{font-size:10px;padding:8px 7px}.subtle-button{max-width:125px}.map-legend{top:auto;bottom:52px;right:8px;width:145px;padding:9px;font-size:10px}.map-legend b{font-size:10px}.legend-row,.legend-env{margin:5px 0;gap:6px}.legend-env i{width:10px;height:10px}.status-dot{width:10px;height:10px}#map{height:64vh;min-height:500px}.return-button{right:8px;bottom:8px;padding:8px;font-size:10px}.notice{align-items:flex-start;padding:10px;gap:8px}.notice-icon{width:25px;height:25px;font-size:16px}.notice p{font-size:10px}.updated{display:none}.footer{align-items:flex-start;flex-direction:column;padding:10px}.footer-copy{text-align:left;line-height:1.4}.footer-brand b{font-size:10px}} 
/* color accents on map cards */