:root{font-family:Inter,system-ui,sans-serif;color:#f7f2e8;background:#171512}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#342b20,#171512 48rem);min-height:100vh}main{max-width:1060px;margin:auto;padding:42px 22px}.top{display:flex;justify-content:space-between;gap:24px;align-items:start}.eyebrow{margin:0;color:#d7ad68;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem}h1{font-family:Georgia,serif;font-size:2.6rem;margin:.25rem 0 .5rem}h2{font-family:Georgia,serif;margin-top:0}p{color:#d1c8bb;line-height:1.55}button{border:0;border-radius:7px;background:#d7ad68;color:#251d14;padding:11px 15px;font-weight:700;cursor:pointer}.secondary{background:transparent;color:#e6dccd;border:1px solid #675844}.selected{background:#d7ad68}nav{display:flex;gap:8px;margin:28px 0}.notice,.row,form,.metrics article{background:#25201b;border:1px solid #4a4035;border-radius:10px;padding:18px}.notice{margin:18px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics strong{font:2.1rem Georgia,serif;color:#e4bf80;display:block}.metrics span,.row span{display:block;color:#c8bbaa;font-size:.9rem;margin-top:5px}.split{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:18px}.row{margin-bottom:10px;display:flex;justify-content:space-between;gap:14px}.row strong{display:block}.online{color:#a7da88!important}.code{font-family:ui-monospace,monospace;color:#ffe2a7}label{display:block;color:#d8ccbb;font-size:.9rem;margin:12px 0}input,select{display:block;width:100%;margin-top:5px;padding:10px;border-radius:6px;border:1px solid #665848;background:#15120f;color:#f7f2e8;font:inherit}form button{margin-top:8px}@media(max-width:720px){.top,.row{display:block}.top .secondary{margin-top:12px}.metrics,.split{grid-template-columns:1fr}h1{font-size:2.1rem}}