:root{--ink:#111;--paper:#f3f0e6;--white:#fff;--gray:#d6d4cc;--dark:#555;--green:#2f7f4f;--red:#9a2c28;--shadow:5px 5px 0 rgba(0,0,0,.18)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#fff 0,var(--paper) 46%,#dedbd0 100%);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.menubar{height:30px;background:#fff;border-bottom:2px solid #111;display:flex;align-items:center;gap:26px;padding:0 max(14px,calc((100vw - 1000px)/2));font-size:13px}.menubar .brand{font-weight:800}.menubar #clock{margin-left:auto;font-variant-numeric:tabular-nums}main{max-width:1000px;margin:auto;padding:50px 22px 80px}.hero{display:grid;grid-template-columns:1fr 370px;gap:60px;align-items:center;margin-bottom:50px}.eyebrow{font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.14em}.hero h1{font:800 clamp(42px,7vw,74px)/.95 Georgia,serif;letter-spacing:-.05em;margin:10px 0 18px}.lede{max-width:480px;font-size:18px;color:#444}.lcd{background:#b8c4a3;border:15px solid #2d302d;border-radius:8px;box-shadow:inset 0 0 22px #6c765d,var(--shadow);padding:18px 22px;min-height:150px;color:#172016;font:16px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:1px 1px #d8e2ca}.window{background:#fff;border:2px solid #111;box-shadow:var(--shadow)}.titlebar{height:27px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;border-bottom:2px solid #111;background:repeating-linear-gradient(#fff 0,#fff 2px,#111 3px,#111 4px)}.titlebar b{background:#fff;padding:0 9px;font:700 12px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.titlebar button{justify-self:end;margin-right:4px;padding:0 5px;min-width:22px;height:20px}.window-body{padding:24px}.auth-window{max-width:440px;margin:auto;text-align:center}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:26px}dl,dl div{margin:0}dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dotted #777}dt{font-weight:700}dd{margin:0}.lamp{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #cde4d5;margin-right:5px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #aaa}.device-list:empty:after{content:"No devices yet. Add one to begin.";display:block;padding:42px;text-align:center;color:#666}.device{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px;border-bottom:1px solid #aaa}.device:last-child{border:0}.device h3{font:700 17px ui-monospace,monospace;margin:0 0 3px}.device code{color:#555}.badge{display:inline-block;padding:2px 7px;border:1px solid #333;font-size:11px;text-transform:uppercase;margin-left:8px}.badge.off{background:#ddd}.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}button{appearance:none;background:#fff;border:2px solid #111;border-radius:3px;box-shadow:2px 2px 0 #999;padding:7px 14px;font:700 13px ui-monospace,monospace;cursor:pointer}button:hover{background:#111;color:#fff}button:active{box-shadow:none;transform:translate(2px,2px)}button.danger{color:var(--red)}button.danger:hover{background:var(--red);color:#fff}.text-button{display:block;margin:30px auto 0;border:0;box-shadow:none;text-decoration:underline;background:transparent}dialog{padding:0;width:min(92vw,500px)}dialog::backdrop{background:rgba(30,30,25,.55)}label{display:block;font:700 12px ui-monospace,monospace;margin:0 0 20px}input,output{display:block;width:100%;margin-top:6px;padding:9px;border:2px solid #111;background:#fff;font:15px ui-monospace,monospace}output{overflow:auto;background:#f4f4ef}.secret-window button{margin-right:8px}.notice{padding:12px;border:2px solid #111;background:#fff8c9;margin-bottom:18px}@media(max-width:720px){.hero,.status-grid{grid-template-columns:1fr}.hero{gap:25px}.lcd{max-width:400px}.menubar span:not(.brand):not(#clock){display:none}.toolbar{align-items:flex-start;gap:12px}.device{grid-template-columns:1fr}.actions{justify-content:flex-start}}