:root{--bg: #121110;--surface: #1a1917;--surface-2: #221f1c;--border: #322e28;--text: #ece7df;--text-dim: #8f8a80;--accent: #d9a441;--accent-soft: #3a2e17;--danger: #c1583f;--danger-soft: #3a2018;--font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}.app{max-width:760px;margin:0 auto;padding:3.5rem 1.5rem 5rem}.app h1{font-family:var(--font-display);font-weight:600;font-size:2rem;letter-spacing:-.01em;margin:0 0 .4rem}.subtitle{color:var(--text-dim);font-size:.85rem;margin:0 0 3rem}.block{padding:2rem 0;border-top:1px solid var(--border)}.block:first-of-type{border-top:1px solid var(--border)}.eyebrow{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1.25rem}.eyebrow .index{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.05em}.eyebrow .label{font-family:var(--font-display);font-weight:500;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.error-banner{border:1px solid var(--danger);background:var(--danger-soft);color:var(--text);border-radius:6px;padding:.85rem 1rem;font-size:.85rem;margin-bottom:2rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.field label{font-size:.78rem;color:var(--text-dim)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238f8a80'/%3E%3C/svg%3E") no-repeat right .9rem center;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.55rem 2.2rem .55rem .8rem;font-family:var(--font-body);font-size:.9rem}.field select:focus-visible,.primary-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:.65rem 1.3rem;font-family:var(--font-body);font-weight:500;font-size:.88rem;cursor:pointer;transition:filter .15s ease}.primary-button:hover:not(:disabled){filter:brightness(1.2)}.primary-button:disabled{opacity:.5;cursor:default}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-family:var(--font-mono);font-weight:400;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}td{font-family:var(--font-body)}td.num,td.rank{font-family:var(--font-mono);font-size:.83rem;color:var(--text-dim)}.track-cell{display:flex;align-items:center;gap:.6rem}.tick{display:inline-flex;align-items:flex-end;gap:2px;height:12px;flex-shrink:0}.tick-bar{width:2px;background:var(--accent);opacity:.55;border-radius:1px}.caption{color:var(--text-dim);font-size:.76rem;margin-top:.6rem;line-height:1.5}@media (max-width: 520px){.app{padding:2.5rem 1.1rem 3.5rem}th,td{padding:.5rem .4rem;font-size:.78rem}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.selection-controls{border:0;padding:0;margin:0;min-width:0}.selection-controls:disabled select{opacity:.6;cursor:wait}