:root{font-family:Inter,Segoe UI,Noto Sans JP,sans-serif;color:#20251e;background:#f3f3eb;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}main{max-width:1096px;margin:auto;padding:32px 40px 24px}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7d9cf;padding-bottom:22px}.brand{font-size:28px;font-weight:750;letter-spacing:-1.2px;text-decoration:none;color:inherit}.brand span{font-size:18px;font-weight:400;color:#778170;letter-spacing:0}.prototype,.eyebrow,.console-top,.console-bottom,.number,.page-footer{font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:1.5px}.prototype{color:#73816a}.intro{display:grid;grid-template-columns:1fr 1fr;padding:40px 0 28px;align-items:end}.eyebrow{grid-column:1/-1;color:#647652;margin:0 0 18px}h1{font-weight:550;font-size:56px;line-height:1.25;letter-spacing:-2px;margin:0}.lead{color:#69705f;line-height:1.9;font-size:15px;margin:0 0 8px}.console{background:#111a13;border:1px solid #384337;border-radius:16px;overflow:hidden;box-shadow:0 22px 45px -30px #1c352a}.console-top,.console-bottom{display:flex;justify-content:space-between;align-items:center;color:#9ba992;padding:17px 24px;font-size:10px}.console-top{border-bottom:1px solid #2a352a}.console-bottom{border-top:1px solid #2a352a;letter-spacing:.5px}.led{width:6px;height:6px;background:#b0ed7d;border-radius:50%;display:inline-block;margin-right:8px}.screen-wrap{padding:28px 16px;background:radial-gradient(ellipse at center,#132413 0,#081009 80%);overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:344px}.hud{width:576px;height:288px;position:relative;flex-shrink:0;color:#90fa76;font-family:Arial,Yu Gothic,sans-serif;font-size:20px;line-height:28px;text-shadow:0 0 5px #88e87544;white-space:pre-wrap}.hud-header{position:absolute;left:8px;top:8px;width:560px;height:32px;font-size:18px}.hud-face{position:absolute;left:8px;top:64px;width:144px;height:180px;padding:8px;line-height:30px}.hud-body{position:absolute;left:160px;top:48px;width:408px;height:200px;border:1px solid #75b969;border-radius:6px;padding:10px;overflow:hidden}.hud-footer{position:absolute;left:8px;top:256px;width:560px;height:32px;font-size:17px}.controls{display:flex;align-items:center;gap:12px;margin-top:20px}.controls #page-count{font-size:12px;color:#63705b;min-width:44px;text-align:center}.controls .primary{margin-left:auto}button{font:inherit;font-size:13px;padding:11px 18px;border:1px solid #ccd1c2;border-radius:7px;background:transparent;color:#38442d;cursor:pointer;transition:background .15s}button:hover{background:#e4e9d8}button:disabled{opacity:.4;cursor:default}.primary{background:#d9edbd;border-color:#c2d9a6;color:#283e1c}.primary:hover{background:#c9e3a4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91b773;outline-offset:3px}.note{font-size:11px;color:#7a8271;line-height:1.7;margin:12px 0 30px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid #d7d9cf;padding-top:26px}.panel-heading{display:flex;gap:12px;align-items:center}.number{color:#87947c}h2{font-size:15px;margin:0;font-weight:550}#network{font-size:12px;color:#77816c;line-height:1.7;min-height:20px}.history{max-height:240px;overflow:auto}.history button{display:block;width:100%;text-align:left;margin-top:8px;border-color:#dfe2d5;line-height:1.6}.history button.selected{border-color:#93b477;background:#e8eedf}.history small{display:block;color:#7f8b74;font-size:10px;letter-spacing:.5px}.history .empty{font-size:13px;color:#909682;padding:14px 0}label{display:block;font-size:12px;margin:16px 0 7px;color:#69735e}input{width:100%;border:1px solid #cbd2bf;background:#fafbf6;border-radius:6px;padding:11px;font:inherit;font-size:13px;color:#394332}.hint{font-size:11px;color:#838c78;line-height:1.7}.form-actions{display:flex;gap:10px}.page-footer{display:flex;justify-content:space-between;color:#8a9380;margin-top:38px;border-top:1px solid #d7d9cf;padding-top:19px;font-size:10px;letter-spacing:1px}@media(max-width:680px){main{padding:22px 18px}.intro{grid-template-columns:1fr;padding-top:30px}.lead{margin:20px 0 0}h1{font-size:43px}.panels{grid-template-columns:1fr;gap:28px}.screen-wrap{padding:12px 0;min-height:180px}.console-top,.console-bottom{padding:13px 12px;font-size:9px}.controls{gap:6px}button{padding:10px 13px}.note{font-size:10px}.page-footer span:last-child{display:none}}