:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg: #071228;--bg-2: #0b1830;--accent: #7c5cff;--accent-2: #ffd166;--muted: rgba(255,255,255,.6);color:#fffffff5;background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(800px 400px at 12% 12%,rgba(124,92,255,.08),transparent),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);-webkit-font-smoothing:antialiased}.app-root{display:grid;grid-template-columns:88px 1fr 360px;gap:24px;max-width:1200px;margin:28px auto;padding:20px}.sidebar{display:flex;flex-direction:column;gap:12px;align-items:center}.main-col,.right-col{min-height:calc(100vh - 160px)}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:.6em 1rem;font-size:1rem;font-weight:700;font-family:inherit;background:linear-gradient(180deg,#7c5cff1f,#7c5cff14);color:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .12s;box-shadow:0 8px 30px #0b111e99}button:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0b111eb3}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#535bf2}button{background-color:#f6f7fb}}