*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#24344a;font:16px/1.65 system-ui,sans-serif}header{background:white;padding:18px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:15px;border-bottom:1px solid #e0e5ed}header img{width:58px;height:58px;border-radius:14px}small{display:block;color:#65738a}button,select{font:inherit;padding:9px 16px;border:1px solid #cfdaeb;border-radius:10px;background:white;cursor:pointer}button:hover{background:#edf3ff}header button{margin-left:auto}main{max-width:1200px;margin:auto;padding:24px}.notice{background:#fff0d1;border-radius:12px;padding:14px}.toolbar{display:flex;align-items:center;justify-content:space-between}nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.active{background:#2457d6;color:white}article{background:white;padding:22px;border-radius:16px;margin:15px 0;border:1px solid #e1e7ef}.actions{display:flex;flex-wrap:wrap;gap:10px}pre{white-space:pre-wrap;word-break:break-word;background:#f4f6fa;padding:12px;border-radius:8px}#message{color:#a34420}h1{font-size:28px}h2{font-size:21px}textarea{width:100%;min-height:80px;font:inherit}