:root{--black:#070707;--surface:#111111;--bone:#F4F1EA;--muted:#A39E94;--line:#2C2C2C}
*{box-sizing:border-box}
html,body{margin:0;background:var(--black);color:var(--bone);font-family:"IBM Plex Sans",Arial,sans-serif;font-size:16px;line-height:1.5}
a{color:var(--bone)}
.wrap{max-width:640px;margin:0 auto;padding:0 16px 48px}
header{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:28px}
header svg{width:30px;height:30px;flex:none}
.brand{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;line-height:1}
.brand b{display:block;font-size:24px;font-weight:700;letter-spacing:.04em}
.brand span{display:block;font-size:10px;letter-spacing:.32em;color:var(--muted);margin-top:3px}
h1,h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;line-height:1.02;font-weight:700;margin:0 0 12px}
h1{font-size:40px}
h2{font-size:24px;margin-top:32px}
.label{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--muted)}
p.lead{color:var(--muted);margin:0 0 24px}
.panel{background:var(--surface);border:1px solid var(--line);padding:20px;margin:0 0 20px}
label{display:block;margin:0 0 16px}
label .label{display:block;margin-bottom:6px}
input,select{width:100%;background:var(--black);color:var(--bone);border:1px solid var(--line);border-radius:0;padding:12px;font:inherit;font-size:16px}
input:focus,select:focus{outline:2px solid var(--bone);outline-offset:-1px}
input[type=file]{padding:10px}
input[type=file]::file-selector-button{background:var(--bone);color:var(--black);border:0;padding:8px 12px;margin-right:12px;font:600 14px "IBM Plex Sans",Arial,sans-serif;cursor:pointer}
.btn{display:block;width:100%;text-align:center;background:var(--bone);color:var(--black);border:0;padding:15px 16px;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-decoration:none}
.btn:disabled{opacity:.4;cursor:default}
.btn.ghost{background:transparent;color:var(--bone);border:1px solid var(--bone);margin-top:10px}
.btn.small{display:inline-block;width:auto;font-size:15px;padding:8px 14px}
.note{border-left:3px solid var(--bone);padding:8px 12px;margin:0 0 16px;background:var(--surface)}
.warn{border-left-color:var(--muted);color:var(--muted)}
.bar{height:6px;background:var(--line);margin-top:8px}
.bar i{display:block;height:100%;width:0;background:var(--bone);transition:width .3s}
.item{padding:12px 0;border-top:1px solid var(--line)}
.item:first-child{border-top:0}
.item .who{font-weight:600}
.item .st{color:var(--muted);font-size:14px}
.hidden{display:none!important}
footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
table{width:100%;border-collapse:collapse}
td,th{text-align:left;padding:10px 6px;border-top:1px solid var(--line);vertical-align:top;font-size:15px}
th{border-top:0}
.tag{display:inline-block;border:1px solid var(--line);padding:1px 6px;font-size:12px;color:var(--muted);margin:2px 4px 0 0}
.tag.ok{border-color:var(--bone);color:var(--bone)}
@media (max-width:560px){h1{font-size:32px}.hide-sm{display:none}}