:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#222;background:#f5f5f6}*{box-sizing:border-box}body{margin:0}header{background:#b20b28;color:white;padding:22px max(20px,calc((100vw - 1040px)/2));display:flex;justify-content:space-between;align-items:center}header span{font-weight:400}main{max-width:1040px;margin:32px auto;padding:0 18px;min-height:68vh}section#login{max-width:440px;margin:60px auto;background:white;border:1px solid #e5e5e5;border-radius:16px;padding:30px}h1{margin:0 0 10px}h2{margin-top:32px;font-size:1.15rem}p{color:#666;line-height:1.5}label{display:block;margin:18px 0 8px;font-weight:600;font-size:.9rem}input{display:block;width:100%;margin-top:8px;border:1px solid #ccc;border-radius:8px;padding:12px;font:inherit}button{background:#b20b28;color:white;border:0;border-radius:9px;padding:12px 18px;cursor:pointer;font:inherit;font-weight:650}button:disabled{opacity:.5}.outline{background:white;color:#b20b28;border:1px solid #b20b28}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.card,.record,#linkbox{background:white;border:1px solid #e5e5e5;border-radius:12px;padding:16px;margin:9px 0;overflow-wrap:anywhere}.card b{font-size:1.7rem;display:block;margin-top:8px}.muted{color:#777;font-size:.85rem}.record{display:flex;justify-content:space-between;align-items:center;gap:12px}.record button{font-size:.8rem}#notice,#error{color:#b20b28}footer{text-align:center;padding:28px;color:#777;font-size:.8rem}@media(max-width:520px){header{padding:20px}.record{display:block}.record button{margin-top:10px}}