:root{color-scheme:dark;font-family:ui-monospace,monospace}body{margin:0;background:#030710;color:#cbd8e6}header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #24445c}a{color:#6fffe9}#status{margin:10px 22px;padding:10px;color:#ffb65c;background:#07101d;border:1px solid #1d3d54;border-radius:10px}main{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;padding:14px}section{min-width:0;background:#07101d;border:1px solid #1d3d54;border-radius:10px;padding:12px;max-height:calc(100vh - 100px);overflow:auto}#announcementPanel{grid-column:1/-1;max-height:none;border-color:#5e426d;background:linear-gradient(135deg,#10091d,#07101d)}#announcementPanel p{color:#93a6b7;font-size:12px}#announcementForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}#announcementText{min-height:72px;resize:vertical}#announcementStatus{color:#7fffe9}article{border:1px solid #24445c;border-radius:8px;padding:9px;margin:8px 0;background:#030914}article small{display:block;color:#7890a4;overflow-wrap:anywhere}article p{overflow-wrap:anywhere}button,input,textarea{background:#081a28;color:#aefcef;border:1px solid #2e6175;border-radius:6px;padding:7px;margin:3px;font:inherit}.hidden{opacity:.45;text-decoration:line-through}@media(max-width:900px){main{grid-template-columns:1fr}section{max-height:none}#announcementPanel{grid-column:auto}#announcementForm{grid-template-columns:1fr}}
