:root{--bg:#f4f4f5;--fg:#09090b;--card-bg:#fff;--card-border:#00000014;--muted:#52525b}html,body{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}main.root{min-height:100vh;color:var(--fg);background:linear-gradient(135deg,#0f172a,#7c3aed,#f97316);justify-content:center;align-items:center;display:flex}main.root[data-theme=dark]{--bg:#020617;--fg:#e5e7eb;--card-bg:#020617;--card-border:#94a3b859;--muted:#9ca3af}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;width:100%;max-width:520px;padding:28px 32px 24px;box-shadow:0 24px 60px #0f172a99}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.badge{border:1px solid var(--card-border);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;text-decoration:none;display:inline-flex}.theme-toggle{border:1px solid var(--card-border);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:11px}.hello-text{margin-bottom:24px;font-size:5rem;font-weight:700;line-height:.9}.wave{transform-origin:70% 70%;animation:1.3s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(18deg)}50%{transform:rotate(-8deg)}}.debug h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 8px;font-size:12px}.debug dl{gap:6px;margin:0;display:grid}.debug div{gap:8px;font-size:13px;display:flex}.debug dt{text-transform:lowercase;min-width:90px;color:var(--muted)}.debug dd{word-break:break-all;margin:0}