:root{--paper:#f4f1ec;--ink:#222222;--orange:#c33c20;--sand:#dec8a6;--gray:#d5d0c8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,summary{cursor:pointer}button{border:1px solid var(--ink);background:var(--ink);color:white;padding:13px 19px;border-radius:3px;font-weight:700;text-align:left;min-height:48px}button:hover{background:var(--orange);border-color:var(--orange)}button:disabled{opacity:.45;cursor:wait}button span{float:right}button.quiet{background:transparent;color:var(--ink)}button.quiet:hover{background:var(--gray)}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid var(--ink);gap:24px}.logo{text-decoration:none;font-size:44px;font-weight:1000;letter-spacing:-3px;display:flex;align-items:center;line-height:1}.mark{width:45px;height:38px;display:inline-block;margin-left:12px;background:var(--orange);border-radius:100% 0 0 100%;position:relative;margin-right:25px}.mark:after{content:'';position:absolute;width:26px;height:26px;background:var(--ink);border-radius:50%;left:48px;bottom:0}.edition,.eyebrow,.tag{font-size:11px;letter-spacing:1.6px;font-weight:700}.edition{margin-left:auto}main{max-width:1350px;margin:auto;padding:40px 5vw 64px}h1{font-size:clamp(40px,5vw,76px);font-weight:900;letter-spacing:-3px;line-height:1.02;margin:16px 0 26px}h1 span{color:var(--orange)}h2{font-size:25px;line-height:1.15;letter-spacing:-.7px;margin:8px 0 20px}p{max-width:60ch}.eyebrow{margin:0 0 15px}.panel{border:1px solid var(--ink);padding:28px;background:rgba(255,255,255,.28)}#auth{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;min-height:600px}.hero h1{font-size:clamp(64px,7vw,108px)}.hero p:not(.eyebrow){font-size:21px}.login{max-width:480px}.graphic{display:flex;height:92px;margin:36px 0 28px}.graphic i{width:92px;background:var(--orange);border-radius:50%}.graphic i:nth-child(2){background:var(--ink);border-radius:0 50% 50% 0}.graphic i:nth-child(3){background:repeating-linear-gradient(90deg,var(--ink) 0px,var(--ink) 3px,transparent 3px,transparent 8px);border-radius:0;margin-left:12px;width:68px}small{font-size:12px}form{display:grid;gap:16px}label{display:grid;gap:6px;font-size:13px;font-weight:700}input,select{width:100%;min-width:0;border:1px solid #8b8984;border-radius:2px;background:#fff;padding:12px;color:var(--ink)}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}details{border-top:1px solid var(--gray);padding-top:20px;margin-top:24px}summary{font-size:14px}details form{margin-top:20px}#notice{padding:15px 20px;background:var(--sand);border-left:5px solid var(--orange);margin-bottom:24px;white-space:pre-wrap}#notice.error{background:#f9ded7}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.page-heading{margin:10px 0 28px}.page-heading h1{font-size:54px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.wide{grid-column:1/-1}.tag{letter-spacing:1px;border:1px solid var(--gray);padding:6px 9px;font-size:9px}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.device{padding:22px;background:var(--paper);border-top:4px solid var(--orange);border-bottom:1px solid var(--gray)}.device h3{margin:14px 0 0;font-size:22px}.extension{font-family:monospace;font-size:38px;letter-spacing:2px;margin:6px 0 18px}.status{font-size:11px;text-transform:uppercase;letter-spacing:1px}.status:before{content:'●';margin-right:7px}.status.online:before{color:#286846}.device button{padding:7px 10px;min-height:36px;font-size:12px}.empty{padding:30px 0;color:#625f59}.contact{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--gray);gap:15px}.contact small{display:block}.contact button{font-size:12px;min-height:40px}.result{padding:18px;background:var(--sand);margin-top:18px;overflow-wrap:anywhere}.result code{display:block;font-size:16px;margin:8px 0;user-select:all}.result button{font-size:12px;min-height:36px;margin-top:8px}.admin{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--ink);margin-top:45px;padding-top:35px}.admin-actions{display:grid;gap:12px;align-content:start}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--ink);padding:22px 5vw;font-size:12px}footer b{letter-spacing:-1px;font-size:20px}dialog{background:var(--paper);border:1px solid var(--ink);padding:32px;max-width:450px}dialog::backdrop{background:#0008}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px}.edition{display:none}main{padding:25px 20px 45px}#auth{grid-template-columns:1fr;gap:30px}.hero h1{font-size:64px}.hero .graphic{height:50px;margin:20px 0}.graphic i{width:50px}.login{max-width:none}.grid,.admin{grid-template-columns:1fr}.panel{padding:22px}.page-heading{align-items:flex-start}.page-heading h1{font-size:38px;letter-spacing:-2px}.tag{display:none}.wide{grid-column:auto}.section-heading{display:block}.contact{align-items:flex-start}.admin{gap:20px}footer{padding:20px}}