:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:#ffffffeb;background-color:#111827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:inherit}a:hover{color:#a5b4fc}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(79,70,229,.35),transparent 55%),#111827}h1{font-size:2.4rem;line-height:1.1;margin:0}h2,p{margin:0}button{font-family:inherit}*{box-sizing:border-box}:root{color-scheme:light dark}#root{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{display:flex;flex-direction:column;gap:2rem}.nav{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.nav a{color:inherit;text-decoration:none;padding:.25rem .75rem;border-radius:.5rem;transition:background-color .2s ease}.nav a.active{background-color:#646cff40}.nav .hint{margin-left:auto;font-size:.85rem;color:#888}.content{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.cta{display:flex;flex-direction:column;gap:.75rem;max-width:320px}.cta-buttons{display:flex;gap:.75rem}button{align-self:flex-start;padding:.6rem 1.25rem;border-radius:.6rem;border:none;background:#6366f1;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}button:disabled{background:#444;cursor:not-allowed}button:not(:disabled):hover{background:#4f46e5;transform:translateY(-1px)}.secondary{background:transparent;color:#a5b4fc;border:1px solid rgba(165,180,252,.4)}.secondary:not(:disabled):hover{background:#4f46e526;color:#c7d2fe}.api{display:flex;flex-direction:column;gap:.75rem}.loading,.error{padding:.75rem 1rem;border-radius:.75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.error{border-color:#ef444480;color:#fecaca}.code-block{background:#0006;border-radius:.75rem;padding:1rem;overflow-x:auto;font-size:.9rem;line-height:1.5}.note{font-size:.9rem;color:#fbbf24}@media (max-width: 640px){#root{padding:1.5rem 1rem 2.5rem}.nav{flex-wrap:wrap;gap:.5rem}.nav .hint{width:100%;margin-left:0}}