:root{--accent: #f97316;--accent-hover: #fb923c;--accent-muted: rgba(249, 115, 22, .08);--accent-border: rgba(249, 115, 22, .18);--bg-root: #0a0a0a;--bg-surface: #0f0f0f;--bg-elevated: #111111;--bg-input: #0d0d0d;--bg-hover: rgba(255, 255, 255, .04);--border-faint: #141414;--border-subtle: #1a1a1a;--border-default: #1e1e1e;--border-strong: #2a2a2a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-faint: #334155;--status-success: #4ade80;--status-warning: #fbbf24;--status-error: #f87171;--status-info: #60a5fa;--font-display: "Syne", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", "Fira Code", Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{height:100%}body{background:var(--bg-root);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}::selection{background:#f9731638;color:#f8fafc}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes dot-pulse{0%,to{opacity:1;box-shadow:0 0 #f9731680}50%{opacity:.75;box-shadow:0 0 0 5px #f9731600}}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.dot-pulse{animation:dot-pulse 2.4s ease-in-out infinite}.dot-active{animation:status-pulse 2.8s ease-in-out infinite}.animate-in{animation:fade-in-up .45s ease forwards}.copy-block{display:flex;align-items:center;gap:0;background:#0d0d0d;border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.copy-block pre{flex:1;padding:14px 18px;font-family:var(--font-mono);font-size:13px;color:#94a3b8;white-space:pre-wrap;word-break:break-all;line-height:1.5}.copy-block-btn{flex-shrink:0;background:#f9731614;border:none;border-left:1px solid var(--border-default);color:var(--accent);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;padding:0 18px;height:100%;min-height:50px;transition:background .15s,color .15s;white-space:nowrap}.copy-block-btn:hover{background:#f9731626}.copy-block-btn.copied{color:var(--status-success);background:#4ade8014}.nav-item{transition:background .12s,color .12s}.nav-item:hover{background:#ffffff0a!important;color:#cbd5e1!important}.tr-hover{transition:background .1s}.tr-hover:hover{background:#f973160a!important}input:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #f973161f}.btn-primary:hover{background:var(--accent-hover)!important}.btn-ghost:hover{background:#ffffff0f!important;color:#94a3b8!important}