:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1218;--bg-elevated:#171b24;--bg-soft:#1e2430;--border:#2a3344;--text:#e8ecf4;--muted:#8b95a8;--accent:#5bdc8a;--accent-dim:#2d8a52;--accent-bg:#5bdc8a1f;--danger:#ff7b7b;--warn:#f0c14b;--radius:10px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 10% -10%, #5bdc8a14, transparent), radial-gradient(ellipse 60% 40% at 100% 0%, #5a8cff0f, transparent), var(--bg);min-height:100vh;margin:0}#app{min-height:100vh}.layout{max-width:1120px;margin:0 auto;padding:1.25rem 1rem 3rem}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.tagline{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.status{background:var(--bg-elevated);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:inline-flex}.dot{background:var(--muted);border-radius:50%;width:.55rem;height:.55rem}.dot.ok{background:var(--accent);box-shadow:0 0 8px var(--accent-dim)}.dot.down{background:var(--danger)}.dot.unknown{background:var(--warn)}.tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);gap:.35rem;margin-bottom:1rem;padding:.3rem;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.55rem .75rem;font-weight:600;transition:background .15s,color .15s}.tab:hover{color:var(--text);background:var(--bg-soft)}.tab.active{color:var(--bg);background:var(--accent)}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);padding:1.15rem 1.2rem 1.35rem}.panel.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=820px){.grid-2{grid-template-columns:1fr}}.stack{flex-direction:column;gap:.9rem;min-width:0;display:flex}.section-title{margin:0;font-size:1.05rem;font-weight:650}.field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.field>span{color:var(--muted);font-weight:500}.field.grow{flex:1}.hint,em.hint{color:var(--muted);font-size:.8rem;font-style:normal;font-weight:400}.muted{color:var(--muted);margin:0}.meta{font-size:.85rem;margin-bottom:.5rem!important}input,select,textarea{font-size:16px}select,input[type=number]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:.55rem .65rem}select:focus,input:focus,button:focus-visible{outline:2px solid var(--accent-dim);outline-offset:1px}.row{align-items:center;gap:.5rem;display:flex}.row select{flex:1}.row.nums{align-items:stretch}.btn{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;padding:.55rem .9rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){border-color:var(--muted);background:#252c3a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0a120e}.btn.primary:hover:not(:disabled){filter:brightness(1.05);background:var(--accent)}.btn.ghost{background:0 0}.btn.small{padding:.35rem .55rem;font-size:.8rem}.recipe-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.recipe-list li{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.step-num{font-family:var(--mono);color:var(--accent);text-align:center;width:1.4rem;font-size:.75rem}.step-name{flex:1;font-weight:500}.step-actions{gap:.2rem;display:flex}.icon-btn{border:1px solid var(--border);background:var(--bg-soft);width:1.75rem;height:1.75rem;color:var(--text);cursor:pointer;font:inherit;border-radius:6px;line-height:1}.icon-btn:hover:not(:disabled){border-color:var(--muted)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.stats{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;display:grid}.stat{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.15rem;padding:.55rem .65rem;display:flex}.stat.highlight{border-color:var(--accent-dim);background:var(--accent-bg)}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.stat-value{font-variant-numeric:tabular-nums;font-weight:700}.chips{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:.35rem;max-height:10rem;padding:.35rem;display:flex;overflow-y:auto}.chips.readonly{background:0 0;border:none;max-height:none;padding:0}.chip{border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;transition:background .12s,color .12s,border-color .12s}.chip:hover:not(:disabled){border-color:var(--muted);color:var(--text)}.chip.on{background:var(--accent-bg);border-color:var(--accent-dim);color:var(--accent);font-weight:600}.chip:disabled{opacity:.35;cursor:not-allowed}.chip.tiny{cursor:default;color:var(--text);padding:.12rem .4rem;font-size:.72rem}.search-panel{flex-direction:column;gap:1.35rem;display:flex}.search-controls{border-bottom:1px solid var(--border);padding-bottom:.25rem}.search-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:.9rem 1rem;display:grid}.search-filters{grid-template-columns:1fr 1fr 1fr;gap:.9rem;display:grid}@media (width<=900px){.search-filters{grid-template-columns:1fr}}.search-results{min-width:0}.result-cards{flex-direction:column;gap:1rem;display:flex}.result-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.85rem;padding:1rem 1.1rem 1.15rem;display:flex}.result-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.result-rank{align-items:center;gap:.65rem;display:flex}.rank-badge{background:var(--accent-bg);border:1px solid var(--accent-dim);min-width:2.25rem;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .55rem;font-size:.9rem;font-weight:700;display:inline-flex}.btn.small.primary{padding:.4rem .75rem}.loading-box{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.loading-box .loading-sub{margin:0;font-size:.85rem}.loading-box .queue-hint{max-width:28rem;color:var(--text);background:#f0c14b1a;border:1px solid #f0c14b59;border-radius:8px;margin:.25rem 0 0;padding:.65rem .85rem;font-size:.88rem;line-height:1.45}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.8rem}.footer code,.panel code{font-family:var(--mono);background:var(--bg-soft);border-radius:4px;padding:.1rem .35rem;font-size:.85em}.toast{border:1px solid var(--danger);color:#ffd0d0;z-index:50;background:#2a1a1a;border-radius:10px;max-width:min(90vw,440px);padding:.75rem 1rem;font-size:.9rem;line-height:1.4;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.toast.info{color:#f5e6b8;background:#1a2218;border-color:#f0c14b8c}