:root{font-family:Inter,Arial,sans-serif;color:#292826;background:#f7f3eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ded8ce}a{color:inherit;text-decoration:none;font-size:25px;letter-spacing:6px}a span{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}.eyebrow{font-size:10px;letter-spacing:3px;color:#797165;margin-top:20px}h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,62px);font-weight:400;margin:20px 0}h2{font-family:Georgia,serif;font-weight:400;font-size:28px}h3{font-size:14px}.intro{color:#706b63;line-height:1.6;margin-bottom:40px}article,#login{padding:28px;background:#fffdf8;border:1px solid #e1dbd1;border-radius:4px;margin-bottom:24px}#login{max-width:480px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid article{margin:0 0 24px}label{display:block;font-size:13px;margin:14px 0}input,select{display:block;width:100%;padding:14px;background:transparent;border:1px solid #cfc7ba;border-radius:3px;margin-top:8px;color:inherit;font:inherit}button{padding:14px 22px;background:#30302e;color:#fffaf1;border:1px solid #30302e;border-radius:3px;cursor:pointer;font:inherit;font-size:13px}button:disabled{opacity:.45;cursor:wait}.secondary{background:transparent;color:#30302e}.check{display:flex;align-items:center;gap:12px;line-height:1.5}.check input{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:14px 8px;text-align:left;border-bottom:1px solid #ded8ce;white-space:nowrap}pre{white-space:pre-wrap;font:12px/1.7 monospace;max-height:240px;overflow:auto}#message{color:#8c3d30;white-space:pre-wrap}footer{font-size:11px;color:#797165}.history-row{padding:16px 0;border-bottom:1px solid #ded8ce;font-size:13px;display:flex;gap:16px;align-items:center;justify-content:space-between}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:22px}.grid{grid-template-columns:1fr;gap:8px}article{padding:20px}h1{font-size:40px}.history-row{align-items:flex-start;flex-direction:column}}
