:root{--bg: #0b0f14;--panel: #131a22;--fg: #e6edf3;--muted: #8b98a5;--accent: #35c46a;--border: #212b36}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SF Mono,Menlo,monospace}#topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--panel)}.brand{font-weight:700;font-size:1.1rem;color:var(--fg)}.brand span{color:var(--muted);font-weight:400}#topbar nav{display:flex;align-items:center;gap:1.25rem}.btn{background:var(--accent);color:#04130a;padding:.4rem .8rem;border-radius:6px;font-weight:600}.btn:hover{text-decoration:none;filter:brightness(1.05)}.usermenu{position:relative}.usermenu-btn{display:flex;align-items:center;gap:.4rem;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:999px;padding:.25rem .6rem .25rem .3rem;font:inherit;cursor:pointer;max-width:55vw}.usermenu-btn:hover{background:#ffffff0a}.usermenu-btn img{border-radius:50%;flex:0 0 auto}.usermenu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-btn .caret{color:var(--muted);font-size:.8em}.usermenu-dropdown{position:absolute;right:0;top:calc(100% + .4rem);min-width:180px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.35rem;box-shadow:0 8px 24px #0006;z-index:20}.usermenu-dropdown[hidden]{display:none}.usermenu-dropdown a,.usermenu-dropdown button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--fg);font:inherit;padding:.55rem .7rem;border-radius:7px;cursor:pointer}.usermenu-dropdown a:hover,.usermenu-dropdown button:hover{background:#ffffff0f;text-decoration:none}.usermenu-dropdown form{margin:0}main{flex:1;display:flex;flex-direction:column}#hero{padding:1.5rem 1.25rem .5rem;max-width:720px}#hero h1{margin:0 0 .25rem}#hero p{color:var(--muted)}#home{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}.home-card{text-align:center}.home-card h1{margin:0 0 .5rem;font-size:2rem}.home-card #home-msg{margin:0 0 1.5rem}.home-card .btn{display:inline-block;font-size:1.05rem;padding:.6rem 1.2rem}#map-section{flex:1;display:flex;min-height:480px}#map{flex:1;position:relative}#sidebar{width:300px;border-left:1px solid var(--border);padding:1rem;overflow-y:auto;background:var(--panel)}#sidebar h2{margin:0 0 .75rem;font-size:1rem}#node-list{list-style:none;margin:0;padding:0}#node-list li{padding:.5rem .6rem;border:1px solid var(--border);border-radius:6px;margin-bottom:.5rem}#node-list li .kind{color:var(--muted);font-size:.8rem}.muted{color:var(--muted)}.maplibregl-popup-content{background:var(--panel);color:var(--fg);border:1px solid var(--border)}@media(max-width:640px){#topbar{padding:.6rem .9rem}.brand{font-size:1rem}#topbar nav{gap:.75rem}.usermenu-btn{max-width:60vw}#hero{padding:1.25rem .9rem .5rem}.home-card h1{font-size:1.7rem}#map-section{flex-direction:column;min-height:0}#map{min-height:55vh}#sidebar{width:100%;border-left:0;border-top:1px solid var(--border);max-height:35vh}}