*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#f7f7f5;--surface2:#efefec;--border:#e2e2dc;--border2:#d0d0c8;--text:#1a1a18;--text2:#5a5a55;--text3:#9a9a92;--accent:#d4520a;--accent-light:#fef0e8;--teal:#007a6a;--teal-light:#e6f4f1;--teal-border:#b8e0d8;--blue:#1a4f8a;--blue-light:#e8f0fa;--amber:#b07a00;--amber-light:#fef6e0;--purple:#5c3d8f;--purple-light:#f0ebfa;--sans:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}header{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;justify-content:space-between;align-items:center;height:52px;padding:0 2rem;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;display:flex}.logo-box{background:var(--text);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:600;display:flex}.logo-name{font-size:13px;font-weight:600}.logo-sep{background:var(--border2);width:1px;height:16px;margin:0 8px}.logo-sub{color:var(--text3);font-size:11px}.nav-tabs{display:flex}.ntab{height:52px;color:var(--text3);border-right:1px solid var(--border);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;align-items:center;padding:0 1.1rem;font-size:12px;font-weight:500;transition:all .15s;display:flex}.ntab:first-child{border-left:1px solid var(--border)}.ntab:hover{color:var(--text);background:var(--surface)}.ntab.active{color:var(--text);border-bottom-color:var(--accent);background:var(--bg)}.header-right{align-items:center;gap:8px;display:flex}.mat-pill{font-size:11px;font-family:var(--mono);background:var(--surface);border:1px solid var(--border2);color:var(--text2);cursor:pointer;border-radius:4px;padding:4px 11px;font-weight:500;transition:all .15s}.mat-pill.active{background:var(--text);color:#fff;border-color:var(--text)}.mat-pill:hover:not(.active){border-color:var(--text3);color:var(--text)}.login-overlay{z-index:9999;background:var(--bg);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.login-overlay.hidden{display:none}.login-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;max-width:360px;padding:2rem;box-shadow:0 4px 24px #0000000a}.login-brand{align-items:center;gap:10px;margin-bottom:1.5rem;display:flex}.login-brand .logo-box{border-radius:7px;width:30px;height:30px}.login-brand-name{font-size:15px;font-weight:600}.login-brand-sub{color:var(--text3);font-size:11px}.login-title{margin-bottom:.25rem;font-size:13px;font-weight:600}.login-desc{color:var(--text2);margin-bottom:1.5rem;font-size:12px}.login-field{margin-bottom:1rem}.login-field label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:.4rem;display:block}.login-field input{border:1px solid var(--border2);width:100%;font-family:var(--sans);background:var(--bg);color:var(--text);border-radius:6px;padding:.6rem .75rem;font-size:13px;transition:border-color .15s}.login-field input:focus{border-color:var(--accent);outline:none}.login-btn{background:var(--text);color:#fff;width:100%;font-family:var(--sans);cursor:pointer;border:none;border-radius:6px;padding:.65rem;font-size:13px;font-weight:500;transition:opacity .15s}.login-btn:hover{opacity:.85}.login-error{color:var(--accent);min-height:1.1em;margin-top:.85rem;font-size:12px}.login-foot{border-top:1px solid var(--border);font-size:10px;font-family:var(--mono);color:var(--text3);align-items:center;gap:6px;margin-top:1.5rem;padding-top:1rem;display:flex}.login-lock{background:var(--teal);border-radius:50%;width:5px;height:5px}.page{display:none}.page.active{display:block}.windows-bar{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.wc{border-right:1px solid var(--border);border-top:3px solid #0000;padding:1.1rem 1.5rem;transition:background .15s}.wc:last-child{border-right:none}.wc-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-bottom:4px}.wc-value{letter-spacing:-.02em;margin-bottom:2px;font-size:1.3rem;font-weight:300}.wc-sub{color:var(--text3);font-size:11px}.wc-ref{color:var(--text3);align-items:center;gap:4px;margin-top:5px;font-size:10px;display:flex}.wc-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.main-layout{grid-template-columns:300px 1fr;display:grid}.sidebar{border-right:1px solid var(--border);padding:1.5rem}.content{padding:1.5rem}.sb-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text3);justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sb-label span.mat-tag{color:var(--accent);font-size:11px}.param-block{margin-bottom:1rem}.param-hdr{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.param-name{font-size:12px;font-weight:500}.param-val{font-size:12px;font-family:var(--mono);color:var(--accent)}.slider{-webkit-appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:14px;height:14px;box-shadow:0 0 0 1px var(--border2);border:2px solid #fff;border-radius:50%}.param-minmax{color:var(--text3);font-size:10px;font-family:var(--mono);justify-content:space-between;margin-top:2px;display:flex}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.rank-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 0;display:flex}.rank-row:last-child{border-bottom:none}.rank-name{width:90px;color:var(--text2);flex-shrink:0;font-size:12px}.rank-bar-bg{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.rank-bar{border-radius:2px;height:100%;transition:width .4s}.rank-tag{font-size:9px;font-family:var(--mono);border-radius:3px;flex-shrink:0;padding:2px 6px}.tag-crit{background:var(--accent-light);color:var(--accent);border:1px solid #f8c4a0}.tag-major{background:var(--teal-light);color:var(--teal);border:1px solid var(--teal-border)}.tag-minor{background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.doe-box{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--teal);border-radius:8px;margin-top:.25rem;padding:1.1rem}.doe-box-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:.6rem}.doe-nums{align-items:center;gap:8px;margin-bottom:.6rem;display:flex}.doe-n{text-align:center;flex:1}.doe-n .n{font-size:1.8rem;font-weight:300;line-height:1}.doe-n .l{color:var(--text3);margin-top:2px;font-size:10px}.doe-arrow{color:var(--border2);flex:0;font-size:1.1rem}.doe-save{background:var(--teal-light);border-radius:5px;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.doe-pct{color:var(--teal);font-size:1.3rem;font-weight:600;font-family:var(--mono)}.doe-details{text-align:right;color:var(--teal);font-size:10px}.recipe-box{background:var(--teal-light);border:1px solid var(--teal-border);border-radius:8px;margin-top:.75rem;padding:.9rem 1.1rem}.recipe-title{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin-bottom:.4rem}.recipe-row{justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.recipe-row .rn{color:var(--text2)}.recipe-row .rv{font-family:var(--mono);color:var(--teal);font-weight:500}.ct-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text3);justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ct-label .ct-right{color:var(--teal);font-size:10px}.metrics-grid{background:var(--border);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:1.5rem;display:grid;overflow:hidden}.mc{background:var(--bg);padding:.9rem 1.1rem}.mc-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:3px}.mc-val{font-size:1.4rem;font-weight:300}.mc-unit{color:var(--text2);font-size:11px}.mc-bar{background:var(--border);border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.mc-bar-fill{background:var(--teal);border-radius:2px;height:100%}.col-teal{color:var(--teal)}.col-blue{color:var(--blue)}.col-amber{color:var(--amber)}.col-purple{color:var(--purple)}.chart-wrap{width:100%;height:240px;margin-bottom:1.5rem;position:relative}.chat-box{border:1px solid var(--border);border-radius:8px;overflow:hidden}.chat-hdr{border-bottom:1px solid var(--border);background:var(--surface);font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);align-items:center;gap:8px;padding:.75rem 1.25rem;display:flex}.chat-dot{background:var(--teal);border-radius:50%;width:6px;height:6px}.chat-msgs{flex-direction:column;gap:.75rem;min-height:120px;max-height:220px;padding:1rem 1.25rem;display:flex;overflow-y:auto}.msg{max-width:86%}.msg-a{align-self:flex-start}.msg-u{align-self:flex-end}.msg-bubble{border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.6}.msg-a .msg-bubble{background:var(--surface);border:1px solid var(--border)}.msg-u .msg-bubble{background:var(--accent);color:#fff}.typing{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:8px 12px;display:flex}.typing span{background:var(--text3);border-radius:50%;width:5px;height:5px;animation:1.2s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.pills{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:5px;padding:.6rem 1.25rem;display:flex}.pill{background:var(--bg);border:1px solid var(--border2);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:11px;transition:all .15s}.pill:hover{border-color:var(--accent);color:var(--accent)}.chat-row{border-top:1px solid var(--border);display:flex}.chat-input{font-size:13px;font-family:var(--sans);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:11px 14px}.chat-input::placeholder{color:var(--text3)}.chat-send{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:0 18px;font-size:13px;font-weight:500}.chat-send:hover{background:#b8450a}.space-wrap{max-width:1060px;margin:0 auto;padding:2rem}.space-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.space-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.space-card-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:.75rem}.space-chart-wrap{width:100%;height:260px;position:relative}.stats-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.1rem}.stat-card-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:5px}.stat-card-val{margin-bottom:3px;font-size:1.8rem;font-weight:300}.stat-card-sub{color:var(--text3);font-size:11px}.diag-wrap{grid-template-columns:1fr 420px;align-items:start;gap:3rem;max-width:1060px;margin:0 auto;padding:2rem;display:grid}.diag-left h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:300;line-height:1.15}.diag-left h2 strong{font-weight:600}.diag-left p{color:var(--text2);max-width:480px;margin-bottom:1.75rem;font-size:13px;line-height:1.7}.diag-windows{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dw{background:var(--surface);border:1px solid var(--border);border-top:3px solid #0000;border-radius:8px;padding:1.1rem}.dw-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:4px}.dw-val{margin-bottom:2px;font-size:1.3rem;font-weight:300}.dw-sub{color:var(--text3);font-size:11px}.dw-ref{color:var(--text3);margin-top:5px;font-size:10px}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex}.footer-l{color:var(--text3);font-size:10px;font-family:var(--mono)}.footer-r{color:var(--text3);font-size:10px}@media (max-width:800px){.main-layout,.diag-wrap{grid-template-columns:1fr}.windows-bar,.space-grid,.stats-row{grid-template-columns:1fr 1fr}.nav-tabs{display:none}}