:root{--amber:#f4a340;--cream:#f7e4bd;--line:#75542d66;--bg:#110e0a;color-scheme:dark}
body{background:radial-gradient(ellipse at top right,#58351b33,transparent 55%),var(--bg);color:var(--cream)}
.panel,.metric-tile,.tool-grid button,button,input,select,textarea,dialog{border-radius:14px}
.panel{background:linear-gradient(145deg,#251b13,#171410);border:1px solid var(--line)}
.sidebar{background:linear-gradient(170deg,#251b10,#100e0b)}
.workspace{display:flex;flex-direction:column;min-height:100dvh}.workspace>main{flex:1}.workspace>.copyright{margin-top:auto}.sidebar{align-self:start;height:100dvh;overscroll-behavior:contain}
.sidebar nav button.active{background:#f4a34020;border-color:#f4a340;color:#ffd58e}
.topbar{background:#17120ef2;border-bottom:1px solid var(--line)}
select,select option{background:#211a13;color:#f7e4bd}.primary{background:#f4a340;color:#20150a}
.owner-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 24px;background:#3e2916;border-bottom:1px solid #f4a34055;font-size:.85rem}.owner-strip label{display:flex;align-items:center;gap:12px;margin:0}.owner-strip select{width:auto;max-width:230px}.owner-strip strong{color:#ffd58e}.owner-strip span{flex:1}
.owner-grid,.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.guide-hero{padding:32px;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffb35a04 4px),linear-gradient(120deg,#4c2d15,#18140f)}.guide-hero h2{font-size:clamp(1.6rem,3vw,2.5rem)}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.permission-grid label{display:flex;gap:10px;align-items:center;font-size:.85rem}.permission-grid input,.remember-login input{width:18px;height:18px;margin:0;accent-color:#ed9f35}.account-list{max-height:650px;overflow:auto}.account-list article{display:grid;gap:6px;border-bottom:1px solid var(--line);padding:18px 0}.account-list article[hidden]{display:none}.invite-panel small{display:block}
.login-help{max-width:900px;margin:20px auto;padding:24px}.login-help[hidden]{display:none}.login-actions{display:flex;gap:12px;flex-wrap:wrap}.remember-login{display:flex;align-items:center;gap:10px}.copyright{text-align:center;padding:22px;font-size:.75rem;color:#baa78b;line-height:1.7}.login-card .primary{width:100%;margin-bottom:12px}
.login-card label.remember-login{display:flex;flex-direction:row;align-items:center}.login-shell{background:radial-gradient(ellipse at 20% 40%,#70432144,transparent 65%)}
.miss-minutes-notice{position:fixed;bottom:22px;right:22px;z-index:10000;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;width:480px;max-width:calc(100vw - 44px);padding:20px;background:#39220e;color:#ffe6bc;border:2px solid #f99b2d;border-radius:20px;box-shadow:0 16px 60px #000a}.miss-minutes-notice[hidden]{display:none}.miss-minutes-notice p{margin:6px 0 0;font-size:.9rem;overflow-wrap:anywhere}.minutes-mascot{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 4px #0005)}.miss-minutes-notice button{align-self:start;padding:2px 8px}
@media(max-width:480px){.miss-minutes-notice{grid-template-columns:64px minmax(0,1fr) auto;gap:10px;padding:14px;width:auto}.miss-minutes-notice p{font-size:.85rem}}
@media(max-width:800px){.owner-grid,.guide-grid{grid-template-columns:1fr}.owner-strip{padding:12px 16px}.owner-strip label{width:100%}.owner-strip select{flex:1;max-width:none}.miss-minutes-notice{left:12px;right:12px;bottom:12px;max-width:none}.permission-grid{grid-template-columns:1fr}}

.announcement-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px}.announcement-bell [data-announcement-count]{position:absolute;top:-5px;right:-5px;background:#f4a340;color:#211409;border:2px solid #17120e;border-radius:20px;min-width:20px;padding:0 4px;font:700 10px/18px system-ui}.announcement-bell [hidden]{display:none}
.official-announcement{border:1px solid var(--line);border-top:3px solid var(--amber);border-radius:16px;padding:26px;margin:0 0 20px;background:linear-gradient(135deg,#2a1e12,#171410);box-shadow:0 12px 40px #0002}.announcement-letterhead{display:flex;align-items:center;gap:14px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.announcement-letterhead img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.announcement-letterhead>div{flex:1;min-width:0}.announcement-letterhead .eyebrow{display:block;font-size:9px;margin-bottom:6px}.announcement-letterhead strong{font:600 12px/1.5 Consolas,monospace;letter-spacing:.1em;color:var(--cream)}.official-announcement h2{font-size:clamp(22px,3vw,30px);line-height:1.25;overflow-wrap:anywhere}.announcement-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.8}.official-announcement footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:var(--muted);font-size:12px}.official-announcement .actions{margin-top:20px}.announcement-withdraw{margin-left:auto;color:var(--muted);font-size:12px}.announcement-compose textarea{margin-bottom:16px;min-height:170px}.announcement-empty{padding:48px 24px;text-align:center;border:1px dashed var(--line);border-radius:16px}.announcement-empty p{color:var(--muted)}
.announcement-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--amber);border-radius:18px;background:#171410;color:var(--cream);overflow-y:auto;box-shadow:0 24px 100px #0009}.announcement-dialog::backdrop{background:#060504bd;backdrop-filter:blur(5px)}.announcement-popup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);background:#362512;color:var(--amber);font:600 10px/1.5 Consolas,monospace;letter-spacing:.12em}.announcement-popup-heading button{padding:4px;width:40px;height:40px;flex-shrink:0;font-size:22px}.announcement-dialog .official-announcement{border:0;border-radius:0;box-shadow:none;margin:0;background:transparent}.announcement-popup-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 26px 26px}.official-announcement.important{border-top-color:#ffba63}.official-announcement.maintenance{border-top-color:#a8b59a}
.stats .stat{border-radius:14px!important}
@media(max-width:900px){.identity>.announcement-bell{padding:8px;min-width:40px}.official-announcement{padding:20px}.announcement-letterhead{gap:10px}.announcement-letterhead img{width:40px;height:40px}.announcement-letterhead .badge{font-size:10px}.announcement-message{font-size:15px}.announcement-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}.announcement-popup-heading{padding:12px 16px}.announcement-popup-actions{padding:0 20px 20px}.announcement-popup-actions button{flex:1}.announcement-dialog .official-announcement h2{font-size:23px}}
@media(max-width:480px){.announcement-letterhead{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px 12px}.announcement-letterhead img{grid-row:1/3}.announcement-letterhead>div,.announcement-letterhead>.badge{grid-column:2}.announcement-letterhead>.badge{justify-self:start}.announcement-letterhead strong{font-size:11px;letter-spacing:.06em}.announcement-letterhead .eyebrow{font-size:9px;letter-spacing:.08em}.announcement-popup-actions{flex-direction:column;gap:8px}.announcement-popup-actions button{min-height:46px;overflow-wrap:normal;word-break:normal}.announcement-popup-heading{letter-spacing:.08em}.announcement-popup-heading button{width:44px;height:44px}}
