:root{--bg:#F6F3FF;--card:#fff;--ink:#1B1530;--muted:#6B6585;--accent:#7C5CFF;--line:#E6E0F7;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0E0D14;--card:#17151F;--ink:#ECEAF2;--muted:#9A95AD;--accent:#8B6CFF;--line:#2A2638;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}.wrap{max-width:960px;margin:0 auto;padding:32px 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px}.btn{display:inline-block;border:0;border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px;cursor:pointer;background:var(--accent);color:#fff;text-decoration:none}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.muted{color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}