@font-face{font-family:Radon Terminal;src:url(/fonts/radon-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.demo-panel{margin-top:var(--s7)}.demo-heading{margin-bottom:var(--s4)}.demo-h2{margin:0;color:var(--ink);font-family:var(--font-display);font-size:var(--t-xl);font-weight:800;letter-spacing:-.015em;line-height:1.05}.demo-note{margin:var(--s3) 0 0;max-width:60ch;color:var(--ink-soft);font-size:var(--t-base);line-height:1.55}.demo-note code{padding:.08em .4em;border-radius:var(--radius-edge);background:#70ff9e14;color:var(--green);font-family:var(--font-mono);font-size:.86em}.terminal-demo{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-edge);background:linear-gradient(180deg,#08101aeb,#040a12f5);box-shadow:0 24px 70px #00000080,0 0 0 1px #61f2ff0a}.terminal-bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);background:#ffffff05}.terminal-dot{width:11px;height:11px;border-radius:50%}.terminal-dot.dot-a{background:var(--green)}.terminal-dot.dot-b{background:var(--cyan)}.terminal-dot.dot-c{background:var(--violet)}.terminal-bar-title{margin-left:var(--s2);color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.02em}.terminal-window{font-variant-numeric:tabular-nums;height:clamp(280px,46vh,420px);overflow-y:auto;padding:var(--s4) var(--s4) var(--s5);font-family:var(--font-mono);font-size:var(--t-sm);line-height:1.55;color:var(--ink-muted);cursor:text}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-prefix,.terminal-prompt{margin-right:.55em;color:var(--green);font-weight:600}.terminal-input-form{display:flex;align-items:center}.terminal-input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;caret-color:var(--green);outline:none}.terminal-input:disabled{opacity:.6}.terminal-window::-webkit-scrollbar{width:10px}.terminal-window::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background-clip:padding-box;background-color:#70ff9e40}@media(max-width:700px){.demo-h2{font-size:var(--t-lg)}.terminal-window{font-size:var(--t-sm)}}.similarity-demo{padding:var(--s5);border:1px solid var(--line);border-radius:var(--radius-edge);background:linear-gradient(160deg,#14233099,#080f19a8);box-shadow:0 24px 70px #00000073}.sim-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-bottom:var(--s5)}.sim-label{color:var(--ink-soft);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase}.sim-select{flex:1;min-width:220px;padding:var(--s2) var(--s3);border:1px solid var(--line-strong);border-radius:var(--radius-edge);background:#040c14cc;color:var(--ink);font-size:var(--t-sm)}.sim-select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.sim-card{padding:var(--s4) var(--s4);border:1px solid var(--line);border-radius:var(--radius-edge);background:#040c1473}.sim-sub{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);margin:0 0 var(--s4);color:var(--ink);font-family:var(--font-display);font-size:var(--t-md);font-weight:700}.sim-knn{color:var(--ink-soft);font-size:var(--t-xs);font-weight:400;letter-spacing:.06em;text-transform:uppercase}.sim-bar-row{display:grid;grid-template-columns:7.5rem 1fr 2.4rem;align-items:center;gap:var(--s2);margin-bottom:var(--s3)}.sim-bar-label{color:var(--ink-muted);font-size:var(--t-xs)}.sim-bar-track{position:relative;height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.sim-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--cyan));transition:width .35s cubic-bezier(.2,.7,.2,1)}.sim-bar-val{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--t-xs);text-align:right}.sim-twins{margin:0;padding:0;list-style:none}.sim-twin{display:grid;grid-template-columns:1fr 5rem 2.6rem;align-items:center;gap:var(--s3);padding:var(--s2) 0;border-top:1px solid var(--line)}.sim-twin:first-child{border-top:0}.sim-twin-main{display:flex;flex-direction:column;min-width:0}.sim-twin-name{color:var(--ink);font-size:var(--t-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-twin-artist{color:var(--ink-soft);font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-twin-meter{height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.sim-twin-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .35s cubic-bezier(.2,.7,.2,1)}.sim-twin-pct{font-variant-numeric:tabular-nums;color:var(--green);font-family:var(--font-mono);font-size:var(--t-sm);font-weight:600;text-align:right}@media(max-width:700px){.sim-grid{grid-template-columns:1fr}.sim-bar-row{grid-template-columns:6.5rem 1fr 2.2rem}}