:root{color-scheme:dark;--bg:#090b10;--panel:#12151e;--panel2:#181d28;--border:#292f3c;--text:#f3f5f9;--muted:#98a1b3;--accent:#c1ff6a;--violet:#a899ff;--danger:#ff9d9d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3,.budgetbig,.money{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.8px}h1 em{color:var(--accent);font-style:normal}h2{font-size:27px;letter-spacing:-.8px}h3{font-size:18px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.side{background:#0e1118;border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:13px;margin-bottom:65px}.brandmark{background:var(--accent);color:#0a0e0b;width:47px;height:47px;display:grid;place-items:center;border-radius:13px;font:800 30px 'Space Grotesk';letter-spacing:-3px}.brandmark span{color:#6a7e47}.brand b{font:700 16px 'Space Grotesk';letter-spacing:.4px}.brand small{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.5px;margin-top:2px}.nav{display:flex;align-items:center;gap:13px;width:100%;padding:14px 15px;background:transparent;color:#abb3c4;border:0;border-radius:12px;text-align:left;font-weight:700;margin-bottom:7px}.nav.active{background:#222b20;color:var(--accent)}.nav:hover{background:#20242d}.sidefoot{margin-top:auto;border-top:1px solid var(--border);padding-top:22px;font-size:12px;color:#c1c9d5;line-height:2}.sidefoot small{color:var(--muted)}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}main{min-width:0;max-width:1600px;width:100%;padding:35px clamp(20px,4vw,66px) 20px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:48px}.overline{font-size:11px;letter-spacing:2.2px;color:var(--accent);font-weight:800;margin-bottom:8px}.headright,.btnrow,.sectiontop,.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.headright{flex-wrap:wrap}.synctag{font-size:12px;color:var(--accent);padding:8px 11px;background:#1d2b1e;border-radius:100px;font-weight:700}.secondary,.primary,.dangerbtn{border-radius:10px;padding:11px 16px;font-weight:800;border:1px solid var(--border);background:#252b38;color:var(--text)}.primary{background:var(--accent);border-color:var(--accent);color:#0a0d09}.dangerbtn{color:var(--danger)}.secondary:hover{border-color:#687384}.primary:hover{background:#d8ff9e}.hide{display:none!important}.muted{color:var(--muted);line-height:1.5}.small{font-size:13px}.tiny{font-size:12px}.sectiontop{margin-bottom:22px;align-items:flex-end}.sectiontop .muted{margin-top:5px}.overview{background:linear-gradient(120deg,#1d222e,#141820);border:1px solid #3b4350;border-radius:20px;padding:28px 32px;display:grid;grid-template-columns:1fr 265px;gap:35px}.budgetbig{font-size:clamp(30px,3.5vw,52px);font-weight:700;letter-spacing:-2px;line-height:1.2;margin:10px 0}.budgetbig small{display:block;font-size:19px;letter-spacing:-.4px;color:#b8c2d0;margin-top:5px}.meter{height:8px;border-radius:20px;background:#363c46;margin:25px 0 10px;overflow:hidden;max-width:600px}.meter div{height:100%;background:var(--accent);width:0;transition:width .25s}.overview-side{border-left:1px solid #3b4350;padding-left:28px;display:grid;gap:22px}.overview-side>div{display:flex;flex-direction:column;gap:5px}.overview-side small{color:#a8b1c1;letter-spacing:1px;font-size:11px;font-weight:800}.overview-side strong{font:700 25px 'Space Grotesk';letter-spacing:-.5px}.overview-side span{font-size:12px;color:var(--muted)}.hardwarehead{margin-top:46px}.counttag{color:var(--muted);font-size:12px}.slotgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.slot{border:1px solid var(--border);background:var(--panel);border-radius:16px;overflow:hidden;min-height:195px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.slot:hover{border-color:#6a7659;transform:translateY(-1px)}.slot-top{display:flex;align-items:center;gap:12px;padding:19px 19px 10px}.slot-icon{width:45px;height:45px;border-radius:12px;background:#232a32;display:grid;place-items:center;color:var(--accent);font-size:23px;flex:none}.slot-top .cat{font-size:11px;color:#a8b0be;letter-spacing:1.6px;font-weight:800}.slot-top .target{margin-left:auto;color:#c5ccda;font-size:12px;text-align:right}.slot-content{padding:0 19px 15px;flex:1}.partname{font:700 19px 'Space Grotesk';letter-spacing:-.4px;line-height:1.3;margin:5px 0}.slot-empty{color:#9aa4b4;font-size:14px;margin:7px 0}.slot-bottom{padding:13px 19px;border-top:1px solid #292e38;display:flex;align-items:center;justify-content:space-between;gap:10px}.slot-bottom .money{font-size:17px;font-weight:700}.slot-bottom small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.slot-bottom button{border:0;background:transparent;color:var(--accent);font-weight:800;padding:8px 0}.tag{display:inline-block;border-radius:6px;background:#242b35;color:#b9c4d5;font-size:11px;padding:5px 8px;margin-right:6px}.tag.good{background:#233a26;color:var(--accent)}.tag.warn{background:#41341d;color:#ffda86}.tag.bad{background:#43282b;color:#ffacac}.authcard,.settingspanel,.archivecard{max-width:950px;border:1px solid var(--border);background:var(--panel);padding:25px;border-radius:16px;margin-bottom:18px}.authcard{max-width:480px;margin:80px auto}.authcard p{margin:10px 0 22px}label{display:block;font-size:13px;font-weight:700;color:#c1c9d6;margin-bottom:13px}input,select,textarea{display:block;width:100%;background:#0e121b;color:var(--text);border:1px solid #424957;border-radius:9px;padding:12px;margin-top:7px;min-height:45px}input:focus,select:focus,textarea:focus{outline:2px solid #9dce6b;outline-offset:1px}textarea{min-height:80px;resize:vertical}.settingsrow,.fields2,.ranges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.rangehead{margin-top:25px}.ranges{margin:20px 0}.rangeitem{background:#1a202b;border-radius:10px;padding:14px}.rangeitem>strong{display:block;margin-bottom:10px}.rangeinputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rangeinputs label{font-size:11px}.rangeinputs input{min-width:0}.settingspanel .primary{margin-top:16px}.notice{background:#293522;border:1px solid #66804a;color:#e2ffc0;border-radius:10px;padding:12px;margin-bottom:18px}.notice.error{background:#382326;border-color:#81454d;color:#ffd4d4}.overlay{position:fixed;inset:0;z-index:50;background:#030508c9;display:flex;align-items:center;justify-content:center;padding:15px}.dialog{width:min(820px,100%);max-height:min(92vh,950px);overflow-y:auto;background:#171b26;border:1px solid #444c59;border-radius:19px;padding:25px;box-shadow:0 25px 80px #0009}.dialoghead{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.iconbutton{background:#292f3c;border:1px solid #434b59;color:white;width:38px;height:38px;border-radius:9px}.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabbar button{background:#252b37;color:#c1c9d5;border:1px solid #39414d;border-radius:9px;padding:9px 13px}.tabbar button.active{background:#304124;border-color:#648249;color:var(--accent)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span2{grid-column:span 2}.cardline{border:1px solid #343c49;border-radius:12px;padding:15px;margin:10px 0;background:#1d2330}.cardline .between{align-items:flex-start}.cardline p{margin:5px 0}.inlineactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.inlineactions button{padding:8px 11px;font-size:12px}.mini{font-size:12px;color:var(--muted)}.moneyline{font:700 20px 'Space Grotesk'}.separator{border:0;border-top:1px solid var(--border);margin:20px 0}.emptybox{padding:28px;text-align:center;border:1px dashed #47505d;border-radius:12px;color:var(--muted)}.archivecard{max-width:none}footer{font-size:11px;color:#6d7788;letter-spacing:1.3px;padding:40px 0 10px}footer span{color:var(--accent)}@media(max-width:1100px){.slotgrid{grid-template-columns:1fr}.overview{grid-template-columns:1fr}.overview-side{border-left:0;border-top:1px solid #3b4350;padding:20px 0 0;grid-template-columns:1fr 1fr}}@media(max-width:700px){.shell{display:block}.side{height:auto;position:static;padding:13px 16px;display:flex;flex-direction:row;align-items:center;gap:10px;border-right:0;border-bottom:1px solid var(--border)}.brand{margin:0;gap:8px}.brandmark{width:36px;height:36px;font-size:22px;border-radius:9px}.brand b{font-size:12px}.brand small{font-size:8px}.side nav{display:flex;margin-left:auto;gap:2px}.nav{width:auto;margin:0;padding:9px;font-size:18px}.nav span{display:none}.sidefoot{display:none}main{padding:22px 15px}header{margin-bottom:28px;align-items:flex-start;flex-direction:column}h1{font-size:30px}.sectiontop{align-items:flex-start}.overview{padding:20px;gap:20px}.overview-side{gap:15px}.budgetbig{font-size:35px}.slotgrid{gap:11px}.settingsrow,.ranges,.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.dialog{padding:17px}.counttag{display:none}}@media(max-width:400px){.headright{gap:6px}.secondary{padding:9px 10px}.slot-top{padding:15px 13px 8px}.slot-content{padding:0 13px 12px}.slot-bottom{padding:10px 13px}}

/* Desktop-first system builder */
:root{--accent:#9de08d;--bg:#0b0e14;--panel:#141a24;--panel2:#1b2330;--border:#303a49}
.shell{grid-template-columns:214px minmax(0,1fr)}.side{padding:25px 15px;background:#0e1219}main{max-width:1750px;padding:28px clamp(24px,3vw,52px) 20px}header{margin-bottom:29px}h1{font-size:32px;letter-spacing:-1px}.overline{letter-spacing:1.5px;font-size:10px}.sectiontop{margin-bottom:17px}.overview{padding:22px 27px;border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);background:#151c27;gap:22px}.budgetbig{font-size:36px;letter-spacing:-1px;margin:6px 0}.budgetbig small{font-size:15px;margin-top:2px}.overview-side{grid-template-columns:1fr 1fr;gap:20px;align-items:center}.overview-side strong{font-size:21px}.meter{margin:15px 0 7px;height:6px}.hardwarehead{margin-top:30px}.builder-table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto;background:#121923}.builder-table{border-collapse:collapse;width:100%;min-width:850px;text-align:left}.builder-table thead{background:#1d2633}.builder-table th{color:#b0bbca;text-transform:uppercase;letter-spacing:.8px;font-size:11px;padding:16px 15px;font-weight:800;white-space:nowrap}.builder-table th:nth-child(1){width:17%}.builder-table th:nth-child(2){width:30%}.builder-table th:nth-child(3){width:17%}.builder-table th:nth-child(4){width:19%}.builder-table td{border-top:1px solid #303948;padding:17px 15px;font-size:13px;vertical-align:middle}.builder-row{cursor:pointer;transition:background .15s}.builder-row:hover,.builder-row:focus{background:#202c38;outline:0}.category-cell{display:flex;align-items:center;gap:10px}.category-glyph{display:grid;place-items:center;background:#24352f;border:1px solid #365546;color:var(--accent);width:31px;height:31px;border-radius:7px;font-size:17px;flex-shrink:0}.contender-name{display:block;font-size:14px;color:#f2f5fa;line-height:1.4}.usd-line{display:block;color:#94a3b6;font-size:11px;line-height:1.6;margin-top:2px}.deal-price{font-size:16px;color:#e9f5e4}.table-action{border:1px solid #507456;color:#c5f3ba;background:#263d30;border-radius:7px;padding:9px 12px;font-size:12px;font-weight:800;white-space:nowrap}.table-action:hover{background:#34523d}.option-count{color:#c0cbdb}.builder-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:13px;color:var(--muted);font-size:12px}.builder-foot .secondary{font-size:12px;padding:9px 12px}.dialog{width:min(980px,100%);max-height:92vh}.cardline{border-radius:8px}.authcard{margin:60px auto}
@media(max-width:1050px){.overview{grid-template-columns:1fr}.overview-side{border-left:0;border-top:1px solid var(--border);padding:15px 0 0}.builder-table{min-width:820px}}
@media(max-width:700px){.shell{display:block}main{padding:20px 14px}header{margin-bottom:20px}.overview{padding:17px}.builder-foot{align-items:flex-start;flex-direction:column}.side{height:auto;position:static}.overview-side{grid-template-columns:1fr 1fr}}

/* Link lookup: contained status, no scrolling or overflowing error text */
.lookup-panel{display:flex;align-items:flex-start;gap:13px;background:#141b24;border:1px solid #36414f;border-radius:12px;padding:15px;margin:2px 0 19px;min-width:0}
.lookup-indicator{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:#253344;color:#bcd2e5;font-size:19px;font-weight:700}
.lookup-copy{flex:1;min-width:0}.lookup-copy strong{display:block;font-size:13px;line-height:1.35;color:#f1f4f8;margin:1px 0 4px}.lookup-copy p{margin:0;color:#bac5d3;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.lookup-copy .lookup-help{margin-top:6px;color:#929eae}
.lookup-retry{flex:none;font-size:12px;padding:8px 10px;align-self:center;white-space:nowrap}
.lookup-panel[data-state="searching"]{border-color:#53708c}.lookup-panel[data-state="searching"] .lookup-indicator{background:#223c53;color:#b1d8f9;animation:lookupPulse 1.1s ease-in-out infinite}
.lookup-panel[data-state="success"]{border-color:#486b47;background:#17241c}.lookup-panel[data-state="success"] .lookup-indicator{background:#28482b;color:#c1ff6a}
.lookup-panel[data-state="success"] .lookup-indicator::before{content:'✓'}.lookup-panel[data-state="success"] .lookup-indicator{font-size:0}.lookup-panel[data-state="success"] .lookup-indicator::before{font-size:19px}
.lookup-panel[data-state="unsupported"],.lookup-panel[data-state="blocked"],.lookup-panel[data-state="invalid"],.lookup-panel[data-state="partial"]{background:#252016;border-color:#73603b}
.lookup-panel[data-state="unsupported"] .lookup-indicator,.lookup-panel[data-state="blocked"] .lookup-indicator,.lookup-panel[data-state="invalid"] .lookup-indicator,.lookup-panel[data-state="partial"] .lookup-indicator{background:#493b24;color:#f5d28d}
.lookup-panel[data-state="network"],.lookup-panel[data-state="signin"]{background:#291d22;border-color:#80505a}
.lookup-panel[data-state="network"] .lookup-indicator,.lookup-panel[data-state="signin"] .lookup-indicator{background:#4b2933;color:#ffd1d9}
@keyframes lookupPulse{50%{opacity:.5}}
@media(max-width:570px){.lookup-panel{flex-wrap:wrap;padding:12px}.lookup-retry{margin-left:47px}.lookup-copy{flex-basis:calc(100% - 47px)}}

.lookup-panel{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:11px;overflow-wrap:anywhere}.lookup-copy{min-width:0}.lookup-copy p{line-height:1.5}.lookup-retry{white-space:nowrap}@media(max-width:620px){.lookup-panel{grid-template-columns:32px minmax(0,1fr)}.lookup-retry{grid-column:2;margin:0;justify-self:start}.lookup-copy{flex-basis:auto}}

/* BUILD LAB / NEON FORGE — visual redesign, preserving existing IDs and behavior */
:root{color-scheme:dark;--bg:#07090f;--panel:#101522;--panel2:#171e2d;--border:#293344;--text:#f2f5fc;--muted:#8d9ab0;--accent:#b8ff3b;--violet:#9d84ff;--danger:#ff8a96}
body{background:radial-gradient(ellipse 70% 45% at 80% -10%,rgba(117,75,255,.12),transparent 70%),radial-gradient(ellipse 55% 38% at 10% 45%,rgba(40,255,178,.035),transparent 75%),#07090f;font-family:'DM Sans',sans-serif}
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.09;background-image:linear-gradient(rgba(181,201,243,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(181,201,243,.1) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 75%);z-index:-1}
.shell{grid-template-columns:230px minmax(0,1fr)}.side{background:linear-gradient(180deg,#0f1421,#0b101a 65%,#0c1019);border-right:1px solid #253043;padding:28px 16px}.brand{margin-bottom:58px;gap:12px}.brandmark{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#c7ff51,#6dea88);color:#091108;box-shadow:0 0 32px #aaff4a24;transform:skew(-5deg);font-size:32px}.brand b{letter-spacing:1.5px;font-size:15px}.brand small{letter-spacing:2.1px;color:#baff56;font-size:9px}.nav{border-radius:10px;padding:13px 14px;color:#9caac0;transition:background .2s,color .2s,transform .2s}.nav.active{background:linear-gradient(90deg,#253b27,#16221e);color:#c8ff6c;border:1px solid #365a3b;box-shadow:inset 3px 0 #b8ff3b}.nav:hover{transform:translateX(2px);background:#1b2535}.sidefoot{line-height:1.8;border-color:#283246;color:#b9c6da}.online-dot{box-shadow:0 0 0 4px #aaff4a12,0 0 12px #b8ff3b80}
main{max-width:1660px;padding:33px clamp(22px,3.4vw,62px) 20px}header{margin-bottom:31px;position:relative}header::after{content:'';position:absolute;left:0;bottom:-19px;width:100%;height:1px;background:linear-gradient(90deg,#b8ff3b55,#3a4563 40%,transparent)}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,3.4vw,48px);font-weight:700;letter-spacing:-2.3px;line-height:1.05}h1 em{color:#c4ff59;text-shadow:0 0 36px #b8ff3b25}.overline{font-size:10px;letter-spacing:2px;color:#a8fa6d;font-weight:800}.eyebrow-sep{color:#64718a;margin:0 5px}.synctag{border:1px solid #345a3d;border-radius:7px;background:#17291d;color:#b8ff3b;font-family:'Space Grotesk';font-size:11px;letter-spacing:.4px}.primary{border-radius:8px;background:#b8ff3b;color:#11170a;box-shadow:0 3px 18px #b8ff3b12;transition:transform .15s,box-shadow .15s}.primary:hover{background:#d2ff83;transform:translateY(-1px);box-shadow:0 5px 25px #b8ff3b32}.secondary{border-radius:8px;background:#192232;border-color:#374258;color:#e2eaf8}.secondary:hover{border-color:#b8ff3b88;background:#243148}.sectiontop h2{font-size:24px;letter-spacing:-1px}.sectiontop .muted{font-size:13px}.overview{position:relative;overflow:hidden;grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr);border-radius:14px;padding:24px 29px;background:linear-gradient(110deg,#182333,#121b2a 60%,#1b1b35);border:1px solid #37445a;box-shadow:0 12px 40px #0003}.overview::before{content:'';position:absolute;right:-90px;top:-130px;width:350px;height:350px;background:radial-gradient(circle,#9668ff1e,transparent 70%);pointer-events:none}.overview::after{content:'';position:absolute;left:0;top:0;width:170px;height:2px;background:#b8ff3b;box-shadow:0 0 22px #b8ff3b80}.budgetbig{font-size:clamp(34px,3.7vw,50px);letter-spacing:-2px;font-weight:700;color:#fff}.budgetbig small{font-size:15px;letter-spacing:0;color:#b9c5d9}.overview-side{border-color:#38445b;gap:22px}.overview-side strong{font-size:25px;letter-spacing:-1px;color:#fff}.overview-side small{color:#98a9c2}.meter{height:7px;background:#303c4d;border-radius:3px}.meter div{background:linear-gradient(90deg,#a6e93c,#ccff66);box-shadow:0 0 20px #b8ff3b55}.hardwarehead{margin-top:36px}.counttag{font-family:'Space Grotesk';font-weight:700;letter-spacing:1px;color:#c5ff6a;border:1px solid #435438;border-radius:6px;background:#1b271c;padding:8px 11px}.builder-table-wrap{background:#0f1622;border:1px solid #344056;border-radius:13px;box-shadow:0 16px 45px #0003;overflow-x:auto}.builder-table{min-width:850px}.builder-table thead{background:#1c2635}.builder-table th{color:#a9b8d0;font-size:10px;letter-spacing:1.35px;padding:15px 17px}.builder-table td{border-color:#263348;padding:17px;font-size:13px}.builder-row:nth-child(even){background:#111a28}.builder-row{transition:background .18s,box-shadow .18s}.builder-row:hover,.builder-row:focus{background:#1e2c3c;box-shadow:inset 3px 0 #b8ff3b}.category-glyph{background:#24332d;border:1px solid #416b43;color:#c6ff74;border-radius:9px;width:38px;height:38px;font-size:19px}.category-cell{gap:12px}.contender-name{font-size:14px;font-weight:700;color:#eef4ff}.usd-line{color:#8c9db8}.deal-price{color:#c9ff7e;font-weight:700}.table-action{background:#b8ff3b14;border:1px solid #608844;color:#d5ff9a;border-radius:7px;padding:9px 12px}.table-action:hover{background:#b8ff3b2b}.builder-foot{color:#8291a9}.tag{border-radius:5px}.tag.good{background:#24402a;color:#c6ff7a}.tag.warn{background:#44351e}.settingspanel,.archivecard,.authcard{background:#111a28;border:1px solid #344057;box-shadow:0 15px 40px #0002}.authcard{max-width:490px;margin:65px auto;border-top:2px solid #b8ff3b}.authcard h2{font-size:32px}input,select,textarea{background:#0b111c;border:1px solid #39465b;border-radius:8px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:#b8ff3b;box-shadow:0 0 0 3px #b8ff3b1d}.overlay{background:#03060ce8;backdrop-filter:blur(9px)}.dialog{background:linear-gradient(145deg,#182335,#111a28);border:1px solid #495b75;border-radius:15px;box-shadow:0 30px 110px #000c;padding:27px}.dialoghead{border-bottom:1px solid #334056;padding-bottom:17px}.dialoghead h2{font-size:28px}.iconbutton{border-radius:8px;background:#253348}.tabbar{border-bottom:1px solid #35435a;padding-bottom:12px}.tabbar button{border-radius:7px;background:#202c3e}.tabbar button.active{background:#b8ff3b1b;border-color:#779c49;color:#c8ff82}.cardline{background:#162131;border:1px solid #35445c;border-radius:9px}.emptybox{background:#121d2b;border:1px dashed #4d5b72;padding:34px}.lookup-panel{background:#182332;border-color:#42536b}.lookup-panel[data-state="success"]{background:#192b23;border-color:#5b8748}.lookup-panel[data-state="partial"],.lookup-panel[data-state="blocked"],.lookup-panel[data-state="unsupported"]{background:#2b261e;border-color:#7b623a}footer{color:#6c7d97;letter-spacing:1.6px}footer span{color:#b8ff3b}
@media(max-width:1000px){.shell{grid-template-columns:200px minmax(0,1fr)}.overview{grid-template-columns:1fr}.overview-side{border-left:0;border-top:1px solid #38445b;padding:18px 0 0;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.shell{display:block}.side{height:auto;position:static;flex-direction:row;align-items:center;padding:12px 14px}.brand{margin:0}.brandmark{width:38px;height:38px;font-size:25px}.side nav{margin-left:auto;display:flex}.nav{padding:10px}.nav span{display:none}main{padding:22px 14px}header{margin-bottom:36px;gap:16px}.overview{padding:20px}.overview-side{grid-template-columns:1fr 1fr}.dialog{padding:18px}.sectiontop{gap:8px}.sectiontop h2{font-size:21px}.counttag{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
/* SHOWCASE EDITION — major layout and identity redesign */
:root{--accent:#c2ff36;--bg:#080b0e;--panel:#11161b;--border:#273037}
body{background:#090c10;color:#f5f6f4;background-image:radial-gradient(ellipse at 85% 0%,#1c2420 0%,transparent 38%)}
.side{background:#090d11!important;border-right:1px solid #20282d!important}.brand{letter-spacing:.05em}.brandmark{background:#c2ff36!important;color:#0a0e0a!important;border-radius:13px!important}.brandmark span{color:#0b0e0b!important}
.nav{border-radius:12px!important;margin-bottom:8px!important}.nav.active{background:#c2ff36!important;color:#0a0c0b!important;font-weight:800!important}.nav:hover:not(.active){background:#1b2527!important}
header h1{font-size:clamp(30px,4vw,58px)!important;letter-spacing:-.075em!important}header h1 em{color:#c2ff36!important;font-style:normal!important}
.lab-intro{padding:26px 32px 32px;margin:10px 0 22px;background:linear-gradient(115deg,#1a2423,#10171c 64%,#171a1d);border:1px solid #2e3b38;border-radius:22px;position:relative;overflow:hidden}.lab-intro:after{content:'✳';position:absolute;right:-25px;top:-85px;font-size:270px;line-height:1;color:#c2ff36;opacity:.055;pointer-events:none}.lab-eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:#c2ff36}.lab-eyebrow span{color:#9aaba5;margin-left:20px}.lab-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.lab-title-row h2{font-size:clamp(29px,4vw,51px);letter-spacing:-.065em;margin:13px 0 8px;line-height:1.05}.lab-title-row h2 i{font-style:normal;color:#c2ff36}.lab-title-row p{color:#9eaaa9;margin:0}.showcase-cta{background:#c2ff36;color:#0c100d;border:0;border-radius:10px;font-weight:900;white-space:nowrap;padding:16px 20px;cursor:pointer;position:relative;z-index:1}.showcase-cta span{margin-left:15px}
#view-showcase{padding-bottom:30px}.showcase-hero{border:1px solid #2c3937;border-radius:22px;background:radial-gradient(ellipse at 75% 55%,#1b3a31 0%,#0d181a 48%,#0b1014 100%);overflow:hidden;position:relative;min-height:640px}.showcase-hero:before{content:'';position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#8bb09d20 1px,transparent 1px),linear-gradient(90deg,#8bb09d20 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to right,transparent,#000)}.showcase-topline,.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 32px;position:relative;z-index:1;font-size:10px;letter-spacing:.19em;font-weight:800;color:#a5b6ad}.livepill{color:#d7e6d6}.livepill b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c2ff36;margin-right:8px;box-shadow:0 0 15px #c2ff36}.showcase-grid{display:grid;grid-template-columns:1.04fr 1fr;position:relative;z-index:1;min-height:520px}.showcase-copy{padding:40px 0 50px 7%;align-self:center}.showcase-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#c2ff36}.showcase-copy h2{font-size:clamp(47px,5.7vw,90px);letter-spacing:-.09em;line-height:.94;font-weight:900;margin:26px 0 24px}.showcase-copy h2 em{color:#c2ff36;font-style:normal}.showcase-copy>p{color:#a9b7b4;line-height:1.7;max-width:400px;font-size:14px}.showcase-stats{display:flex;gap:40px;margin:35px 0}.showcase-stats div{display:grid;gap:8px}.showcase-stats small{font-size:10px;letter-spacing:.16em;color:#9daaa6;font-weight:800}.showcase-stats strong{font-size:22px;letter-spacing:-.04em}.showcase-back{padding:13px 20px;border:1px solid #5d7568;color:#f5f9f5;background:#17221f;border-radius:10px;cursor:pointer;font-size:11px;letter-spacing:.12em;font-weight:800}.showcase-back:hover{background:#c2ff36;color:#111}
.pc-stage{min-height:510px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.stage-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:#b5ff3a;filter:blur(120px);opacity:.13}.pc-tower{height:400px;width:250px;position:relative;transform:rotateY(-16deg) rotateX(3deg);border:9px solid #080d12;border-radius:16px;background:#101b21;box-shadow:35px 40px 60px #000b,0 0 0 2px #3a5049,0 0 60px #b7ff2925;overflow:visible}.pc-glass{position:absolute;inset:8px;background:linear-gradient(135deg,#193332c9,#071016e8);border:1px solid #4c7565;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 65px #4dff9430}.pc-edge{position:absolute;right:-17px;top:-7px;height:100%;width:15px;background:linear-gradient(90deg,#334a4b,#10171b);transform:skewY(28deg);border-radius:0 8px 8px 0}.pc-fan{position:absolute;right:12px;width:91px;height:91px;border-radius:50%;border:8px solid #1b3231;box-shadow:0 0 18px #a4ff3b70,inset 0 0 18px #a4ff3b60;background:repeating-conic-gradient(from 0deg,#315c3d 0 15deg,#152b27 15deg 37deg,#315c3d 37deg 50deg)}.pc-fan span{position:absolute;inset:29px;border-radius:50%;background:#baff50;box-shadow:0 0 22px #c2ff36}.fan-a{top:18px}.fan-b{top:123px}.fan-c{top:228px}.pc-gpu{position:absolute;left:12px;top:205px;width:175px;height:55px;border:5px solid #101519;background:linear-gradient(90deg,#182427,#34433d);transform:skewY(-5deg);box-shadow:0 0 14px #c2ff3655;display:flex;justify-content:space-around;align-items:center;color:#e5ffce;font-size:12px;letter-spacing:.13em}.pc-gpu i{font-size:17px;font-style:normal;color:#c2ff36}.pc-board{position:absolute;top:28px;left:12px;width:94px;height:150px;border:5px solid #324841;background:repeating-linear-gradient(45deg,#172626,#172626 6px,#244039 7px);box-shadow:inset 0 0 20px #c2ff3622}.pc-ram{position:absolute;top:35px;left:112px;width:12px;height:116px;background:#c2ff36;box-shadow:0 0 15px #c2ff36}.pc-wire{position:absolute;left:28px;bottom:30px;width:150px;height:45px;border-bottom:5px solid #648b5d;border-radius:50%}.pc-base{position:absolute;bottom:47px;width:300px;height:20px;background:#080c0d;filter:blur(11px)}.stage-caption{position:absolute;right:20px;bottom:24px;font-size:10px;letter-spacing:.17em;color:#7f9c8d;font-weight:800}.showcase-bottom{border-top:1px solid #35433c;background:#0c1515}.showcase-picks-head{display:flex;justify-content:space-between;align-items:end;margin:45px 0 20px}.showcase-picks-head h2{font-size:clamp(29px,3.5vw,47px);letter-spacing:-.06em;margin:8px 0 0}.showcase-picks-head h2 span{color:#c2ff36}.showcase-picks-head>span{font-size:11px;letter-spacing:.15em;color:#8e9e98;font-weight:800}.showcase-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pick-card{background:linear-gradient(145deg,#1c2526,#11171b);border:1px solid #293837;border-radius:17px;min-height:218px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.pick-card:after{content:'';position:absolute;right:-50px;top:-65px;width:160px;height:160px;border:1px solid #c2ff3622;border-radius:50%;box-shadow:0 0 0 30px #c2ff3608,0 0 0 60px #c2ff3605}.pick-card.has-pick{border-color:#526d4d}.pick-top{display:flex;align-items:start;justify-content:space-between}.pick-index{font-size:10px;letter-spacing:.15em;color:#9faeaa;font-weight:800}.pick-symbol{font-size:34px;color:#c2ff36;opacity:.85}.pick-bottom{display:grid;gap:7px;z-index:1}.pick-category{font-size:10px;letter-spacing:.17em;color:#c2ff36;font-weight:800;text-transform:uppercase}.pick-bottom strong{font-size:16px;line-height:1.25;overflow-wrap:anywhere}.pick-foot{font-size:10px;color:#95a7a0;font-weight:700;letter-spacing:.05em}.showcase-footer{text-align:center;margin:40px 0;color:#7b9085;font-size:10px;letter-spacing:.2em;font-weight:900}.showcase-footer span{color:#c2ff36;margin:0 12px}
@media(max-width:1150px){.showcase-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-copy h2{font-size:clamp(45px,5.3vw,75px)}}@media(max-width:760px){.lab-title-row{align-items:start;flex-direction:column}.showcase-hero{min-height:auto}.showcase-grid{grid-template-columns:1fr}.showcase-copy{padding:32px 25px 0}.showcase-copy h2{font-size:clamp(47px,12vw,75px)}.pc-stage{min-height:430px}.pc-tower{transform:scale(.8) rotateY(-16deg)}.showcase-topline,.showcase-bottom{padding:18px}.showcase-edition{display:none}.showcase-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-card{min-height:180px;padding:13px}.pick-bottom strong{font-size:14px}.showcase-picks-head{align-items:start;gap:12px}.showcase-picks-head>span{white-space:nowrap}}
@media(max-width:420px){.showcase-picks{gap:8px}.showcase-picks-head h2{font-size:29px}.showcase-stats{gap:24px}.showcase-stats strong{font-size:17px}}
