:root{--color-primary: #f59e0b;--color-primary-dark: #b45309;--color-accent: #2563eb;--color-text: #1f2937;--color-muted: #4b5563;--color-border: #e5e7eb;--color-surface: #ffffff;--color-background: #fffbeb;--color-danger: #b91c1c;--radius: 1rem}body{margin:0;font-family:system-ui,sans-serif;color:var(--color-text);background:var(--color-background)}.page{max-width:40rem;margin:0 auto;padding:2rem 1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.btn{display:inline-block;padding:.75rem 1.25rem;border:2px solid var(--color-primary-dark);border-radius:999px;background:var(--color-primary);color:#1f2937;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.btn-secondary{background:var(--color-surface);border-color:var(--color-border)}.btn-danger{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.field label{font-weight:600}.field input{padding:.75rem;border:1px solid #9ca3af;border-radius:.5rem;font:inherit}.hint{font-size:.875rem;color:var(--color-muted)}.error{color:var(--color-danger);font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}html.night body{background:radial-gradient(circle at 88% 6%,#fef9c3 0 1.6rem,transparent 1.7rem),radial-gradient(circle at 10% 12%,#fff 0 2px,transparent 3px),radial-gradient(circle at 30% 4%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 55% 10%,#fff 0 2px,transparent 3px),radial-gradient(circle at 72% 3%,#fff 0 1.5px,transparent 2.5px),linear-gradient(#a5b4fc,#e0e7ff 22rem);background-attachment:fixed}.night-veil{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.night-veil:before,.night-veil:after{content:"";position:absolute;inset:0;border-radius:inherit}.night-veil:before{background:linear-gradient(#4c4f9e,#7a80cc);mix-blend-mode:multiply}.night-veil:after{background:radial-gradient(circle at 12% 10%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 34% 6%,#fff 0 2px,transparent 3px),radial-gradient(circle at 48% 15%,#fff 0 1px,transparent 2px),radial-gradient(circle at 63% 12%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 92% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 82% 8%,#fef9c3 0 1.4rem,transparent 1.5rem)}