:root{--iron:#23262b;--iron-2:#2d3138;--key-face:#33383f;--key-face-hi:#3d434b;--engraved:#878e98;--engraved-dim:#6b727c;--brass:#c9a35c;--brass-deep:#9a7434;--copper:#b3653f;--ink:#e8e4da;--muted:#9aa0a8;--lamp-ok:#7dc98f;--lamp-bad:#e2606c}*{box-sizing:border-box}body{margin:0;padding:36px 16px 90px;color:var(--ink);font-family:Barlow,sans-serif;font-size:17px;line-height:1.55;background:radial-gradient(1200px 500px at 50% -10%,rgba(201,163,92,.07),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 2px,transparent 2px 6px),linear-gradient(180deg,#1b1e22,#23262b 40%,#1e2126);min-height:100vh}.wrap{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.plate{background:linear-gradient(180deg,var(--iron-2),var(--iron));border:1px solid #14161a;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 30px rgba(0,0,0,.45);position:relative;padding:24px 26px}.rivet{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8d949e,#3a3f46 65%,#14161a);box-shadow:0 1px 2px rgba(0,0,0,.6)}.rivet.tl{top:9px;left:9px}.rivet.tr{top:9px;right:9px}.rivet.bl{bottom:9px;left:9px}.rivet.br{bottom:9px;right:9px}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--brass)}.kicker,h1{font-family:Barlow Condensed,sans-serif;font-weight:700}h1{font-size:clamp(32px,5vw,46px);line-height:1.03;margin:8px 0 10px;text-wrap:balance;color:#cdc7b6;text-shadow:0 1px 0 rgba(255,255,255,.09),0 -1px 1px rgba(0,0,0,.9),0 2px 3px rgba(0,0,0,.3)}.lead{color:#80868f;margin:0;max-width:66ch;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8)}.quote{margin:14px 0 0;padding:11px 16px;border-left:3px solid var(--copper);background:rgba(179,101,63,.08);border-radius:0 8px 8px 0;font-style:italic;font-size:15px}.vcard{display:flex;flex-direction:column;gap:14px;margin:0}.vtag{font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.12em;color:#b6944f;text-transform:uppercase;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,.06),0 -1px 0 rgba(0,0,0,.85)}.vbody{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.vframe{flex:0 0 170px}.vframe img{width:100%;border-radius:5px;display:block}.vframe .cap,.vstrip .cap{font-size:11px;color:#6f7680;margin-top:5px;letter-spacing:.05em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8)}.vstrip{flex:1 1 420px;min-width:300px}.screen{position:relative;border-radius:9px;padding:10px;background:linear-gradient(180deg,#17191d,#1f2227 70%,#24272c);border:1px solid #0a0c0e;box-shadow:inset 0 3px 8px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.07)}.screen:after{content:"";position:absolute;inset:10px;border-radius:5px;pointer-events:none;box-shadow:inset 0 7px 16px rgba(0,0,0,.55),inset 0 -3px 10px rgba(0,0,0,.35),inset 3px 0 10px rgba(0,0,0,.3),inset -3px 0 10px rgba(0,0,0,.3)}.vstrip img{width:100%;max-width:640px;display:block;border-radius:5px}.vdesc{font-size:15px;color:#838a93;margin-top:10px;max-width:66ch;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8)}.vdesc b{color:#c4beb0;text-shadow:0 1px 0 rgba(255,255,255,.07),0 -1px 0 rgba(0,0,0,.85)}.btnrow{display:flex;gap:12px;align-items:center;margin-top:12px}.pushbtn{font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--engraved-dim);text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.75);padding:11px 20px 10px;border-radius:9px;cursor:pointer;border:1px solid #101317;background:linear-gradient(180deg,var(--key-face-hi),var(--key-face) 55%,#2a2e34);box-shadow:0 2px 0 #16181c,inset 0 1px 0 rgba(255,255,255,.09),inset 0 -2px 3px rgba(0,0,0,.35);transition:transform .06s,box-shadow .06s,color .12s}.pushbtn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.pushbtn:active{transform:translateY(2px);box-shadow:0 0 0 #16181c,inset 0 2px 5px rgba(0,0,0,.55)}.pushbtn.pick.on{color:#e9c778;transform:translateY(2px);text-shadow:0 0 8px rgba(201,163,92,.55),0 -1px 0 rgba(0,0,0,.7);box-shadow:0 0 0 #16181c,inset 0 2px 5px rgba(0,0,0,.55),0 0 14px rgba(201,163,92,.18)}.pushbtn.but.on{color:#f0a75c;transform:translateY(2px);text-shadow:0 0 8px rgba(240,167,92,.5),0 -1px 0 rgba(0,0,0,.7);box-shadow:0 0 0 #16181c,inset 0 2px 5px rgba(0,0,0,.55),0 0 14px rgba(240,167,92,.15)}.pushbtn.bad.on{color:#ef8b95;transform:translateY(2px);text-shadow:0 0 8px rgba(226,96,108,.5),0 -1px 0 rgba(0,0,0,.7);box-shadow:0 0 0 #16181c,inset 0 2px 5px rgba(0,0,0,.55),0 0 14px rgba(226,96,108,.15)}.lamp{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#565c64,#2c3036 70%);border:1px solid #14161a}.lamp.ok{background:radial-gradient(circle at 35% 30%,#b9f0c6,var(--lamp-ok) 60%,#2f6b41);box-shadow:0 0 10px rgba(125,201,143,.7)}.lamp.bad{background:radial-gradient(circle at 35% 30%,#ffc3c9,var(--lamp-bad) 60%,#7e343c);box-shadow:0 0 10px rgba(226,96,108,.7)}.lamp.but{background:radial-gradient(circle at 35% 30%,#ffe1bd,#f0a75c 60%,#8a5a26);box-shadow:0 0 10px rgba(240,167,92,.7)}textarea{width:100%;min-height:60px;resize:vertical;font-family:Menlo,monospace;font-size:13px;padding:12px 13px;margin-top:10px;border-radius:9px;border:1px solid #000;color:#6faf7d;caret-color:#6faf7d;background:linear-gradient(180deg,#0a0d0c,#0f1311);box-shadow:inset 0 4px 10px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.07)}textarea::placeholder{color:rgba(111,175,125,.45)}@keyframes a4in{0%{opacity:0;transform:scale(.96);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}textarea.show{display:block;animation:a4in .32s ease}@media (prefers-reduced-motion:reduce){textarea.show{animation:none}}textarea:disabled{opacity:.6}.combo textarea{display:block;min-height:52px}.console{display:flex;flex-wrap:wrap;gap:26px;align-items:center}.console .info{flex:1 1 260px}.console .info b{font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:15px;color:var(--brass)}.console .info p{margin:4px 0 0;color:var(--muted);font-size:15px}.sentnote{display:none;color:var(--lamp-ok);font-weight:600;font-size:15px}.sentnote.show{display:block}.switch{display:flex;flex-direction:column;align-items:center;gap:7px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch .lbl{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--engraved-dim);text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.7)}.switch .lbl.top.on{color:#e9c778;text-shadow:0 0 8px rgba(201,163,92,.5)}.lever-plate{width:54px;height:88px;border-radius:10px;cursor:pointer;position:relative;background:linear-gradient(180deg,#383d44,#2b2f35 60%,#24272c);border:1px solid #101317;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.5)}.lever-plate:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.lever-plate .screw{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9aa1ab,#4a5058 65%,#14161a)}.lever-plate .screw.tl{top:5px;left:5px}.lever-plate .screw.tr{top:5px;right:5px}.lever-plate .screw.bl{bottom:5px;left:5px}.lever-plate .screw.br{bottom:5px;right:5px}.slot{top:14px;bottom:14px;width:8px;transform:translateX(-50%);border-radius:7px;background:linear-gradient(180deg,#0a0c0e,#16181c);box-shadow:inset 0 2px 6px rgba(0,0,0,.9)}.arm,.slot{position:absolute;left:50%}.arm{bottom:50%;width:7px;height:26px;transform:translateX(-50%) rotate(180deg);transform-origin:50% 100%;background:linear-gradient(90deg,#6f7681,#aab1bb 45%,#5b626b);border-radius:5px;transition:transform .22s cubic-bezier(.6,-.25,.4,1.35)}.arm:after{content:"";top:-11px;transform:translateX(-50%);width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ecd096,var(--brass) 55%,var(--brass-deep) 85%);border:1px solid #5f4a1f;box-shadow:0 3px 7px rgba(0,0,0,.65),inset 0 -3px 5px rgba(0,0,0,.35)}.arm:after,.pivot{position:absolute;left:50%}.pivot{top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;z-index:2;background:radial-gradient(circle at 35% 30%,#b8bfc9,#545b64 60%,#1a1d21);border:1px solid #101317;box-shadow:0 1px 3px rgba(0,0,0,.7)}.lever-plate.on .arm{transform:translateX(-50%) rotate(0deg)}.out{display:none;width:100%;min-height:130px;font-family:Menlo,SF Mono,monospace;font-size:13px;letter-spacing:.05em;padding:12px;border-radius:6px;border:1px solid #0d1a12;color:#6ef08a;text-shadow:0 0 6px rgba(110,240,138,.55);background:repeating-linear-gradient(0deg,rgba(110,240,138,.045) 0 1px,transparent 1px 3px),linear-gradient(180deg,#04080a,#061009);box-shadow:inset 0 3px 10px rgba(0,0,0,.8),0 0 10px rgba(110,240,138,.07)}.out.show{display:block}#updBanner{display:none;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;padding:12px 22px;border-radius:10px;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:#6ef08a;text-shadow:0 0 8px rgba(110,240,138,.6);background:linear-gradient(180deg,#10241a,#06110b);border:1px solid #0d1a12;box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 14px rgba(110,240,138,.15)}#updBanner.show{display:block}.statusbox{margin-top:18px}.statuslabel{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6f7680;margin-bottom:6px;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8)}.flaps{display:flex;flex-wrap:wrap;gap:2px}.flap{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:26px;padding:0 2px;border-radius:3px;font-family:Menlo,SF Mono,monospace;font-size:14px;font-weight:700;color:#d8d2c2;position:relative;overflow:hidden;background:linear-gradient(180deg,#33373d,#2c3036 48%,#22252a 52%,#26292e);border:1px solid #101317;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.5)}.flap:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.75)}.flap.blank{background:linear-gradient(180deg,#26292e,#1e2126);border-color:#0d0f12}@keyframes flapflip{0%{transform:rotateX(88deg);filter:brightness(1.6)}to{transform:rotateX(0deg);filter:brightness(1)}}.flap.flip{animation:flapflip .28s ease-out both}.status-ts{font-size:10px;color:#565c64;margin-top:5px;font-family:Menlo,monospace;letter-spacing:.1em}.statusrow{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.statusrow .flapcol{flex:1 1 300px;min-width:240px}.gaugebox{display:flex;flex-direction:column;align-items:center;gap:4px}.gauge-needle{transform-origin:60px 62px;transition:transform 1.6s cubic-bezier(.3,0,.3,1)}.gauge-eta{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#676e78;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.85);transition:color .4s}.gauge-eta.live{color:#e9c778;text-shadow:0 0 8px rgba(201,163,92,.5),0 -1px 0 rgba(0,0,0,.7)}.gauge-cap{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#656c76;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8)}@media (prefers-reduced-motion:reduce){.flap.flip{animation:none}}.dataplate{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:1px;gap:1px;background:#0e1013;border:1px solid #0e1013;border-radius:8px;overflow:hidden;margin:0 0 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 10px rgba(0,0,0,.4)}.dp-cell{background:linear-gradient(180deg,#30343b,#282c31);padding:9px 13px 8px}.dp-k{font-size:9px;letter-spacing:.18em;color:#656c76;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8)}.dp-k,.dp-v{font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase}.dp-v{font-size:14px;letter-spacing:.06em;color:#b8b2a3;margin-top:2px;text-shadow:0 1px 0 rgba(255,255,255,.06),0 -1px 0 rgba(0,0,0,.85)}.specs{display:flex;flex-wrap:wrap;gap:6px}.spec{font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#767d87;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8);padding:4px 10px 3px;border-radius:5px;background:linear-gradient(180deg,#2e3238,#26292e);border:1px solid #101317;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.45)}.spec,.spec b{font-weight:700}.spec b{color:#a89c7f}.sendrock-wrap{display:flex;flex-direction:column;align-items:center;gap:7px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.srlbl{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6b727c;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8)}.sendrock{width:74px;height:118px;border-radius:14px;cursor:pointer;padding:6px;background:linear-gradient(180deg,#17191d,#1f2227);border:1px solid #101317;box-shadow:inset 0 3px 8px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.06)}.sendrock:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.sendrock .srkey{width:100%;height:100%;border-radius:10px;position:relative;background:linear-gradient(180deg,#3d434b,#33383f 45%,#272b30);border:1px solid #14161a;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -4px 6px rgba(0,0,0,.35)}.sendrock .arrow{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;color:#565c64;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.8);transition:color .2s,text-shadow .2s}.sendrock .arrow.up{top:16px}.sendrock .arrow.dnn{bottom:16px}.sendrock.on .arrow.up{color:#34d17a;text-shadow:0 0 10px rgba(52,209,122,.85)}.sendrock:not(.on) .arrow.dnn{color:#e8b34b;text-shadow:0 0 10px rgba(232,179,75,.85)}.attrow{display:none;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.attrow.show{display:flex}.attkey{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c2c6cc;background:linear-gradient(180deg,#292b2f,#212327);border:1px solid #0d0e10;border-radius:7px;padding:8px 14px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 0 #000}.attkey:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.55)}.attchip{font-family:Menlo,monospace;font-size:10px;color:#6faf7d;padding:4px 9px;border-radius:5px;border:1px solid #0d1a12;background:linear-gradient(180deg,#0a0d0c,#0f1311)}.topbar{position:-webkit-sticky;position:sticky;top:10px;z-index:60;display:flex;width:max-content;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(29,30,33,.96),rgba(23,24,27,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.5)}.tkey,.topbar{gap:8px;align-items:center;border:1px solid #0d0e10}.tkey{display:inline-flex;text-decoration:none;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c2c6cc;background:linear-gradient(180deg,#292b2f,#212327);border-radius:8px;padding:10px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 0 #000;transition:box-shadow .1s}.tkey.cur,.tkey:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.55)}.tkey.cur{color:#e9c778;pointer-events:none}.tkey .qcnt2{display:inline-flex;gap:6px;align-items:center}.tkey .qc{display:flex;align-items:center;gap:3px;font-family:Menlo,monospace;font-size:10px;color:#85888d}.tled{width:7px;height:7px;border-radius:50%}.tled.r{background:radial-gradient(circle at 35% 30%,#ffc9cf,#e2606c 60%,#7e343c);box-shadow:0 0 7px rgba(226,96,108,.85);animation:tblink 1.1s ease-in-out infinite}.tled.y{background:radial-gradient(circle at 35% 30%,#ffe9b8,#e8b34b 60%,#8a6420);box-shadow:0 0 6px rgba(232,179,75,.7)}.tled.gg{background:radial-gradient(circle at 35% 30%,#b9f7d2,#34d17a 60%,#17693c);box-shadow:0 0 5px rgba(52,209,122,.6)}@keyframes tblink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.tled.r{animation:none}}.sendkey{width:84px;height:84px;border-radius:50%;cursor:pointer;padding:7px;border:1px solid #101317;background:linear-gradient(180deg,#17191d,#1f2227);box-shadow:inset 0 3px 8px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.06)}.sendkey .sk-face{display:flex;align-items:center;justify-content:center;padding-bottom:4px;width:100%;height:100%;border-radius:50%;font-size:17px;color:#8f959d;background:linear-gradient(180deg,#3d434b,#33383f 45%,#272b30);border:1px solid #14161a;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -4px 6px rgba(0,0,0,.35),0 2px 0 #101216;transition:transform .07s,box-shadow .07s,color .15s;text-shadow:0 1px 0 rgba(255,255,255,.05),0 -1px 0 rgba(0,0,0,.75)}.sendkey.on .sk-face,.sendkey:active .sk-face{transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 0 0 #101216}.sendkey.on .sk-face{color:#34d17a;text-shadow:0 0 10px rgba(52,209,122,.8)}.sendkey:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.panel.sendoff,.plate.sendoff{opacity:0;transform:scale(.96) translateY(-8px);transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1)}.panel.sendoff2,.plate.sendoff2{max-height:0!important;margin:0!important;padding:0!important;border-width:0!important;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),margin .4s,padding .4s}.rivet{display:none!important}.lamp{visibility:hidden}.lamp.bad,.lamp.but,.lamp.ok{visibility:visible}