*{box-sizing:border-box}body{margin:0;background:#070d1d;color:#e7edf8;font:16px/1.6 system-ui,sans-serif}a{color:#8ce5d8}header,main,footer{max-width:1300px;margin:auto;padding:24px}header,nav,.actions{display:flex;gap:20px;flex-wrap:wrap}header{justify-content:space-between;border-bottom:1px solid #36425e}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}h2{margin-top:0}.tag{color:#efce7c;font-size:.8rem;letter-spacing:.15em}.notice{padding:20px;border:1px solid #796941;background:#211e18;border-radius:12px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}section{min-width:0;padding:24px;background:#111b30;border:1px solid #36425e;border-radius:16px}label{display:block;margin-bottom:20px;font-weight:600}input,textarea{display:block;width:100%;margin-top:8px;padding:12px;color:#e7edf8;background:#070d1d;border:1px solid #7f91b2;border-radius:6px;font:16px/1.5 ui-monospace,monospace}textarea{resize:vertical}button{min-height:44px;padding:10px 18px;background:#efce7c;color:#101727;border:0;border-radius:6px;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:default}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:10px;border-bottom:1px solid #465675;white-space:nowrap}th{color:#efce7c}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,.table-wrap:focus-visible{outline:3px solid #8ce5d8;outline-offset:4px}.skip{position:absolute;left:12px;top:-90px}.skip:focus{top:8px;background:#070d1d;padding:12px}footer{color:#b6c4dc}@media(max-width:850px){.layout{grid-template-columns:1fr}header,main,footer{padding:16px}section{padding:16px}.inputs{grid-template-columns:1fr}}