:root{
  --ink:#14231f;--green:#15594d;--green-2:#267568;--mint:#dcebe5;--mint-2:#edf4f0;
  --paper:#fbfaf6;--page:#ecece5;--line:#cbd3cc;--muted:#68736e;--red:#9d2933;--gold:#b89039;
  --shadow:0 18px 45px rgba(30,45,39,.09)
}
*{box-sizing:border-box}
body{margin:0;padding-top:76px;background:var(--page);color:var(--ink);font-family:Arial,sans-serif}
button,input,textarea{font:inherit}
button{cursor:pointer}
.community-masthead{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:24px;min-height:76px;padding:12px 154px 12px 28px;background:rgba(251,250,246,.98);border-bottom:1px solid var(--line);box-shadow:0 3px 16px rgba(21,50,43,.08)}
.brand{display:grid;grid-template-columns:52px auto;text-decoration:none;color:var(--ink);align-items:center}
.brand span{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:700 30px Georgia}
.brand strong{letter-spacing:.13em;font-size:23px}.brand small{letter-spacing:.15em;color:var(--muted)}
.community-masthead nav{display:flex;gap:6px;margin-left:auto;padding:4px;background:#e8ede9;border-radius:9px}
.community-masthead button,.panel button,.composer button,dialog button{border:1px solid var(--green);border-radius:7px;background:var(--paper);color:var(--green);font-weight:700;padding:10px 14px}
.community-masthead .nav-tab{border:0;background:transparent}.community-masthead .nav-tab.active{background:var(--green);color:#fff;box-shadow:0 2px 8px rgba(21,89,77,.18)}
.account-button{background:transparent!important}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:30px max(24px,calc((100vw - 1450px)/2));background:linear-gradient(115deg,#f9f7f1,#e3eee9);border-bottom:1px solid #d8dfda}
.eyebrow{margin:0;color:var(--green-2);font-size:11px;font-weight:800;letter-spacing:.2em}
.intro h1{font:700 clamp(34px,3.2vw,48px)/1 Georgia;margin:8px 0 0}.intro>p{max-width:430px;margin:0 0 5px;font:18px/1.45 Georgia;color:#58645f}
.layout{max-width:1450px;margin:22px auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;padding:0 22px}
.spaces,.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.spaces{height:clamp(520px,68vh,720px);overflow:hidden;display:flex;flex-direction:column}
.spaces-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 18px 15px;border-bottom:1px solid var(--line)}
.spaces h2{margin:5px 0 0;font:700 24px Georgia}.live-key{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.live-key i,.live-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2e9c77;box-shadow:0 0 0 4px rgba(46,156,119,.12)}
.space-list{display:grid;overflow-y:auto;padding:7px}
.space-button{position:relative;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink)}
.space-button:hover{background:#f0f2ef}.space-button.active{background:var(--mint);color:var(--green)}
.space-symbol{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border:1px solid #c4d1cc;border-radius:6px;color:var(--green);font:700 16px Georgia;background:#fff}
.space-copy{min-width:0;display:block}.space-copy strong,.space-copy small{display:block}.space-copy strong{font-size:13px;line-height:1.25}.space-copy small{margin-top:3px;color:var(--muted);font-size:10px}.space-arrow{margin-left:auto;font-size:24px}
.panel{height:clamp(520px,68vh,720px);overflow:hidden;display:flex;flex-direction:column}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 24px;border-bottom:1px solid var(--line);background:#fff}
.panel-head h2{font:700 30px Georgia;margin:4px 0}.panel-head p:last-child{margin:0;color:var(--muted);font-size:13px}
.room-presence{display:grid;justify-items:end;gap:3px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.room-presence strong{color:#2b8b6d;font-size:10px}.room-presence .quiet{margin-top:4px;padding:5px 8px;border:0;background:transparent;font-size:10px}
.chat-log{flex:1;overflow-y:auto;padding:20px 24px;background:linear-gradient(#f8f8f4,#f4f5f1)}
.chat-message{display:flex;align-items:flex-start;gap:11px;max-width:82%;margin:0 0 18px}
.chat-message.own-message{margin-left:auto;flex-direction:row-reverse}.citizen-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:700 15px Georgia}.own-message .citizen-avatar{background:#b49b60;color:#17241f}
.message-shell{min-width:0}.meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px}.meta strong{color:var(--ink);font:700 13px Georgia}.meta time{white-space:nowrap}.own-message .meta{justify-content:flex-end}
.message-bubble{margin-top:5px;padding:11px 14px;border:1px solid #d3dad5;border-radius:4px 14px 14px 14px;background:#fff;box-shadow:0 3px 10px rgba(30,45,39,.05)}.own-message .message-bubble{border-color:#a9c8bd;border-radius:14px 4px 14px 14px;background:var(--mint)}.message-bubble p{margin:0;font:16px/1.4 Georgia;white-space:pre-wrap}
.message-actions{display:flex;gap:5px;margin-top:4px}.own-message .message-actions{justify-content:flex-end}.message-actions button{padding:4px 7px;border:0;background:transparent;color:#557069;font-size:10px}.message-actions button:hover{color:var(--green);background:#e7efeb}.message-actions button:last-child{color:#8c5559}.message-actions span{font-size:9px}
.chat-message.pending{opacity:.58}.chat-message.pending p::after{content:" · transmitting";font:italic 11px Arial;color:var(--muted)}.chat-message.failed{opacity:1}.chat-message.failed p::after{content:" · transmission failed";color:var(--red)}
.composer{padding:10px 18px 12px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;background:#fff}.composer>label{font-size:0}.composer>label::after{content:"+";width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:20px}.composer-field{display:grid!important;gap:4px!important}.composer textarea{width:100%;min-height:48px;max-height:120px;resize:vertical;padding:12px 14px;border:1px solid #aebdb7;border-radius:10px;background:#f8faf8;font:15px/1.4 Georgia}.composer>div:last-child{display:flex;align-items:center;gap:9px}.composer span{max-width:130px;color:var(--muted);font-size:9px}.composer button{background:var(--green);color:#fff}
.emoji-picker{display:flex;flex-wrap:wrap;gap:3px}.emoji-picker button{min-width:28px;padding:3px 5px!important;border:0!important;background:transparent!important;font-size:16px!important}.emoji-picker button:hover{background:var(--mint)!important}.reaction-strip{display:flex;align-items:center;gap:3px;margin-top:5px}.reaction-strip button{padding:4px 7px!important;border:1px solid #d4ddd8!important;border-radius:999px!important;background:#fff!important;font-size:13px!important}.reaction-strip button:hover{background:var(--mint)!important}.reaction-strip button.selected,.message-actions button.selected{border-color:var(--green)!important;background:var(--green)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(21,89,77,.16)}.reaction-total{color:var(--muted);font-size:10px}.forum-image{display:block;width:auto;max-width:min(100%,760px);max-height:620px;margin:16px 0 4px;border:1px solid var(--line);border-radius:8px;object-fit:contain;background:#eef0ec}.thread-card.has-image{grid-template-columns:88px minmax(0,1fr) 75px 18px}.thread-thumb{width:88px;height:70px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.image-field span,.image-alt span{font-weight:400;color:var(--muted);font-size:11px}.image-field input{padding:9px}.image-alt input{font-family:Arial,sans-serif}
.empty-state{display:grid;justify-items:center;text-align:center;padding:48px 20px;color:var(--muted)}.empty-state>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:700 28px Georgia}.empty-state h3{margin:14px 0 5px;font:700 24px Georgia;color:var(--ink)}.empty-state p{margin:0}
.forum-head{flex:0 0 auto}.forum-head>button{background:var(--green);color:#fff}.forum-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 24px;border-bottom:1px solid var(--line);background:#f6f6f2}.forum-tools label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.forum-tools>div{display:flex}.forum-tools input{width:min(380px,40vw);padding:9px 12px;border:1px solid #b9c4bf;border-radius:6px 0 0 6px;background:#fff}.forum-tools button{border-radius:0 6px 6px 0;padding:9px 13px}
.thread-list{flex:1;overflow-y:auto;padding:10px 24px 24px;background:#f7f7f3}.thread-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 75px 18px;gap:18px;align-items:center;margin-top:10px;padding:17px 18px;border:1px solid #d5dad6;border-radius:8px;background:#fff;box-shadow:0 3px 10px rgba(30,45,39,.035);cursor:pointer;transition:.15s}.thread-card:hover{transform:translateY(-1px);border-color:#9dbbb1;box-shadow:0 7px 18px rgba(30,45,39,.08)}
.thread-card .meta{flex-wrap:wrap}.thread-status{padding:3px 6px;border:1px solid #c9a960;color:#8a6820;font-size:8px;font-weight:800;letter-spacing:.1em}.thread-card h3{font:700 21px/1.12 Georgia;margin:9px 0 6px}.thread-card p{margin:0;color:#54615c;font:14px/1.4 Georgia}.reply-count{display:grid;justify-items:center;padding:8px;border-left:1px solid var(--line)}.reply-count strong{font:700 27px Georgia;color:var(--green)}.reply-count span{font-size:10px;color:var(--muted)}.reply-count em{margin-top:5px;color:var(--red);font-size:9px}.open-thread{font-size:27px;color:#87a097}
.thread-detail{flex:1;overflow-y:auto;padding:18px 28px 28px;background:#f7f7f3}.thread-nav{display:flex;justify-content:space-between}.thread-nav button{padding:7px 10px;background:transparent}.opening-post{margin-top:14px;padding:25px 28px;border:1px solid var(--line);border-top:4px solid var(--green);background:#fff}.opening-post h2{font:700 34px/1.08 Georgia;margin:9px 0 14px}.opening-post>p:last-of-type{font:17px/1.6 Georgia;white-space:pre-wrap}.reply-divider{display:flex;align-items:center;margin:22px 0 4px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.15em}.reply-divider::before,.reply-divider::after{content:"";height:1px;flex:1;background:var(--line)}.reply-divider span{padding:0 12px}.forum-post{display:grid;grid-template-columns:36px 1fr;gap:13px;padding:18px 3px;border-bottom:1px solid var(--line)}.post-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e1e7e3;color:var(--green);font-size:10px;font-weight:800}.forum-post p{font:16px/1.55 Georgia;white-space:pre-wrap}.thread-detail form{display:grid;gap:9px;margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.thread-detail form>div:first-child{display:flex;justify-content:space-between}.thread-detail form label{font-weight:800}.thread-detail form small{color:var(--muted)}.thread-detail textarea{min-height:105px;padding:12px;border:1px solid #aebdb7;border-radius:7px;font:15px Georgia}.thread-detail form>div:last-child{display:flex;justify-content:space-between;align-items:center}.thread-detail form button{background:var(--green);color:#fff}.closed-notice{padding:15px;border:1px solid #d5b8bb;background:#f7e9ea;color:var(--red)}
.hidden{display:none!important}
dialog{width:min(800px,calc(100vw - 30px));border:1px solid var(--line);border-radius:12px;padding:0;background:var(--paper)}dialog::backdrop{background:rgba(12,20,17,.72)}dialog form,.account-modal{position:relative;padding:30px;display:grid;gap:16px}dialog h2{font:700 38px Georgia;margin:4px 0}.close{position:absolute;right:18px;top:18px;border:0!important;font-size:24px;padding:4px!important}.account-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-choice section{border:1px solid var(--line);padding:20px;border-radius:8px}.account-choice label,dialog form>label{display:grid;gap:6px;margin:10px 0;font-weight:700}dialog textarea,dialog input{width:100%;padding:13px;border:1px solid #99aaa3;border-radius:6px;background:#fff;font:16px Georgia}.error{color:var(--red)}
@media(max-width:900px){
  body{padding-top:126px}.community-masthead{flex-wrap:wrap;min-height:126px;padding:9px 118px 9px 13px}.community-masthead nav{order:3;width:100%}.community-masthead nav button{flex:1}.account-button{position:absolute;right:118px;top:18px}.intro{display:block;padding:22px 16px}.intro>p{margin-top:10px}.layout{grid-template-columns:1fr;padding:0 10px;margin:12px auto}.spaces,.panel{height:auto;min-height:0}.spaces-heading{padding:14px}.space-list{grid-template-columns:1fr 1fr;max-height:260px}.panel{min-height:560px}.panel-head{align-items:flex-start;padding:16px}.room-presence span,.room-presence strong{display:none}.chat-log{min-height:330px;padding:16px 12px}.chat-message{max-width:94%}.composer{grid-template-columns:1fr auto;padding:10px}.composer>label{display:none}.composer>div:last-child>span{display:none}.forum-head{display:grid}.forum-head>button{width:100%}.forum-tools{display:block;padding:10px 15px}.forum-tools label{display:block;margin-bottom:6px}.forum-tools>div{display:flex}.forum-tools input{width:100%}.thread-list{padding:8px}.thread-card{grid-template-columns:minmax(0,1fr) 55px 10px;gap:8px;padding:14px}.thread-card.has-image{grid-template-columns:68px minmax(0,1fr) 55px 10px}.thread-thumb{width:68px;height:58px}.thread-card p{display:none}.thread-detail{padding:10px}.opening-post{padding:18px}.opening-post h2{font-size:27px}.account-choice{grid-template-columns:1fr}
}
@media(max-width:520px){.brand small{font-size:8px}.space-list{grid-template-columns:1fr}.chat-message{max-width:98%}.meta time{font-size:8px}.message-actions button{font-size:9px}.intro h1{font-size:36px}.thread-card h3{font-size:18px}.thread-card.has-image{grid-template-columns:minmax(0,1fr) 55px 10px}.thread-card.has-image .thread-thumb{display:none}.reaction-strip{gap:2px}.reaction-strip button{padding:3px 5px!important}}

/* Unity network red, white, and blue theme */
:root{
  color-scheme:dark;
  --ink:#f7f3e8;--green:#a9c4e5;--green-2:#ef4c58;--mint:#17335a;--mint-2:#122641;
  --paper:#101e35;--page:#071426;--line:#385276;--muted:#aebbd0;--red:#d12c3a;--gold:#d8b76f;
  --shadow:0 18px 45px rgba(0,0,0,.3)
}
html{background:#071426;color:var(--ink)}
body{background:radial-gradient(circle at 50% -10%,#1a4274 0,transparent 34%),linear-gradient(180deg,#071426,#0b1729 60%,#070f1d);color:var(--ink)}
.community-masthead{background:rgba(7,18,38,.97);border-bottom:2px solid var(--red);box-shadow:0 7px 26px rgba(0,0,0,.32)}
.brand{color:var(--ink)}.brand span{background:var(--red);color:#f7f3e8;box-shadow:inset 0 0 0 3px #f7f3e8}.brand small{color:#b7c7dc}
.community-masthead nav{background:#122641;border:1px solid #304967}
.community-masthead button,.panel button,.composer button,dialog button{border-color:#8eabd0;background:#101e35;color:#d9e8fa}
.community-masthead .nav-tab.active{background:#173761;color:#fff;box-shadow:inset 0 -3px 0 var(--red),0 4px 12px rgba(0,0,0,.28)}
.account-button{border-color:#8eabd0!important;color:#d9e8fa!important}
.intro{background:linear-gradient(120deg,#142946,#101e35 55%,#172f51);border-bottom-color:#304967}.intro>p{color:#b8c5d6}.eyebrow{color:#ff6671}
.spaces,.panel{background:linear-gradient(145deg,#13243f,#0e1b30);border-color:var(--line)}
.spaces-heading,.panel-head{border-color:var(--line)}.panel-head{background:#101e35}.live-key i,.live-pulse{background:var(--red);box-shadow:0 0 0 4px rgba(209,44,58,.18)}
.space-button:hover{background:#17335a}.space-button.active{background:#173761;color:#fff;box-shadow:inset 3px 0 0 var(--red)}
.space-symbol{border-color:#5f7da5;background:#f7f3e8;color:#173f70}.space-copy small{color:var(--muted)}
.room-presence strong{color:#ff6671}.room-presence .quiet{color:#d9e8fa}
.chat-log{background:linear-gradient(#0d1b31,#0a172a)}
.citizen-avatar{background:#f7f3e8;color:#17355d;border:2px solid #385276}.own-message .citizen-avatar{background:var(--red);color:#fff;border-color:#f2aab0}
.message-bubble{border-color:#385276;background:#132641;box-shadow:0 5px 16px rgba(0,0,0,.18)}.own-message .message-bubble{border-color:#628bb9;background:#173b67}
.message-actions button{color:#b8cbe2}.message-actions button:hover{color:#fff;background:#214b80}.message-actions button:last-child{color:#ff929a}
.composer{background:#101e35;border-color:#385276}.composer>label::after,.composer button{background:var(--red);border-color:#ef6a74;color:#fff}.composer textarea{background:#f7f3e8;color:#142440;border-color:#7895bc}.composer textarea::placeholder{color:#64748a}
.emoji-picker button:hover{background:#173761!important}.reaction-strip button{border-color:#466184!important;background:#122641!important}.reaction-strip button:hover{background:#214b80!important}.reaction-strip button.selected,.message-actions button.selected{border-color:#f7f3e8!important;background:var(--red)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(239,76,88,.25)}
.forum-tools,.thread-list,.thread-detail{background:#0d1b31;border-color:#385276}.forum-tools input{background:#f7f3e8;color:#142440;border-color:#7895bc}.forum-tools input::placeholder{color:#64748a}
.forum-head>button,.thread-detail form button{background:var(--red);border-color:#ef6a74;color:#fff}
.thread-card{border-color:#385276;background:#122641;box-shadow:0 4px 14px rgba(0,0,0,.16)}.thread-card:hover{border-color:#789dc9;box-shadow:0 8px 22px rgba(0,0,0,.3)}.thread-card p{color:#c1ccdb}.thread-status{border-color:#d8b76f;color:#f1d58d}.reply-count strong{color:#ff6671}.open-thread{color:#a9c4e5}
.opening-post,.thread-detail form{background:#122641;border-color:#385276}.opening-post{border-top-color:var(--red)}.post-number{background:#173761;color:#fff}.forum-post{border-color:#304967}.thread-detail textarea{background:#f7f3e8;color:#142440;border-color:#7895bc}.closed-notice{border-color:#9e4b55;background:#321b29;color:#ffabb1}
.forum-image{background:#091526;border-color:#385276}
dialog{background:#101e35;color:var(--ink);border-color:#4a688f}dialog::backdrop{background:rgba(3,10,21,.8)}.account-choice section{border-color:#385276}dialog textarea,dialog input{background:#f7f3e8;color:#142440;border-color:#7895bc}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #ef4c58;outline-offset:2px}
::selection{background:#b41f2e;color:#fff}
@media(max-width:520px){
  body{padding-top:148px}.community-masthead{min-height:148px}.brand{grid-template-columns:38px auto}.brand span{width:34px;height:34px;font-size:23px}.brand strong{font-size:16px}.brand small{font-size:7px}.account-button{right:112px;top:16px;max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px!important}.community-masthead nav{margin-top:3px}
}
.staff-badge{display:inline-block;border-radius:999px;padding:3px 7px;background:#173761;color:#fff;font:800 8px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}.staff-badge.staff-admin{background:#8b2635}.staff-badge.staff-moderator{background:#234f86}.staff-badge.staff-editor{background:#5f4b1e}