:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#3b82f6;--accent-2:#06b6d4;--shadow:#0000001f 0 10px 25px -5px, #00000014 0 4px 10px -2px;--radius:16px;color:var(--text);background:var(--bg);font:16px/145% system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#0f172a;--border:#1f2937;--code-bg:#111827;--shadow:#00000080 0 10px 25px -5px, #0000004d 0 4px 10px -2px}}body{background:var(--bg);color:var(--text);margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2{color:var(--text-h);margin:0}h1{font-size:32px;font-weight:700}h2{font-size:20px}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;margin:12px 0;padding:16px}input{border:1px solid var(--border);width:100%;color:var(--text-h);background:#ffffff0d;border-radius:12px;outline:none;margin:6px 0;padding:12px}button{cursor:pointer;color:#fff;background:linear-gradient(90deg, var(--accent), var(--accent-2));border:none;border-radius:12px;width:100%;margin-top:8px;padding:12px;font-weight:600;transition:all .2s}button:hover{opacity:.95;transform:scale(1.02)}.notif{color:#fff;border-radius:var(--radius);text-align:center;background:linear-gradient(90deg,#22c55e,#16a34a);margin:10px 0;padding:12px;font-weight:600}.container{width:100%;max-width:600px;margin:0 auto;padding:16px}.center{justify-content:center;align-items:center;min-height:100vh;display:flex}p{opacity:.9;margin:0}