:root{--bg:#04050b;--bg-2:#0a0d1a;--panel:#121628b8;--panel-solid:#11152a;--border:#8ca0ff24;--text:#e7eaf6;--muted:#8f97b8;--accent:#8fb4ff;--accent-2:#ffcf8a;--danger:#ff8a8a;--radius:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 80% -10%, #5064c82e, transparent 60%), radial-gradient(900px 500px at -10% 20%, #c8783c14, transparent 60%), var(--bg);flex-direction:column;min-height:100vh;line-height:1.5;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;line-height:1.2}h1{margin:.2em 0 .4em;font-size:clamp(1.8rem,4vw,2.8rem)}h2{margin:1.6em 0 .6em;font-size:1.35rem}code,.mono{font-family:var(--mono);font-size:.92em}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 20px 64px}main.wide{max-width:none;padding:0}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#04050bc7;position:sticky;top:0}.site-header .inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:10px 20px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand .dot{background:radial-gradient(circle,#fff,#ffcf8a 45%,#ff9a4a);border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #ffb46a}.nav{flex-wrap:wrap;gap:16px;display:flex}.nav a{color:var(--muted);font-size:.95rem}.nav a:hover,.nav a.active{color:var(--text);text-decoration:none}.search{flex:0 340px;min-width:240px;margin-left:auto;position:relative}.search input,.input,select.input{border:1px solid var(--border);background:var(--bg-2);width:100%;color:var(--text);font:inherit;border-radius:10px;outline:none;padding:8px 12px;font-size:.95rem}.search input:focus,.input:focus{border-color:var(--accent)}.search-results{z-index:60;background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 12px 40px #00000080}.search-results li a,.search-results li .empty{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.search-results li a:hover,.search-results li a[aria-selected=true]{background:#8fb4ff1f;text-decoration:none}.search-results .meta{color:var(--muted);font-size:.82rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.grid{gap:16px;display:grid}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.muted{color:var(--muted)}.small{font-size:.85rem}.badge{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#ffffff08;border-radius:999px;padding:2px 8px;font-size:.75rem;display:inline-block}.badge.accent{color:var(--accent);border-color:#8fb4ff66}.badge.warm{color:var(--accent-2);border-color:#ffcf8a66}.swatch{vertical-align:middle;border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 8px}.btn{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:#8fb4ff1a;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;display:inline-flex}.btn:hover{background:#8fb4ff33;text-decoration:none}.btn.primary{background:linear-gradient(135deg,#5d7dff,#8f6bff);border-color:#0000}.btn[aria-pressed=true]{border-color:var(--accent);background:#8fb4ff47}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;padding:24px 0 8px;display:grid}.hero p.lead{color:var(--muted);max-width:52ch;font-size:1.1rem}.hero .actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@media (max-width:860px){.hero{grid-template-columns:1fr}}.renderer{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--border);background:#000;width:100%;position:relative;overflow:hidden}.renderer canvas{display:block;width:100%!important;height:100%!important}.renderer .backend{position:absolute;bottom:10px;left:10px}.renderer .fallback-img{object-fit:cover;width:100%;height:100%}.star-card{grid-template-columns:140px 1fr;align-items:start;gap:18px;display:grid}.star-card.compact{grid-template-columns:72px 1fr;gap:12px}.star-card h3{margin:0 0 4px;font-size:1.1rem}.portrait{aspect-ratio:1;border:1px solid var(--border);background:#000;border-radius:12px;width:100%;display:block;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%;display:block}.portrait.placeholder{justify-content:center;align-items:center;display:flex}.portrait.placeholder span{aspect-ratio:1;filter:blur(.5px);border-radius:50%;width:46%}dl.params{grid-template-columns:max-content 1fr;gap:4px 16px;margin:8px 0 0;font-size:.92rem;display:grid}dl.params dt{color:var(--muted)}dl.params dd{overflow-wrap:anywhere;margin:0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px}th{color:var(--muted);background:#ffffff05;font-weight:500;position:sticky;top:0}tr:hover td{background:#8fb4ff0d}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.thumb{object-fit:cover;vertical-align:middle;background:#000;border-radius:6px;width:32px;height:32px}.filters{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.filters label{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.filters .input{min-width:120px}.tabs{flex-wrap:wrap;gap:8px;margin:8px 0 0;display:flex}.tabs a{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 14px}.tabs a.active{color:var(--text);border-color:var(--accent);background:#8fb4ff1f}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:20px 0;display:flex}.pagination a,.pagination span{border:1px solid var(--border);border-radius:8px;padding:6px 12px}.pagination span.disabled{color:var(--muted);opacity:.5}.map-shell{background:#000;height:calc(100vh - 57px);min-height:480px;position:relative}.map-shell canvas{display:block}.map-ui{flex-direction:column;gap:10px;max-width:min(360px,100% - 32px);display:flex;position:absolute;top:16px;left:16px}.map-ui .panel{padding:14px}.map-tooltip{pointer-events:none;border:1px solid var(--border);white-space:nowrap;background:#0a0d1aeb;border-radius:8px;padding:6px 10px;font-size:.85rem;position:absolute;transform:translate(12px,-50%)}.map-card{width:min(380px,100% - 32px);position:absolute;top:16px;right:16px}.map-status{color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.8rem;display:flex}.state{text-align:center;color:var(--muted);padding:48px 20px}.state.error{color:var(--danger)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.site-footer .inner{flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto;padding:20px;display:flex}.breadcrumbs{color:var(--muted);margin-bottom:4px;font-size:.85rem}.stat{flex-direction:column;display:flex}.stat strong{font-size:1.6rem}@media (max-width:640px){.search{flex:100%;margin-left:0}.star-card{grid-template-columns:96px 1fr}}