.resource-page{position:static;overflow-x:hidden}
.resource-shell{position:relative;width:min(100%,900px);margin:0 auto;padding:36px 26px 60px}
.resource-nav{display:flex;justify-content:space-between;gap:24px;align-items:center;color:#b5afc1;font-size:12px;padding:0 0 34px;border-bottom:1px solid #ffffff0c}
.resource-nav a:hover{color:#fff}.resource-nav>span{font-size:9px;letter-spacing:.2em}
.resource-heading{margin:42px 0 32px}.resource-heading h1{font-size:clamp(32px,6vw,46px);text-shadow:none;letter-spacing:-.045em}.resource-heading .description{font-size:14px}
.resource-listing{display:flex;gap:24px;align-items:center;padding:28px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff05;transition:background .2s,border-color .2s}
.resource-listing:hover{background:#ffffff09;border-color:#cab8f64d}
.listing-icon{width:64px;height:70px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;background:linear-gradient(135deg,#292432,#121017);border:1px solid #bba7df25;color:#d7c7f5;font-family:ui-monospace,monospace;font-size:22px}
.listing-label,.live-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.12em;color:#b2a7c5}
.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c3b1e8;box-shadow:0 0 10px #c3b1e855;flex-shrink:0}
.listing-content{flex:1;min-width:0}.listing-content h2{font-size:21px;letter-spacing:-.03em;margin:10px 0 7px}.listing-content p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.listing-count{display:flex;align-items:baseline;gap:8px;margin-top:17px;font-size:11px;color:#aaa3b6}.listing-count strong{font-size:18px;color:#ece6f7;font-variant-numeric:tabular-nums}
.listing-arrow{font-size:26px;color:#b9b0c7}
.counter-status{font-size:11px;line-height:1.6;color:#96909f;margin:18px 0 0}
.resource-note{color:#85808e;font-size:12px;margin-top:26px}
.progress-panel{padding:28px 30px;border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(145deg,#ffffff07,#ffffff02)}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-top h2{font-size:13px;font-weight:550;margin:0;color:#d4cedf}
.hero-count{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin:26px 0 20px}.hero-count strong{font-size:clamp(48px,10vw,68px);line-height:1.1;letter-spacing:-.07em;font-weight:650;font-variant-numeric:tabular-nums;color:#f0e9fa}.hero-count>span{font-size:13px;color:#aca3ba}
.progress-track{height:5px;border-radius:9px;background:#ffffff0d;overflow:hidden}.progress-track>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#9480b5,#d3c1f0);border-radius:9px;transition:width .4s}
.progress-meta{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#aaa2b6;margin:10px 0 24px}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff0c;padding-top:20px;gap:18px}.metric-grid>div{display:flex;flex-direction:column;gap:6px}.metric-grid strong{font-size:22px;font-weight:550;font-variant-numeric:tabular-nums}.metric-grid span{color:#9b94a8;font-size:11px}
.method-note{max-width:620px;font-size:11px;line-height:1.7;color:#8f899b;margin:12px 0 0}.method-note code{color:#b7a6ce}
.naming-charts{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:27px}.naming-card{min-width:0}.naming-card+.naming-card{border-left:1px solid #ffffff0c;padding-left:26px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.chart-heading h3{margin:0;font-size:13px;font-weight:550;color:#c6bdd4}.chart-heading>span{font-size:10px;color:#bfa9df;font-variant-numeric:tabular-nums}.chart-total{margin:13px 0 0;font-size:11px;color:#9b92aa;font-variant-numeric:tabular-nums}.chart-total>strong{font-size:27px;letter-spacing:-.04em;font-weight:600;color:#eee6fa}.chart-visual{position:relative;width:176px;height:176px;margin:17px auto 18px}.naming-donut{width:100%;height:100%;overflow:visible}.chart-center{position:absolute;inset:0;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;pointer-events:none}.chart-center strong{font-size:23px;font-weight:550;color:#eee7f9;font-variant-numeric:tabular-nums}.chart-center span{font-size:9px;letter-spacing:.06em;color:#a49aaf}.chart-segment{cursor:pointer;transition:opacity .15s,filter .15s;outline:none}.chart-segment.descriptive{fill:#c9b2ee}.chart-segment.tentative{fill:#7b86bd}.chart-segment.unnamed{fill:#302b3a}.chart-segment.is-muted{opacity:.35}.chart-segment:hover,.chart-segment:focus-visible{filter:brightness(1.4);stroke:#eee6fa;stroke-width:1.5}.chart-legend{display:grid;gap:4px}.chart-legend button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#a89db9;font:inherit;font-size:10px;cursor:pointer;text-align:left}.chart-legend button strong{margin-left:auto;color:#d9cee7;font-weight:500;font-variant-numeric:tabular-nums}.chart-legend button:hover,.chart-legend button[aria-pressed=true]{background:#c0a3ed0b;border-color:#c0a3ed25;color:#eee6fa}.chart-legend button:focus-visible,.chart-reset:focus-visible{outline:2px solid #bda1e7;outline-offset:2px}.swatch{width:7px;height:7px;border-radius:2px;flex-shrink:0}.swatch.descriptive{background:#c9b2ee}.swatch.tentative{background:#7b86bd}.swatch.unnamed{background:#655b75}.chart-readout{min-height:32px;margin:12px 0 8px;font-size:10px;line-height:1.6;color:#a69ab8;font-variant-numeric:tabular-nums}.chart-reset{padding:0 0 3px;background:none;border:0;border-bottom:1px solid #b6a1d233;color:#b6a1d2;font:inherit;font-size:10px;cursor:pointer}.chart-hint{margin:23px 0 0;border-top:1px solid #ffffff0c;padding-top:17px;color:#8f859d;font-size:10px;line-height:1.7}.inventory-method{margin:16px 0 0;color:#9b90ab;font-size:10px;line-height:1.8}.inventory-method summary{cursor:pointer;color:#bcb0ce}.inventory-method p{margin:10px 0 0;max-width:690px}.chart-unavailable{opacity:.55}
@media(max-width:600px){.naming-charts{grid-template-columns:1fr;gap:25px}.naming-card+.naming-card{border-left:0;border-top:1px solid #ffffff0c;padding-left:0;padding-top:24px}.chart-visual{width:185px;height:185px}.chart-legend button{font-size:11px;padding:11px 10px}.chart-total>strong{font-size:30px}.chart-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.chart-segment{transition:none}}
.download-panel{margin-top:22px;padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:18px 24px;align-items:center;border:1px solid #ffffff10;border-radius:16px;background:#ffffff03}.download-panel h2{margin:6px 0 10px;font-size:19px;letter-spacing:-.03em}.download-panel p{margin:0;font-size:12px;line-height:1.7;color:#a49caf}.download-button{display:flex;flex-direction:column;gap:6px;padding:14px 18px;border:1px solid #d0b7f044;border-radius:10px;background:#bda2e412;color:#eee5fa;font-size:12px;transition:background .2s}.download-button:hover{background:#bda2e424}.download-button span{font-size:10px;color:#b0a0c5}.download-panel .release-note{grid-column:1/-1;font-size:10px;color:#91889f}.download-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#c4b4db}.download-links a:hover{color:#f0e9fa}.import-instructions{grid-column:1/-1;border-top:1px solid #ffffff0c;padding-top:16px;font-size:11px;color:#aaa0b8;line-height:1.8}.import-instructions summary{cursor:pointer}.import-instructions ol{padding-left:20px}.import-instructions p{font-size:11px}.import-instructions code{font-size:10px;overflow-wrap:anywhere}.download-links a:focus-visible,.download-button:focus-visible{outline:2px solid #d3c1f0;outline-offset:4px}
.build-details{margin-top:24px;color:#938ba1;font-size:11px;line-height:1.9}.build-details summary{cursor:pointer}.build-details code{overflow-wrap:anywhere;font-size:10px}
@media(max-width:600px){.resource-shell{padding:24px 18px 40px}.resource-nav{padding-bottom:23px}.resource-heading{margin:30px 0 26px}.resource-listing{padding:21px 19px;gap:16px}.listing-icon{display:none}.listing-content h2{font-size:20px}.progress-panel{padding:23px 20px}.download-panel{padding:22px 20px;grid-template-columns:1fr;gap:18px}.download-button{align-self:start}.live-label{font-size:8px}.metric-grid strong{font-size:20px}.hero-count{gap:10px}}
@media(prefers-reduced-motion:reduce){.progress-track>span{transition:none}}