.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(14px);background:#040812d9;justify-content:center;align-items:center;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#090e1a;border:1px solid #38bdf840;border-radius:16px;flex-direction:column;width:100%;max-width:1180px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 40px -10px #38bdf826}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:linear-gradient(#0e1628e6 0%,#090e1ab3 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.75rem 2rem 1.25rem;display:flex}.header-badge{color:#38bdf8;letter-spacing:.08em;background:#38bdf81a;border:1px solid #38bdf840;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.65rem;padding:.25rem .65rem;font-size:.72rem;display:inline-flex}.pulse-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #38bdf8}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.header-title{color:#fff;letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.65rem;font-weight:700}.header-desc{color:#94a3b8;max-width:820px;margin:0;font-size:.92rem;line-height:1.5}.close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.close-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.controls-bar{background:#090e1a;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:1rem;padding:1.25rem 2rem 1rem;display:flex}.search-input-wrap{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:#64748b;pointer-events:none;position:absolute;left:1rem}.search-input{color:#f1f5f9;background:#0f172ad9;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:.75rem 2.5rem .75rem 2.75rem;font-size:.88rem;transition:all .15s}.search-input:focus{background:#0f172a;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.clear-search-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.85rem;position:absolute;right:.85rem}.clear-search-btn:hover{color:#f1f5f9}.category-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.cat-tab-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.82rem;transition:all .15s;display:inline-flex}.cat-tab-btn:hover{color:#e2e8f0;background:#ffffff12;border-color:#ffffff26}.cat-tab-btn.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf866;font-weight:600}.cat-tab-count{opacity:.85;background:#00000059;border-radius:4px;padding:.1rem .4rem;font-size:.72rem}.gates-scroll-body{background:#060a14;max-height:calc(90vh - 280px);padding:1.5rem 2rem;overflow-y:auto}.gates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.gate-card{background:#0e1628a6;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem;transition:all .2s;display:flex}.gate-card:hover{background:#0e1628f2;border-color:#38bdf859;transform:translateY(-2px);box-shadow:0 8px 24px -6px #00000080}.gate-card-top{justify-content:space-between;align-items:center;display:flex}.gate-id-badge{align-items:center;gap:.4rem;font-size:.78rem;display:flex}.gate-num-tag{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:4px;padding:.15rem .45rem;font-weight:700}.gate-seq{color:#64748b}.gate-cat-pill{border:1px solid var(--cat-color);color:var(--cat-color);background:#ffffff0a;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.gate-card-name{color:#f8fafc;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}.gate-invariant-box{background:#0006;border:1px solid #ffffff0f;border-left:3px solid #38bdf8;border-radius:6px;flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.invariant-label{color:#38bdf8;letter-spacing:.08em;font-size:.65rem}.invariant-val{color:#e2e8f0;font-size:.82rem;font-weight:600}.gate-description{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.45}.gate-guidance-box{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;padding:.6rem .75rem}.guidance-label{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.25rem;font-size:.68rem;display:block}.guidance-text{color:#cbd5e1;margin:0;font-size:.8rem;line-height:1.4}.gate-card-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:.5rem}.cmd-label{color:#64748b;letter-spacing:.05em;margin-bottom:.35rem;font-size:.68rem}.cmd-bar{background:#020617;border:1px solid #ffffff14;border-radius:6px;justify-content:space-between;align-items:center;padding:.4rem .65rem;font-size:.76rem;display:flex}.cmd-bar code{color:#34d399;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden}.copy-cmd-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:4px;align-items:center;margin-left:.5rem;padding:.25rem .4rem;transition:all .15s;display:flex}.copy-cmd-btn:hover{color:#fff;background:#ffffff26}.copied-text{color:#34d399;font-size:.68rem;font-weight:600}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{margin-bottom:.75rem;font-size:2.5rem}.empty-title{color:#f1f5f9;margin-bottom:.4rem;font-size:1.2rem;font-weight:600}.empty-desc{color:#64748b;margin-bottom:1.5rem;font-size:.88rem}.empty-reset-btn{color:#38bdf8;cursor:pointer;background:#38bdf826;border:1px solid #38bdf859;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}.empty-reset-btn:hover{background:#38bdf840}.modal-footer{color:#64748b;background:#090e1a;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem;font-size:.78rem;display:flex}.footer-stat{align-items:center;gap:.45rem;display:flex}.stat-dot.green{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #34d399}.footer-sep{color:#ffffff26}@media (width<=768px){.modal-container{max-height:95vh}.modal-header{padding:1.25rem 1.25rem 1rem}.controls-bar,.gates-scroll-body{padding:1rem 1.25rem}.gates-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:.35rem;padding:.75rem 1.25rem}.footer-sep{display:none}}