:root{--bg:#fff;--bg-off:#f8f7f5;--bg-dark:#111;--border:#ebebeb;--signal:#e8720c;--signal-dim:#c45a00;--success:#16a34a;--warning:#f59e0b;--error:#dc2626;--text-primary:#111;--text-secondary:#666;--text-dim:#aaa;--radius-card:10px;--radius-button:10px;--radius-input:8px;--font-display:"Syne",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:Syne,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#111;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}.bf-card{border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.bf-btn,.bf-card{background:var(--bg)}.bf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:700;font-family:var(--font-display);border-radius:var(--radius-button);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.bf-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.bf-btn:disabled{opacity:.5;cursor:not-allowed}.bf-btn-primary{background:var(--signal);color:#fff;border-color:var(--signal)}.bf-btn-primary:hover{background:var(--signal-dim);border-color:var(--signal-dim)}.bf-btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.bf-btn-ghost:hover{background:var(--bg-off);color:var(--text-primary)}.bf-btn-sm{padding:6px 12px;font-size:.75rem}.bf-input{width:100%;padding:10px 14px;font-size:.85rem;font-family:var(--font-display);border:1px solid var(--border);border-radius:var(--radius-input);background:var(--bg);color:var(--text-primary);outline:none;transition:border-color .2s ease}.bf-input:focus{border-color:var(--signal)}.bf-input::placeholder{color:var(--text-dim)}select.bf-input{cursor:pointer}.bf-heading-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.bf-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:700;border-radius:6px;background:var(--bg-off);color:var(--text-secondary);border:1px solid var(--border)}.bf-badge-signal{background:rgba(232,114,12,.08);color:var(--signal);border-color:rgba(232,114,12,.2)}.bf-badge-green{background:rgba(22,163,74,.08);color:var(--success);border-color:rgba(22,163,74,.2)}.bf-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--signal);border-radius:50%;animation:bf-spin .6s linear infinite}.bf-spinner-lg{width:32px;height:32px;border-width:3px}.bf-collapsible-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-primary)}.bf-noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes bf-spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:bf-fade-in .4s ease forwards}@keyframes bf-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}