:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#e2e8f0}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:32px 16px;flex-direction:column;gap:16px}a{color:inherit}.container{width:min(1100px,100%);display:grid;grid-gap:16px;gap:16px}.card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.shell{width:min(1200px,100%);display:flex;flex-direction:column;gap:16px}.top-nav__title{font-weight:700;margin-bottom:8px}.top-nav__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.top-nav__links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.top-nav__columns{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.top-nav__section{display:grid;grid-gap:6px;gap:6px}.top-nav__section-title{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:#a5b4fc}.top-nav__link{padding:8px 12px;background:hsla(0,0%,100%,.06);border-radius:8px;border:1px solid hsla(0,0%,100%,.08);text-decoration:none;transition:background .12s ease,transform .12s ease}.top-nav__link:hover{background:hsla(0,0%,100%,.12);transform:translateY(-1px)}.top-nav__tokens-buttons{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.top-nav__token-btn{padding:10px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.08);color:#e2e8f0;cursor:pointer;transition:background .12s ease,transform .12s ease}.top-nav__token-btn:hover{background:hsla(0,0%,100%,.14);transform:translateY(-1px)}.top-nav__tokens-inline{display:flex;gap:8px;flex-wrap:wrap}.card h2{margin:0 0 8px}form{grid-gap:8px;gap:8px}form,label{display:grid}label{grid-gap:4px;gap:4px;font-size:14px}button,input,select{padding:10px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.08);color:#e2e8f0;font-size:14px}button{cursor:pointer;background:linear-gradient(120deg,#22d3ee,#6366f1);border:none;color:#0b1220;font-weight:700;letter-spacing:.2px;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(99,102,241,.4)}pre{margin:0;padding:12px;background:#0b1220;border-radius:8px;border:1px solid hsla(0,0%,100%,.08);overflow:auto}.small{font-size:13px;color:#94a3b8}