:root{font-family:Arial,sans-serif;color:#4b1d1d;background:#faf6f3}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:0 auto;padding:32px 20px}header{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:30px}header img{width:100px}header p{font-size:11px;letter-spacing:2px}h1{font:30px Georgia;margin:0}header a{margin-left:auto;color:inherit;font-size:13px}section{background:#fffdfb;border:1px solid #dccbc6;border-radius:12px;padding:26px;margin:20px 0}h2{font:25px Georgia;margin:0 0 20px}label{display:block;font-size:13px;margin:14px 0}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #cbb5af;border-radius:5px;font:16px Arial;color:#4b1d1d}button{padding:13px 18px;border:1px solid #4b1d1d;border-radius:5px;background:#4b1d1d;color:white;cursor:pointer;font:12px Arial;font-weight:bold}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#4b1d1d}#names{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.note{font-size:13px;line-height:1.6;color:#78594e}#status{white-space:pre-wrap;font-size:14px}nav{text-align:right}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.record{border-top:1px solid #ddccc3;padding:20px 0}.record h3{margin:0 0 8px}.record p{font-size:14px;line-height:1.6;white-space:pre-wrap}.record time{font-size:12px;color:#78594e}.record li{margin:14px 0;white-space:pre-wrap;line-height:1.5}.record strong{display:block}.record button{font-size:11px}[hidden]{display:none!important}@media(max-width:600px){#names{grid-template-columns:1fr}main{padding:16px}section{padding:20px}.section-title{align-items:flex-start;flex-direction:column}header a{margin-left:0}}