:root{
  color-scheme:dark;
  --bg:#040a13;
  --bg2:#07111f;
  --panel:#0b1728;
  --panel2:#0e1c2f;
  --line:#1b3b60;
  --text:#f4f7ff;
  --muted:#8fa6c4;
  --blue:#3977ff;
  --blue2:#173cff;
  --violet:#8f43ff;
  --cyan:#52b8ff;
  --green:#12d47b;
  --amber:#ffc43d;
  --orange:#ce7a33;
  --red:#ff4a58;
  --shadow:0 20px 50px rgba(0,0,0,.32);
  --radius:17px;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -15%,rgba(46,85,180,.18),transparent 35%),linear-gradient(180deg,#04101d 0,#050a13 55%,#030811 100%);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.app-shell{width:min(1480px,100%);margin:auto;padding:18px}
.topbar{display:flex;align-items:center;gap:20px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;min-width:420px}.brand-icon{width:58px;height:42px;border-radius:9px;background:linear-gradient(145deg,#1ca7ff,#4f64ff 55%,#9c42ff);display:grid;place-items:center;box-shadow:0 0 24px rgba(64,130,255,.5);position:relative;font-size:0}.brand-icon:before{content:"";width:31px;height:16px;background:#07111f;border:4px solid #76c4ff;border-radius:4px;box-shadow:-8px 17px 0 -5px #75bfff}.brand strong{font-size:28px;letter-spacing:-.8px;display:block;line-height:1.02}.brand strong span{background:linear-gradient(90deg,#63a6ff,#a94cff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{display:block;color:var(--muted);margin-top:4px}.top-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.search-box{width:min(355px,28vw);height:42px;border:1px solid #234465;border-radius:10px;background:#091526;display:flex;align-items:center;gap:9px;padding:0 12px;color:#7fa4d2}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.search-box kbd{background:#0f2138;border:1px solid #264663;border-radius:6px;padding:2px 7px;color:#a9bcda;font-size:11px}.ghost-btn,.primary-btn,.connector-nav button,.segmented button,.quick-test button,.feature-card,.symptom-card,.circuit-btn,.mobile-nav button{border:1px solid transparent;background:none;cursor:pointer}.ghost-btn,.primary-btn{height:42px;border-radius:10px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.ghost-btn{border-color:#233c5b;background:#091526}.ghost-btn:hover{background:#0d1d31}.primary-btn{background:linear-gradient(135deg,#2977ff,#273eff 55%,#6c31ff);box-shadow:0 0 20px rgba(56,94,255,.35)}.compact{height:38px;padding:0 11px}.connector-nav{display:flex;align-items:center;justify-content:space-between;border:1px solid #17416b;background:rgba(4,14,25,.8);border-radius:12px;padding:8px 9px;margin-bottom:14px}.connector-tabs,.quick-links{display:flex;gap:8px;align-items:center}.nav-pill{height:45px;padding:0 24px;border-radius:9px!important;background:#0b1727!important;border-color:#203852!important;display:flex;align-items:center;gap:10px}.nav-pill.active{background:linear-gradient(135deg,#2f81ff,#293cff 65%,#5e37ff)!important;border-color:#4085ff!important;box-shadow:0 0 20px rgba(60,99,255,.4)}.mini-plug{display:inline-block}.mini-plug.rect{width:25px;height:16px;border-radius:4px;background:#060a0f;border:2px solid #2a3544}.mini-plug.round{width:21px;height:21px;border:2px dotted #8db0ff;border-radius:50%}.quick-links{border-left:1px solid #1b395b;padding-left:10px}.quick-links button{padding:10px 15px;border-radius:7px;color:#dce9ff}.quick-links button:hover{background:#0f2135;color:#82b6ff}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:14px}.panel,.panel-lite{border:1px solid #203b5b;background:linear-gradient(180deg,rgba(13,25,43,.97),rgba(7,16,29,.97));border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:14px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:10px}.heading-with-icon{display:flex;gap:11px;align-items:flex-start}.square-icon{width:44px;height:38px;border-radius:10px;background:linear-gradient(180deg,#162d5a,#112246);display:grid;place-items:center;font-size:21px;box-shadow:inset 0 0 15px rgba(59,109,255,.25)}h2{font-size:18px;margin:0 0 3px}.panel p{margin:0;color:var(--muted)}.segmented{display:flex;background:#0a1627;border:1px solid #263e5c;border-radius:11px;padding:3px;white-space:nowrap}.segmented button{padding:9px 18px;border-radius:8px;color:#b6c6dc}.segmented button.active{background:linear-gradient(135deg,#2c7bff,#2c49ff);box-shadow:0 0 18px rgba(49,113,255,.45);color:white}.segmented.small button{padding:7px 24px}.connector-art-wrap{height:335px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(40,63,88,.26),transparent 55%)}.connector-art-wrap img{width:100%;height:100%;object-fit:contain}.generated-connector{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:22px;position:relative}.generated-connector:before{content:"";position:absolute;width:72%;height:145px;border-radius:28px;background:linear-gradient(180deg,#151d27,#05080c);border:7px solid #242f3d;box-shadow:inset 0 -14px 24px rgba(0,0,0,.75),0 20px 35px rgba(0,0,0,.35)}.generated-pin{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;border:7px solid #aab4c0;background:#101418;box-shadow:inset 0 0 0 5px #06090d}.generated-pin.active{box-shadow:0 0 25px currentColor,inset 0 0 0 5px #06090d}.circuit-box{border:1px solid #1b3655;border-radius:12px;padding:9px;margin-top:4px;background:#081525}.subhead{display:flex;align-items:center;gap:8px;margin-bottom:8px}.subhead small{color:var(--muted);margin-left:6px}.info-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3b69dc;font-weight:800}.circuit-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.circuit-btn{min-height:64px;border-radius:10px!important;border-color:#2a455f!important;background:#101e30!important;display:grid;grid-template-columns:38px 1fr 22px;align-items:center;text-align:left;padding:7px 10px}.circuit-btn .num{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#07111e;font-weight:800}.circuit-btn span b{display:block}.circuit-btn span small{display:block;color:#ced8e6}.circuit-btn i{font-style:normal;font-size:22px}.circuit-btn.active{box-shadow:0 0 20px rgba(65,120,255,.25);transform:translateY(-1px)}.circuit-btn.tail{border-color:#79502f!important}.circuit-btn.tail .num{background:#c67b42}.circuit-btn.left{border-color:#887500!important}.circuit-btn.left .num{background:#ffd629}.circuit-btn.right{border-color:#067746!important}.circuit-btn.right .num{background:#18d678}.trailer-stage{height:470px;position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 45%,rgba(28,47,67,.4),transparent 60%),#09111c}.trailer-image{width:100%;height:100%;object-fit:contain;transition:filter .2s,opacity .2s,transform .2s}.trailer-stage[data-circuit="ground"] .trailer-image{filter:drop-shadow(0 0 10px rgba(255,255,255,.65)) brightness(.95)}.trailer-stage[data-circuit="tail"] .trailer-image{filter:drop-shadow(0 0 13px rgba(206,122,51,.9)) brightness(1.03)}.trailer-stage[data-circuit="left"] .trailer-image{filter:drop-shadow(0 0 15px rgba(255,210,0,.9)) brightness(1.05)}.trailer-stage[data-circuit="right"] .trailer-image{filter:drop-shadow(0 0 15px rgba(0,239,135,.9)) brightness(1.05)}.trailer-stage[data-circuit="brake"] .trailer-image,.trailer-stage[data-circuit="all"] .trailer-image{filter:drop-shadow(0 0 12px rgba(66,120,255,.65)) brightness(1.04)}.trailer-stage.blinking .trailer-image{animation:blinkGlow .65s steps(2,end) infinite}.trailer-stage.bad-ground .trailer-image{filter:saturate(.5) brightness(.62) contrast(.8)}.trailer-stage.cross-wired .trailer-image{filter:hue-rotate(75deg) brightness(.95)}@keyframes blinkGlow{50%{filter:brightness(.58)}}.schematic-view{position:absolute;inset:24px;display:grid;place-items:center}.schematic-hitch{position:absolute;left:4%;top:44%;width:100px;height:50px;border:2px solid #7d92aa;clip-path:polygon(0 50%,100% 0,100% 100%);display:grid;place-items:center;font-size:10px;color:#9cb0c8}.schematic-spine{position:absolute;left:19%;right:8%;top:50%;height:5px;background:#687d95}.schematic-body{width:65%;height:65%;border:5px solid #4a5f76;position:relative}.wire{position:absolute;left:0;right:0;height:4px;border-radius:4px}.wire-white{top:30%;background:white}.wire-brown{top:42%;background:#9d5d32}.wire-yellow{top:56%;background:#ffd400}.wire-green{top:68%;background:#00d67c}.lamp{position:absolute;right:-35px;width:26px;height:45px;display:grid;place-items:center;border-radius:6px;background:#ff3145;box-shadow:0 0 18px #ff3145}.lamp-left{bottom:8%}.lamp-right{top:8%}.marker{position:absolute;width:15px;height:15px;background:#ff9e18;box-shadow:0 0 16px #ff9e18}.m1{left:-9px;top:12%}.m2{left:-9px;bottom:12%}.control-strip{margin-top:13px;padding:7px 12px;display:flex;align-items:center;gap:16px}.inline-control{display:flex;align-items:center;gap:14px}.separator{width:1px;height:31px;background:#26405e}.flex-grow{flex:1}.quick-test{display:flex;gap:6px;flex-wrap:wrap}.quick-test button{border:1px solid #263c58;background:#0b1728;border-radius:8px;padding:8px 18px;color:#adbad0}.quick-test button.active{background:linear-gradient(135deg,#2f81ff,#2446ff);color:white;box-shadow:0 0 18px rgba(52,112,255,.35)}.symptom-panel{padding:8px 12px 12px;margin-top:12px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-title-row strong{font-size:15px}.section-title-row small{color:var(--muted);margin-left:18px}.symptom-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.symptom-card{min-height:113px;border-radius:10px!important;border-color:#253e5b!important;background:#0d192a!important;text-align:left;padding:9px;position:relative;overflow:hidden}.symptom-card.active{border-color:#3982ff!important;box-shadow:0 0 0 1px #3982ff inset,0 0 18px rgba(57,130,255,.22)}.symptom-card .radio{width:18px;height:18px;border:2px solid #5f7ba0;border-radius:50%;display:inline-grid;place-items:center;margin-right:4px;font-size:10px}.symptom-card.active .radio{background:#3680ff;border-color:#3680ff}.symptom-card b{font-size:12px}.symptom-card small{display:block;color:#a0b0c5;font-size:11px;margin:3px 0 6px}.mini-trailer{display:block;height:42px;border-radius:6px;background:linear-gradient(180deg,#0d1118,#151d27);position:relative;border:1px solid #1e2c3f}.mini-trailer:before{content:"";position:absolute;left:14%;right:14%;bottom:8px;height:20px;border:2px solid #4b5665;background:#131922}.mini-trailer:after{content:"";position:absolute;left:11%;right:11%;bottom:18px;height:5px;box-shadow:-4px 0 12px #ff2f44,4px 0 12px #ff2f44;background:linear-gradient(90deg,#ff2f44 0 8%,transparent 8% 92%,#ff2f44 92%)}.tailout:after{opacity:.2}.leftout:after{background:linear-gradient(90deg,#333 0 8%,transparent 8% 92%,#ff2f44 92%)}.rightout:after{background:linear-gradient(90deg,#ff2f44 0 8%,transparent 8% 92%,#333 92%)}.badground:after{opacity:.38;filter:saturate(.3)}.cross:after{background:linear-gradient(90deg,#ffc400 0 8%,transparent 8% 92%,#ff2f44 92%)}.fast:after{animation:fastFlash .35s steps(2,end) infinite}@keyframes fastFlash{50%{opacity:.1}}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.feature-card{min-height:116px;border-radius:12px!important;border-color:#233d5b!important;background:linear-gradient(180deg,#0d1b2f,#0a1727)!important;padding:14px;display:grid;grid-template-columns:47px 1fr 26px;align-items:start;text-align:left;gap:10px}.feature-card:hover{transform:translateY(-2px);border-color:#3b6ba1!important}.feature-icon{width:42px;height:42px;border-radius:10px;background:#142d64;display:grid;place-items:center;color:#75a8ff;font-size:25px}.feature-icon.green{background:#073b37;color:#44e4c4}.feature-icon.amber{background:#3a2a11;color:#ffc437}.feature-card b{display:block;margin:3px 0 5px}.feature-card small{display:block;color:#a8bad1}.feature-card i{font-style:normal;width:24px;height:24px;border-radius:50%;border:1px solid #345b8b;display:grid;place-items:center;margin-top:48px}.mobile-nav{display:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:10px 15px;border-radius:10px;background:#11223a;border:1px solid #3a6aa3;color:#eff6ff;box-shadow:var(--shadow);transition:.22s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}.app-dialog{width:min(1120px,94vw);border:0;background:transparent;padding:0;color:var(--text)}.app-dialog::backdrop{background:rgba(1,5,11,.78);backdrop-filter:blur(8px)}.dialog-card{position:relative;border:1px solid #28507a;background:linear-gradient(180deg,#0b1728,#06101d);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.55);padding:18px}.dialog-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border-radius:50%;border:1px solid #284663;background:#0e1c2f;color:white;font-size:26px;cursor:pointer;z-index:4}.diagnostic-layout{display:grid;grid-template-columns:.75fr 1.3fr .92fr;gap:14px}.diag-card{border:1px solid #1f3e60;background:#0a1728;border-radius:13px;padding:14px}.diag-steps button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid #19334f;padding:14px 5px;color:white;text-align:left;cursor:pointer}.diag-steps button.active{background:#0e2a57;border:1px solid #3479ff;border-radius:10px}.step-num{width:34px;height:34px;border-radius:50%;background:#172844;border:1px solid #496589;display:grid;place-items:center;font-weight:800}.diag-steps button.done .step-num{background:#0ebf72}.diag-steps button.active .step-num{background:#2f73ff}.meter-art{width:100%;border-radius:12px;display:block}.diag-trailer{width:100%;border-radius:12px;display:block}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.reading{border:1px solid #203d5e;border-radius:11px;padding:13px}.reading strong{display:block;font-size:28px;margin-top:4px}.reading.good strong{color:#54efad}.instructions{margin-top:10px;border:1px solid #2f73ff;background:#0b2856;border-radius:11px;padding:13px}.instructions ol{margin:8px 0 0;padding-left:22px;color:#d9e4f5}.fault-list{display:grid;gap:7px;margin-top:10px}.fault-list div{padding:10px;border-bottom:1px solid #18314d}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dialog-actions button{height:42px;border:1px solid #2b4767;background:#0d1a2c;border-radius:9px;padding:0 16px;color:white;cursor:pointer}.dialog-actions .next{background:linear-gradient(135deg,#347fff,#3144ff);min-width:190px}.guide-content{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-block{border:1px solid #223f5f;background:#0a1728;border-radius:12px;padding:15px}.guide-block h3{margin-top:0}.guide-block li{margin:.5em 0;color:#c9d7e9}.search-results{display:grid;gap:8px}.search-result{border:1px solid #203c5a;border-radius:10px;padding:12px;background:#0a1728}.search-result b{display:block}.search-result small{color:var(--muted)}
body.light{--bg:#eaf1f8;--bg2:#f5f8fc;--panel:#ffffff;--panel2:#f5f8fc;--line:#aac0d8;--text:#101a28;--muted:#52677f;background:#edf3f9;color:var(--text)}body.light .panel,body.light .panel-lite,body.light .connector-nav,body.light .search-box,body.light .ghost-btn,body.light .circuit-box,body.light .circuit-btn,body.light .quick-test button,body.light .symptom-card,body.light .feature-card,body.light .dialog-card,body.light .diag-card,body.light .guide-block,body.light .search-result{background:#fff!important;color:#101a28}body.light .brand small,body.light .panel p,body.light small{color:#60748a}
@media(max-width:1180px){.app-shell{padding:12px}.brand{min-width:350px}.brand strong{font-size:24px}.search-box{display:none}.quick-links button{padding:9px}.hero-grid{grid-template-columns:1fr}.connector-art-wrap{height:300px}.trailer-stage{height:430px}.symptom-grid{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.diagnostic-layout{grid-template-columns:1fr 1.3fr}.diagnostic-layout>.diag-card:last-child{grid-column:1/-1}}
@media(max-width:760px){body{padding-bottom:80px}.app-shell{padding:0 10px 10px}.topbar{padding:16px 4px 10px;display:block}.brand{min-width:0}.brand-icon{width:48px;height:38px}.brand strong{font-size:25px}.brand small{font-size:11px;max-width:330px}.top-actions{margin-top:10px;overflow-x:auto;padding-bottom:3px}.top-actions .ghost-btn span,.top-actions .primary-btn span{display:none}.top-actions button{min-width:42px;padding:0 12px}.connector-nav{overflow-x:auto;display:block;padding:7px}.connector-tabs{min-width:max-content}.nav-pill{padding:0 17px;height:43px}.quick-links{display:none}.hero-grid{display:block}.panel{padding:11px;margin-bottom:10px}.panel-head{display:block}.panel-head .segmented{margin-top:10px;width:100%}.panel-head .segmented button{flex:1}.connector-art-wrap{height:300px}.circuit-buttons{grid-template-columns:repeat(2,1fr)}.trailer-stage{height:390px}.control-strip{display:block}.inline-control{margin:5px 0;display:block}.inline-control strong{display:block;margin-bottom:8px}.separator{display:none}.quick-test{display:grid;grid-template-columns:repeat(3,1fr)}.quick-test button{padding:8px 6px}.section-title-row small{display:block;margin:2px 0 0}.section-title-row .ghost-btn{display:none}.symptom-grid{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto}.symptom-card{min-width:150px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:105px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:72px;background:rgba(5,13,24,.96);border-top:1px solid #18395e;display:grid;grid-template-columns:repeat(5,1fr);z-index:25;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#87a2c4}.mobile-nav button.active{color:#65b6ff;text-shadow:0 0 14px #4c7fff}.mobile-nav span{font-size:11px}.diagnostic-layout{display:block}.diag-card{margin-bottom:10px}.guide-content{grid-template-columns:1fr}}
@media(max-width:480px){.brand strong{font-size:21px}.brand small{font-size:10px}.connector-art-wrap{height:250px}.trailer-stage{height:320px}.circuit-buttons{grid-template-columns:1fr 1fr}.circuit-btn{grid-template-columns:34px 1fr 20px;padding:6px}.control-strip{padding:10px}.symptom-grid{grid-template-columns:repeat(3,145px)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:90px;grid-template-columns:44px 1fr 24px}.feature-card i{margin-top:33px}.app-dialog{width:96vw}.dialog-card{padding:12px}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}.reading-grid{grid-template-columns:1fr}}
@media print{body{background:#fff;color:#000}.top-actions,.connector-nav,.control-strip,.feature-grid,.mobile-nav,.toast{display:none!important}.app-shell{width:100%;padding:0}.hero-grid{grid-template-columns:1fr 1fr}.panel,.panel-lite{box-shadow:none;border:1px solid #bbb;background:#fff;color:#111}.symptom-panel{margin-top:10px}.symptom-card{background:#fff!important;color:#111}.panel p,.symptom-card small{color:#444}.trailer-stage{height:360px}.connector-art-wrap{height:300px}}