:root{--background:#0b0f17;--surface:#101827;--surface-2:#0f172a;--border:#ffffff14;--text:#ffffffeb;--muted:#ffffffad;--subtle:#ffffff80;--primary:#7c3aed;--primary-2:#6d28d9;--on-primary:#fff;--danger:#ef4444;--shadow-sm:0 6px 18px #00000047;--shadow-md:0 18px 50px #00000059;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--container:1120px;--gutter:20px;--font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:24px;--text-2xl:34px;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--primary-shadow:0 6px 15px #0000000f;--ease:cubic-bezier(.2,.8,.2,1);--dur-fast:.14s;--dur:.22s}[data-theme=light]{--background:#fff;--surface:#f7f7fb;--surface-2:#fff;--border:#0f172a1f;--text:#0f172aeb;--muted:#0f172ab3;--subtle:#0f172a8c;--shadow-sm:0 6px 18px #0f172a14;--shadow-md:0 18px 50px #0f172a1f}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);background:var(--background);color:var(--text);letter-spacing:.1px;margin:0;line-height:1.5}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid color-mix(in oklab,var(--primary)70%,white 30%);outline-offset:2px}.container{width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.btn{border:1px solid var(--border);background:color-mix(in oklab,var(--surface)88%,var(--background)12%);height:44px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast)var(--ease),background var(--dur-fast)var(--ease),border-color var(--dur-fast)var(--ease),box-shadow var(--dur-fast)var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:inline-flex}.btn:hover{border-color:color-mix(in oklab,var(--border)20%,white 14%);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{border-color:color-mix(in oklab,var(--primary)55%,black 45%);background:linear-gradient(180deg,var(--primary),var(--primary-2));color:var(--on-primary)}.btn-primary:hover{border-color:color-mix(in oklab,var(--primary)75%,white 8%)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in oklab,var(--surface)92%,var(--background)8%),color-mix(in oklab,var(--surface-2)92%,var(--background)8%));box-shadow:var(--shadow-sm)}.muted{color:var(--muted)}