.explore{flex-direction:column;height:calc(100vh - 54px);display:flex}.ex-empty{max-width:640px;margin:8vh auto;padding:0 20px}.ex-empty h1{margin:0 0 8px}.ex-empty p{color:var(--muted)}.ex-cats{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:7px;padding:10px 18px;display:flex}.ex-lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);opacity:.7;margin-right:2px;font-size:10px;font-weight:700}.ex-chip,.ex-pill{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.ex-chip.on,.ex-pill.on{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.ex-pill.on .ex-sg{color:#fff}.ex-n{opacity:.65;margin-left:3px;font-size:11px}.ex-guides{border-left:1px solid var(--border);align-items:center;gap:8px;margin-left:auto;padding-left:12px;display:flex}.ex-guide{border:1px dashed var(--border);background:var(--panel);color:var(--text);white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:13px;text-decoration:none}.ex-guide:hover{border-color:var(--accent);color:var(--accent)}.ex-body{flex:1;grid-template-columns:200px minmax(320px,1fr) 1fr;min-height:0;display:grid}.ex-map{border-left:1px solid var(--border);min-height:0;position:relative}.ex-map-canvas{position:absolute;top:0;bottom:0;left:0;right:0}.ex-map-loading,.ex-map-empty{color:var(--muted);background:var(--panel2);pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ex-map-empty{background:0 0}.ex-map-note{color:var(--muted);background:color-mix(in srgb,var(--panel)85%,transparent);pointer-events:none;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;bottom:8px;left:8px;right:8px}.ex-map-note code{font-size:10px}.ex-rail{border-right:1px solid var(--border);background:var(--panel);padding:14px 12px;overflow:auto}.ex-rail h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);opacity:.7;margin:0 0 8px;font-size:10px;font-weight:700}.ex-srow{align-items:center;gap:4px;margin-bottom:6px;display:flex}.ex-rail .ex-pill{text-align:left;flex:1;min-width:0}.ex-rail .ex-pill .ex-n{margin-left:auto}.ex-sg{text-align:center;width:15px;color:var(--accent);flex:none}.ex-open{color:var(--muted);flex:none;padding:4px 8px;font-size:13px;text-decoration:none}.ex-open:hover{color:var(--accent)}.ex-pill.ex-mine{justify-content:center;width:100%;margin-top:12px}.ex-list{overflow:auto}.ex-count{color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg);padding:10px 18px;font-size:12px;position:-webkit-sticky;position:sticky;top:0}.ex-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:12px 18px;scroll-margin:60px;display:flex}.ex-item.hot{background:color-mix(in srgb,var(--accent)9%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.ex-main{flex:1;min-width:0}.ex-main b{font-weight:600}.ex-main small{color:var(--muted);font-size:12px;display:block}.ex-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:45%;display:flex}.ex-badge{color:var(--accent);background:color-mix(in srgb,var(--accent)12%,transparent);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.ex-badge.mine{color:var(--muted);background:color-mix(in srgb,var(--text)8%,transparent)}.ex-none{text-align:center;color:var(--muted);padding:40px 18px}@media (max-width:900px){.ex-body{grid-template-columns:1fr}.ex-rail{border-right:none;border-bottom:1px solid var(--border)}.ex-badges{max-width:55%}.ex-map{border-left:none;border-top:1px solid var(--border);height:340px}}