:root{--abyss: #000000;--slate: #ffffff;--yellow: #dcff00;--yellow-shade: #c7e600;--yellow-dim: #f5ffa8;--mist: #f1f1f1;--mist-2: #e4e4e4;--muted: #6b6b6b;--rule: #e0e0e0;--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-header: "Cooper Hewitt", "Poppins", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--nav-width: 220px;--topbar-height: 56px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--mist);color:var(--abyss);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--abyss);border-bottom:4px solid var(--yellow);display:flex;align-items:center;gap:0;z-index:100;padding:0 20px 0 0}.topbar-brand{display:flex;align-items:center;gap:0;width:var(--nav-width);height:100%;padding:0 20px;border-right:1px solid #1a1a1a;text-decoration:none;flex-shrink:0}.topbar-mark{width:36px;height:28px;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-weight:700;font-size:11px;color:var(--abyss);letter-spacing:.05em;flex-shrink:0;margin-right:12px}.topbar-name{font-family:var(--font-header);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);line-height:1.1}.topbar-name span{display:block;font-size:9px;letter-spacing:.2em;color:var(--yellow);font-weight:500;margin-top:2px}.topbar-center{flex:1;padding:0 20px;display:flex;align-items:center;gap:12px}.search-wrap{position:relative;width:100%;max-width:360px}.search-wrap input{width:100%;background:#111;border:1px solid #2a2a2a;color:var(--slate);font-family:var(--font-mono);font-size:12px;padding:7px 12px 7px 32px;outline:none;transition:border-color .15s}.search-wrap input::placeholder{color:#555}.search-wrap input:focus{border-color:var(--yellow)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#555;font-size:13px;pointer-events:none}.topbar-right{display:flex;align-items:center;gap:16px;padding-left:16px}.topbar-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#555}.layout{display:flex;min-height:100vh;padding-top:var(--topbar-height)}.sidebar{width:var(--nav-width);background:var(--slate);border-right:1px solid var(--rule);position:fixed;top:var(--topbar-height);bottom:0;left:0;overflow-y:auto;display:flex;flex-direction:column;z-index:50}.nav-section{padding:20px 0 8px}.nav-section+.nav-section{border-top:1px solid var(--rule)}.nav-section-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);padding:0 16px 8px;font-weight:500}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:12px;font-weight:500;color:var(--abyss);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left;border-left:3px solid transparent;transition:background .1s,border-color .1s}.nav-item:hover{background:var(--mist)}.nav-item.active{background:var(--yellow-dim);border-left-color:var(--yellow);color:var(--abyss)}.nav-item-dot{width:6px;height:6px;background:var(--mist-2);flex-shrink:0}.nav-item.active .nav-item-dot{background:var(--yellow)}.nav-count{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--muted);background:var(--mist);padding:1px 6px}.main{flex:1;margin-left:var(--nav-width);min-width:0}.hero{background:var(--abyss);color:var(--slate);padding:32px 36px;border-bottom:4px solid var(--yellow)}.hero-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px}.hero h1{font-family:var(--font-header);font-size:28px;font-weight:600;letter-spacing:.04em;margin:0 0 6px}.hero-sub{font-size:13px;color:#aaa;max-width:560px}.hero-stats{display:flex;gap:32px;margin-top:20px;padding-top:20px;border-top:1px solid #1a1a1a}.hero-stat-value{font-family:var(--font-header);font-size:28px;font-weight:700;color:var(--yellow);line-height:1}.hero-stat-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#666;margin-top:4px}.filter-bar{padding:16px 36px;background:var(--slate);border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-right:4px}.filter-btn{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--rule);background:var(--slate);color:var(--abyss);cursor:pointer;transition:all .12s}.filter-btn:hover{border-color:var(--abyss)}.filter-btn.active{background:var(--abyss);color:var(--slate);border-color:var(--abyss)}.filter-btn.active.yellow{background:var(--yellow);color:var(--abyss);border-color:var(--yellow)}.tool-grid-section{padding:28px 36px 48px}.section-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--abyss)}.section-num{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--slate);background:var(--abyss);padding:3px 8px}.section-title{font-family:var(--font-header);font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.section-count{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}.tool-card{background:var(--slate);padding:0;display:flex;flex-direction:column;transition:background .12s;position:relative}.tool-card:hover{background:#fafafa}.tool-card-header{padding:18px 20px 14px;border-bottom:1px solid var(--rule);display:flex;align-items:flex-start;gap:12px}.tool-icon{width:36px;height:36px;background:var(--abyss);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:2px}.tool-card-meta{flex:1;min-width:0}.tool-card-title{font-family:var(--font-header);font-weight:600;font-size:14px;letter-spacing:.04em;margin-bottom:4px}.tool-card-cat{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.tool-card-body{padding:14px 20px;flex:1}.tool-card-desc{font-size:12px;line-height:1.6;color:var(--muted)}.tool-card-footer{padding:14px 20px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:8px}.cat-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:3px 8px;border:1px solid currentColor}.cat-badge.Engineering{color:#1a5c99;border-color:#1a5c99}.cat-badge.Production{color:#8a2a00;border-color:#8a2a00}.cat-badge.Lab{color:#1a6b3a;border-color:#1a6b3a}.cat-badge.Planning{color:#6b4a00;border-color:#6b4a00}.cat-badge.Utilities{color:#4a1a6b;border-color:#4a1a6b}.launch-btn{font-family:var(--font-header);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;background:var(--abyss);color:var(--yellow);border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .12s}.launch-btn:hover{background:#1a1a1a}.tool-card.flagged .tool-card-header{border-left:3px solid #f0a500}.status-flag{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:8px;letter-spacing:.18em;text-transform:uppercase;padding:2px 6px;background:#f0a500;color:#fff}.tool-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-height))}.viewer-bar{background:var(--abyss);color:var(--slate);padding:0 20px;height:44px;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--yellow);flex-shrink:0}.viewer-back{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);text-decoration:none;display:flex;align-items:center;gap:6px;cursor:pointer;border:none;background:none;padding:0}.viewer-back:hover{opacity:.75}.viewer-sep{color:#333;font-size:14px}.viewer-title{font-family:var(--font-header);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.viewer-cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:#666;text-transform:uppercase}.viewer-open{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#888;text-decoration:none}.viewer-open:hover{color:var(--yellow)}.viewer-frame{flex:1;width:100%;border:none;background:#fff}.empty-state{padding:64px 36px;text-align:center}.empty-state-title{font-family:var(--font-header);font-size:18px;font-weight:600;letter-spacing:.06em;margin-bottom:8px}.empty-state-sub{font-size:13px;color:var(--muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}