:root{--ink:#211d29;--paper:#fbfaf7;--orange:#d96c2c;--purple:#5b4b8a;--green:#3e7d5c;--error:#b3261e;--hairline:#e4e1da;--muted:#6d6875}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}code,pre,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5rem;font-weight:700}a{color:var(--purple)}button{cursor:pointer;font:inherit;border:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:4px;padding:.5rem 1rem;transition:background .12s,color .12s,opacity .12s}button:hover{background:var(--ink);color:var(--paper)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}button.primary{background:var(--orange);border-color:var(--orange);color:var(--paper)}button.primary:hover{opacity:.88;background:var(--orange);color:var(--paper)}input,textarea{font:inherit;border:1px solid var(--hairline);color:var(--ink);background:#fff;border-radius:4px;width:100%;padding:.5rem .75rem}.tricolor{border:0;height:2px;margin:0;padding:0;display:flex}.tricolor span{flex:1}.tricolor span:first-child{background:var(--orange)}.tricolor span:nth-child(2){background:var(--purple)}.tricolor span:nth-child(3){background:var(--green)}