:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: #27272a;--accent-primary: #6366f1;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--old-way: #f59e0b;--new-way: #22c55e;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-old{background:var(--old-way);color:#000}.btn-new{background:var(--new-way);color:#000}textarea,input,select{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--accent-primary)}pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-old{background:#f59e0b33;color:var(--old-way)}.badge-new{background:#22c55e33;color:var(--new-way)}.step-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.step-number.old{background:var(--old-way);color:#000}.step-number.new{background:var(--new-way);color:#000}.step-number.done{background:var(--success);color:#000}.step-number.pending{background:var(--bg-tertiary);color:var(--text-muted)}.timer{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700}.timer.fast{color:var(--new-way)}.timer.slow{color:var(--old-way)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 1.5s infinite}