:root{--bg:#000000;--panel:#0a0a0a;--muted:#9aa4af;--text:#e6edf3;--accent:#7ac7ff}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,Segoe UI,Roboto,Arial}#app{display:grid;grid-template-columns:420px 1fr;gap:24px;padding:24px}.sidebar{background:var(--panel);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #111}.brand{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #141414}.logo{width:28px;height:28px}.brand-text .title{font-weight:800;letter-spacing:.4px}.brand-text .subtitle{color:var(--muted);font-size:12px}.brand-link{color:var(--accent);text-decoration:none}.brand-link:hover{text-decoration:underline}.header{padding:12px 16px;border-bottom:1px solid #141414}#count{color:var(--muted);font-size:12px;margin-bottom:8px}.sorts{display:flex;gap:8px}.sorts button{background:#0e0e0f;border:1px solid #202020;color:#cfe0f1;padding:6px 10px;border-radius:8px;cursor:pointer}.sorts button.primary{background:#0c1117;border-color:#1a2a3d;box-shadow:0 0 0 1px #7ac7ff26}.list{list-style:none;margin:0;padding:8px 0;overflow:auto;flex:1}.row{display:flex;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid #17212b;cursor:pointer}.row:hover{background:#0b0b0b}.mag{display:inline-block;min-width:40px;text-align:center;color:#111;border-radius:8px;padding:6px 8px;font-weight:700}.meta{display:flex;flex-direction:column}.place{font-weight:600}.sub{color:var(--muted);font-size:12px}#map{height:100%;background:#000;border-radius:14px;overflow:hidden}.leaflet-bottom.leaflet-right{margin:0 8px 8px 0}@media (max-width: 900px){#app{grid-template-columns:1fr;grid-template-rows:360px 1fr}}