:root{--color-bg:#fff;--color-surface:#fff;--color-surface-2:#f4f5f7;--color-border:#e3e5e9;--color-border-soft:#edeef1;--color-text:#12141a;--color-text-muted:#5b6270;--color-text-faint:#8b93a0;--color-accent:#dc2f26;--color-accent-strong:#b8241d;--color-accent-soft:#ffe1de;--color-accent-contrast:#fff;--color-coral:#dc2626;--color-coral-soft:#fef2f2;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #1018280a, 0 10px 24px -16px #1018281a;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.1875rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-4xl:clamp(2.5rem, 2rem + 2.5vw, 3.75rem);--font-display:var(--font-lexend), "Lexend", system-ui, sans-serif;--font-body:var(--font-lexend), "Lexend", system-ui, sans-serif;--font-mono:var(--font-lexend), "Lexend", system-ui, sans-serif}.container{width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:0;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.35rem;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-accent-strong)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-2)}.btn-danger{background:var(--color-coral-soft);color:var(--color-coral);border-color:var(--color-coral-soft)}.field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.input,.textarea,.select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-width:0;color:var(--color-text);font-size:var(--text-base);font-family:var(--font-body);padding:.65rem .85rem;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-accent);outline:none}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.badgeLive{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.badgeLive:before{content:"";background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--color-accent-soft);border-radius:50%;animation:1.8s ease-out infinite pulseLive}@keyframes pulseLive{0%{box-shadow:0 0 0 0 var(--color-accent-soft)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.codeDisplay{font-family:var(--font-mono);font-size:var(--text-3xl);letter-spacing:.14em;color:var(--color-text);background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:.75rem 1.25rem;font-weight:700}