@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#0a0e0c;--bg-panel:#111714;--bg-panel-raised:#161d19;--border:#243029;--text:#d8e4dc;--text-dim:#6f8278;--amber:#f5a623;--green:#4ade80;--red:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Space Grotesk,sans-serif}.mono{font-family:JetBrains Mono,monospace}.app{background-image:radial-gradient(circle at 15% 0,#f5a6230f,#0000 40%),linear-gradient(#0000,#f5a62305);max-width:920px;min-height:100vh;margin:0 auto;padding:48px 24px 32px;position:relative}.scanline{background:linear-gradient(90deg, transparent, var(--amber), transparent);opacity:.5;pointer-events:none;height:2px;animation:6s linear infinite scan;position:fixed;top:0;left:0;right:0}@keyframes scan{0%{opacity:0;transform:translateY(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(100vh)}}.header{margin-bottom:36px}.header-eyebrow{color:var(--text-dim);letter-spacing:.05em;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:12px}.header h1{letter-spacing:-.02em;margin:0 0 8px;font-size:44px;font-weight:700}.accent{color:var(--amber)}.subtitle{color:var(--text-dim);max-width:480px;margin:0;font-size:15px;line-height:1.5}.main-grid{grid-template-columns:280px 1fr;gap:20px;display:grid}@media (width<=720px){.main-grid{grid-template-columns:1fr}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:20px}.panel-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px}.bucket-visual{justify-content:center;margin-bottom:20px;display:flex}.bucket-frame{border:2px solid var(--border);background:var(--bg);border-radius:8px 8px 16px 16px;justify-content:center;align-items:center;width:140px;height:200px;display:flex;position:relative;overflow:hidden}.bucket-fill{background:linear-gradient(180deg, var(--amber), #c97f12);transition:height .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 24px #f5a62366}.bucket-count{z-index:2;text-shadow:0 1px 4px #0009;flex-direction:column;align-items:center;font-family:JetBrains Mono,monospace;display:flex;position:relative}.count-num{color:#fff;font-size:30px;font-weight:700}.count-cap{color:#fffc;font-size:13px}.bucket-meta{flex-direction:column;gap:8px;display:flex}.meta-row{color:var(--text-dim);justify-content:space-between;font-size:13px;display:flex}.meta-row .mono{color:var(--text)}.algo-toggle{gap:8px;margin-bottom:20px;display:flex}.algo-btn{border:1px solid var(--border);background:var(--bg-panel-raised);color:var(--text-dim);cursor:pointer;border-radius:6px;flex:1;padding:10px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.algo-btn.active{border-color:var(--amber);color:var(--amber)}.button-row{gap:10px;margin-bottom:20px;display:flex}.btn{border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:1;padding:12px 16px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--bg-panel-raised);color:var(--text)}.btn-primary:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.btn-danger{color:var(--red);background:#f871711a;border-color:#f871714d}.btn-danger:hover:not(:disabled){border-color:var(--red);background:#f871712e}.stats-row{border-bottom:1px solid var(--border);gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.stat{flex-direction:column;display:flex}.stat-num{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.stat-num.allowed{color:var(--green)}.stat-num.blocked{color:var(--red)}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.retry-banner{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:13px;animation:.2s slide-in}.log-list{flex-direction:column;gap:6px;max-height:280px;display:flex;overflow-y:auto}.log-empty{color:var(--text-dim);text-align:center;padding:20px 0;font-size:13px}.log-entry{border-left:2px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;animation:.2s slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.log-ok{border-left-color:var(--green);background:#4ade800f}.log-blocked{border-left-color:var(--red);background:#f8717114}.log-time{color:var(--text-dim);flex-shrink:0;width:70px}.log-status{flex-shrink:0;width:36px}.log-ok .log-status{color:var(--green)}.log-blocked .log-status{color:var(--red)}.log-text{color:var(--text)}.footer{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:20px;font-size:12px;display:flex}.dot{color:var(--border)}