.rvo,.rvo-bar{--bg: #060b0b;--panel: #0b1514;--line: #17312d;--fg: #d6e5e0;--dim: #7f9a93;--mint: #5eead4;--amber: #ffb454;--violet: #a78bfa;--rose: #fb7185;--display: "Instrument Serif", "Iowan Old Style", Georgia, serif;--body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}.rvo,.rvo *{box-sizing:border-box}.rvo{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--body);padding-inline:clamp(16px,4vw,40px);padding-block:0 80px;-webkit-font-smoothing:antialiased}.rvo main{max-width:1120px;margin-inline:auto}.rvo a{color:var(--mint)}.rvo h1,.rvo h2,.rvo h3{font-family:var(--display);font-weight:400;line-height:1.05;text-wrap:balance;margin:0}.rvo h1{font-size:clamp(44px,8vw,92px);letter-spacing:-.01em}.rvo h2{font-size:clamp(34px,5vw,54px)}.rvo h3{font-size:26px;margin-top:8px}.rvo p{margin:0 0 1em;max-width:62ch}.rvo code,.rvo .mono{font-family:var(--mono);font-size:.86em}.rvo code{color:var(--mint);background:#5eead414;padding:1px 5px;border-radius:4px}.rvo .rvo-eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:14px;display:block}.rvo .rvo-eyebrow b{color:var(--mint);font-weight:500}.rvo .rvo-lede{font-size:20px;color:#b7cbc5;max-width:52ch}.rvo-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;color:var(--fg);font:400 14px/1.4 var(--body);padding:10px clamp(16px,4vw,40px);display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;background:#060b0bdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.rvo-bar .rvo-brand{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-right:4px}.rvo .rvo-chips{display:flex;gap:6px;flex-wrap:wrap}.rvo button,.rvo select,.rvo-bar button{font:500 13px/1 var(--mono);color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer}.rvo-bar button:hover,.rvo button:hover{border-color:var(--mint)}.rvo button:focus-visible,.rvo input:focus-visible,.rvo select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.rvo-bar button[aria-pressed=true],.rvo button[aria-pressed=true]{background:var(--mint);color:#04201c;border-color:var(--mint)}.rvo-bar .rvo-spacer{flex:1}.rvo select{border-radius:8px;padding:7px 8px}.rvo .rvo-hero{padding-block:clamp(36px,6vw,72px) 24px;display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}.rvo .rvo-hero-orb{width:min(100%,640px);margin-inline:auto}.rvo .rvo-hero h1 em{color:var(--mint);font-style:italic}.rvo .rvo-part{padding-block:84px 12px;border-top:1px solid var(--line);margin-top:72px;scroll-margin-top:70px}.rvo .rvo-part.rvo-first{margin-top:24px}.rvo .rvo-cols{display:grid;gap:40px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;margin-top:28px}.rvo .rvo-cols.rvo-even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rvo .rvo-sticky{position:sticky;top:76px}@media(max-width:860px){.rvo .rvo-cols,.rvo .rvo-cols.rvo-even{grid-template-columns:minmax(0,1fr);gap:24px}.rvo .rvo-sticky{position:static}}.rvo .rvo-demo{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:10px;min-width:0}.rvo canvas{display:block;width:100%;border-radius:8px}.rvo .rvo-controls{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font:400 13px/1.3 var(--mono);color:var(--dim)}.rvo .rvo-controls label{display:inline-flex;gap:8px;align-items:center}.rvo .rvo-controls output{color:var(--fg);min-width:4.5ch;display:inline-block}.rvo input[type=range]{accent-color:var(--mint);width:150px}.rvo input[type=checkbox],.rvo input[type=radio]{accent-color:var(--mint)}.rvo .rvo-readout{font:400 13px/1.5 var(--mono);color:var(--dim)}.rvo .rvo-readout b{color:var(--fg);font-weight:500}.rvo .rvo-legend{display:flex;gap:16px;flex-wrap:wrap;font:400 12px/1 var(--mono);color:var(--dim)}.rvo .rvo-legend i{display:inline-block;width:18px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.rvo .rvo-amber{color:var(--amber)}.rvo .rvo-mintc{color:var(--mint)}.rvo .rvo-eq{font:400 15px/1.7 var(--mono);color:var(--fg);background:#5eead40d;border-left:2px solid var(--mint);padding:10px 14px;margin:0 0 1.2em;border-radius:0 8px 8px 0;overflow-x:auto;white-space:pre}.rvo .rvo-eq small{color:var(--dim);font-size:12px}.rvo pre.rvo-code{font:400 13.5px/1.6 var(--mono);background:#040909;border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow-x:auto;margin:0 0 1.2em;color:#c3d6d0}.rvo pre.rvo-code .c{color:#5f7c75}.rvo pre.rvo-code .k{color:var(--mint)}.rvo pre.rvo-code .n{color:var(--amber)}.rvo .rvo-problems{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:28px}.rvo .rvo-problem{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--panel);text-decoration:none;color:var(--fg);display:block}.rvo .rvo-problem:hover{border-color:var(--amber)}.rvo .rvo-problem b{display:block;font:500 12px/1 var(--mono);color:var(--amber);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.rvo .rvo-problem span{font-size:15px;line-height:1.45;display:block;color:#b7cbc5}.rvo .rvo-problem em{font:400 12px/1 var(--mono);color:var(--dim);font-style:normal;display:block;margin-top:10px}.rvo .rvo-table{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.rvo table{border-collapse:collapse;width:100%;font-size:14px;min-width:560px}.rvo th,.rvo td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}.rvo th{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.rvo tr:last-child td{border-bottom:0}.rvo td:first-child{font-family:var(--mono);font-size:13px;color:var(--mint);white-space:nowrap}.rvo .rvo-note{font-size:14px;color:var(--dim);max-width:62ch}.rvo .rvo-look{border-left:2px solid var(--amber);padding:2px 0 2px 14px;color:#c9dad5;max-width:52ch;min-height:5.5em}.rvo .rvo-look b{color:var(--amber);font-weight:500}.rvo footer{margin-top:96px;border-top:1px solid var(--line);padding-top:28px;color:var(--dim);font-size:14px}.rvo pre.rvo-code code{color:inherit;background:none;padding:0;font-size:inherit}.rvo .rvo-center{margin-inline:auto;text-align:center}.rvo button{font-family:var(--mono)}.rvo footer{max-width:62ch}.rvo .rvo-lede{margin-top:20px}.rvo .rvo-bar{margin-inline:calc(-1*clamp(16px,4vw,40px))}.rvo-bar button{font-family:var(--mono)}.rvo-bar button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
