:root{--paper:#f3f0e8;--white:#fffefa;--ink:#182322;--muted:#66716d;--green:#174f46;--green-2:#267264;--mint:#dfece5;--gold:#ab8138;--red:#8e2d35;--line:#d4d8d1;--shadow:0 12px 40px rgba(25,41,37,.09)}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#e8eee9 0,#f4f1e9 310px)}
button,input,textarea{font:inherit}
button,a{transition:background-color .18s,color .18s,border-color .18s,transform .18s}
button{cursor:pointer}
a{color:var(--green)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:12px;top:-80px;z-index:1000;background:#fff;color:#111;padding:12px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;min-height:70px;display:grid;grid-template-columns:minmax(210px,1fr) minmax(260px,560px) minmax(300px,1fr);align-items:center;gap:24px;padding:10px max(22px,calc((100vw - 1440px)/2));background:rgba(255,254,250,.96);border-bottom:1px solid var(--line);box-shadow:0 4px 24px rgba(20,54,47,.05);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50% 50% 46% 54%;background:var(--green);color:#fff;font:700 26px Georgia,serif}.brand b{display:block;font:800 20px/1 Arial;letter-spacing:.14em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-top:4px}
.search input{width:100%;border:1px solid #ccd5cf;border-radius:999px;background:#edf2ee;padding:11px 18px;color:var(--ink);outline:none}.search input:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(38,114,100,.14)}
.site-header nav{display:flex;justify-content:flex-end;align-items:center;gap:5px}.nav-button{position:relative;border:0;background:transparent;text-decoration:none;color:#52605b;font-weight:700;font-size:13px;padding:12px 13px;border-radius:7px}.nav-button:hover,.nav-button:focus-visible,.nav-button.is-active{background:var(--mint);color:var(--green)}.count{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:20px;background:var(--red);color:#fff;font-size:10px;padding:0 5px}
.unity-shell{width:min(1400px,calc(100% - 36px));margin:28px auto 80px;display:grid;grid-template-columns:270px minmax(430px,680px) 290px;justify-content:center;align-items:start;gap:24px}
.profile-column,.context-column{display:grid;gap:18px;position:sticky;top:98px}
.profile-card,.panel,.welcome,.composer,.post,.notices-view{background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.profile-card{position:relative;overflow:hidden;text-align:center;padding:0 18px 20px}.profile-cover{height:76px;margin:0 -18px;background:linear-gradient(135deg,#194e45,#51756e 65%,#c1a265)}.citizen-avatar{position:relative;margin:-38px auto 10px;width:76px;height:76px;display:grid;place-items:center;border:4px solid var(--white);border-radius:50%;background:#d5c18e;color:#25322f;font:800 21px Georgia,serif}.verified,.panel-kicker,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--green-2)}.profile-card h1{font:700 23px/1.1 Georgia,serif;margin:7px 0}.citizen-id{font:11px monospace;color:var(--muted)}.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:18px -4px 15px}.profile-metrics div{border-right:1px solid var(--line)}.profile-metrics div:last-child{border:0}.profile-metrics dt{font-size:8px;color:var(--muted);text-transform:uppercase}.profile-metrics dd{font:700 17px Georgia,serif;margin:3px 0 0}.profile-note{font-size:12px;line-height:1.5;color:var(--muted)}.quiet-button{width:100%;border:1px solid var(--green);background:transparent;color:var(--green);border-radius:7px;padding:9px;font-size:11px;font-weight:800}.quiet-button:hover{background:var(--mint)}
.panel{padding:18px}.panel h2{font:700 19px/1.15 Georgia,serif;margin:5px 0 10px}.panel p{color:var(--muted);font-size:12px;line-height:1.55}.comparison-bar{height:7px;border-radius:8px;background:#e3e6e1;overflow:hidden}.comparison-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green-2),var(--gold));width:0;transition:width 1s ease}.comparison-card strong{font-size:19px;color:var(--ink)}
.feed-column{display:grid;gap:14px;min-width:0}.welcome{display:flex;justify-content:space-between;gap:25px;padding:24px 26px;background:linear-gradient(120deg,#fffefa 30%,#e5eee9)}.welcome h2{font:700 clamp(26px,4vw,38px)/1 Georgia,serif;margin:8px 0}.welcome p{color:var(--muted);margin:0;font-size:13px}.continuity{text-align:right;align-self:center;color:var(--green)}.continuity span{display:block;font:700 29px Georgia,serif}.continuity small{display:block;width:100px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.composer{display:flex;gap:12px;padding:15px}.mini-avatar{flex:none;width:42px;height:42px;border-radius:50%;background:#d5c18e;display:grid;place-items:center;font-weight:800;font-size:12px}.composer>button{flex:1;text-align:left;border:1px solid var(--line);border-radius:8px;background:#f4f5f1;color:#59635f;padding:10px 14px}.composer>button span{display:block;font-weight:700;color:#43504b}.composer>button small{display:block;margin-top:4px}.composer>button:hover{border-color:var(--green-2);background:#eef5f0}
.prompt-strip{display:flex;gap:7px;overflow:auto;padding:0 1px 2px}.prompt-strip button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:rgba(255,254,250,.7);color:#52605b;padding:8px 12px;font-size:11px}.prompt-strip button:hover{border-color:var(--green-2);color:var(--green)}
.stream-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 3px 3px;color:#46534e;font-size:10px;font-weight:800;letter-spacing:.13em}.stream-heading button{border:0;background:none;color:var(--muted);font-size:10px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green-2);box-shadow:0 0 0 4px rgba(38,114,100,.12)}
#stream{display:grid;gap:14px}.post{padding:19px 21px}.post>header{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center}.avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#52776d;font-size:12px;font-weight:800}.avatar.amber{background:#9a7134}.avatar.blue{background:#496c85}.avatar.rose{background:#865762}.post h2{font:700 16px/1.2 Georgia,serif;margin:0}.post-meta{color:var(--muted);font-size:10px;margin:4px 0 0}.post-standing{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);border:1px solid #cfba86;padding:5px 7px;border-radius:4px}.post-body{font:16px/1.55 Georgia,serif;margin:17px 0;color:#28322f}.post-body p{margin:0 0 11px}.post-body p:last-child{margin:0}.post-context{font-size:10px;color:var(--green-2);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.reaction-row{display:flex;gap:7px;border-top:1px solid #e1e3df;margin-top:15px;padding-top:12px}.reaction-row button{flex:1;border:0;border-radius:6px;background:#f1f3ef;color:#52605b;padding:8px 5px;font-size:10px;font-weight:800}.reaction-row button:hover,.reaction-row button.is-selected{background:var(--mint);color:var(--green)}.reaction-summary{font-size:10px;color:var(--muted);margin:10px 0 0}.post.system-post{border-color:#c5aa6d;background:linear-gradient(135deg,#fffdf5,#f5eddb)}.post.user-post{border-color:#6c9b8f}.load-more{border:1px solid var(--line);background:#fffefa;color:var(--green);border-radius:8px;padding:13px;font-weight:800}.load-more:hover{background:var(--mint)}
.affirmation-panel blockquote{margin:8px 0;font:700 21px/1.25 Georgia,serif;color:#2c3935}.trending,.people{padding:8px 0}.trending>.panel-kicker,.people>.panel-kicker{padding:8px 18px}.trending button{display:block;width:100%;text-align:left;border:0;border-top:1px solid #e4e5e1;background:transparent;padding:12px 18px}.trending button:hover{background:#f0f4f0}.trending b,.trending span{display:block}.trending b{font-size:12px;color:var(--green)}.trending span{font-size:10px;color:var(--muted);margin-top:3px}.people>div{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #e4e5e1}.people .avatar{width:36px;height:36px;flex:none}.people p{flex:1;margin:0;line-height:1.2}.people b,.people small{display:block}.people b{font-size:11px;color:var(--ink)}.people small{font-size:9px;margin-top:3px}.people button{border:1px solid var(--green-2);background:transparent;color:var(--green);border-radius:5px;padding:5px 7px;font-size:9px;font-weight:800}.people button.is-following{background:var(--mint)}
.privacy-note{font-size:9px;line-height:1.55;color:#77817d;padding:0 5px}.test-reset{border:1px dashed var(--red);background:#fff;color:var(--red);padding:8px;font-size:9px;font-weight:800}
.notices-view{padding:25px}.notices-view>h2{font:700 30px/1.1 Georgia,serif}.notice-item{display:grid;grid-template-columns:10px 1fr;gap:12px;border-top:1px solid var(--line);padding:17px 0}.notice-item i{width:9px;height:9px;border-radius:50%;background:var(--red);margin-top:5px}.notice-item.is-read i{background:#c9cfca}.notice-item h3{font:700 15px Georgia,serif;margin:0 0 5px}.notice-item p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}
dialog{width:min(650px,calc(100% - 28px));max-height:calc(100vh - 28px);border:1px solid #8fa49d;border-radius:12px;padding:0;background:var(--white);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(12,30,25,.72);backdrop-filter:blur(3px)}dialog header{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line)}dialog h2{font:700 27px/1.1 Georgia,serif;margin:5px 0}.dialog-close{border:0;background:transparent;font-size:28px;color:var(--muted)}#composer-form>label,#composer-form>textarea,#composer-form>.composer-meta,#composer-form>.consent,#composer-form>.form-error{margin-left:24px;margin-right:24px}#composer-form>label{display:block;font-size:12px;font-weight:800;margin-top:19px}#composer-form textarea{display:block;width:calc(100% - 48px);min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:13px;margin-top:7px;color:var(--ink)}.composer-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:6px}.consent{font-weight:400!important;line-height:1.5}.form-error{color:var(--red);font-size:11px;min-height:15px}dialog footer,.correction-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;background:#f2f3ef}dialog footer button,.correction-actions button,.correction>button{border:1px solid var(--green);border-radius:6px;background:var(--green);color:#fff;padding:10px 14px;font-size:11px;font-weight:800}.secondary{background:transparent!important;color:var(--green)!important}
.correction,.public-profile{padding:26px}.draft-comparison{display:grid;gap:10px;margin:20px 0}.draft-comparison>div{border:1px solid var(--line);border-radius:7px;padding:15px}.draft-comparison small{font-size:9px;color:var(--muted);font-weight:800;letter-spacing:.1em}.draft-comparison p{font:15px/1.5 Georgia,serif}.approved-copy{background:var(--mint);border-color:#8ab0a5!important}.correction-reason,.profile-guidance{font-size:12px;color:var(--muted);line-height:1.6}.correction-actions{padding:15px 0;background:transparent}.text-button{display:block;margin:auto!important;border:0!important;background:transparent!important;color:var(--muted)!important;text-decoration:underline}.public-profile{position:relative}.public-profile>.dialog-close{position:absolute;right:15px;top:12px}.profile-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.profile-summary div{background:#eff2ed;border-radius:6px;padding:12px}.profile-summary small,.profile-summary strong{display:block}.profile-summary small{font-size:9px;color:var(--muted);text-transform:uppercase}.profile-summary strong{font:700 20px Georgia,serif;margin-top:5px}
.reaction-row .concern-action{color:var(--red);background:#f6eeee}.reaction-row .concern-action:hover,.reaction-row .concern-action.is-selected{color:#fff;background:var(--red)}.reaction-row button:disabled{cursor:not-allowed;opacity:.52}.review-stamp{margin-top:14px;border:1px solid var(--red);background:#f7e9e7;color:var(--red);padding:9px 11px;text-align:center;font-size:9px;font-weight:900;letter-spacing:.15em}.concern-body{padding:3px 24px 8px}.concern-intro,.concern-assurance{font-size:12px;line-height:1.55;color:var(--muted)}.concern-body fieldset{border:1px solid var(--line);border-radius:7px;padding:8px 15px 13px;margin:17px 0}.concern-body legend{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--green);padding:0 6px}.concern-body fieldset label{display:block;padding:8px 0;font-size:12px;line-height:1.35}.concern-body fieldset input{margin-right:7px}.detail-label{display:block;font-size:11px;font-weight:800}.detail-label span{font-weight:400;color:var(--muted)}#concern-detail{display:block;width:100%;min-height:76px;resize:vertical;margin-top:6px;border:1px solid var(--line);border-radius:6px;padding:10px}.concern-assurance{color:var(--red)}.concern-result{padding:28px;font:700 20px/1.45 Georgia,serif;color:var(--green);background:var(--mint)}.score-toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#183e38;color:#fff;border:1px solid #73988e;border-radius:7px;padding:11px 16px;box-shadow:0 15px 50px rgba(0,0,0,.25);font-size:11px;font-weight:800;transition:opacity .2s,transform .2s}.score-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1120px){.unity-shell{grid-template-columns:230px minmax(430px,680px)}.context-column{display:none}.site-header{grid-template-columns:210px 1fr auto}}
@media(max-width:780px){.site-header{position:relative;grid-template-columns:1fr auto;gap:10px;padding:10px 15px}.search{grid-row:2;grid-column:1/-1}.site-header nav .nav-button[href]{display:none}.unity-shell{width:min(680px,calc(100% - 22px));grid-template-columns:1fr;margin-top:14px}.profile-column{position:static}.profile-card{display:none}.comparison-card{order:2}.welcome{padding:20px}.continuity{display:none}.post{padding:16px}.post-standing{display:none}.prompt-strip{margin-right:-11px}.reaction-row{overflow:auto}.reaction-row button{min-width:100px}.profile-summary{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(prefers-contrast:more){:root{--line:#77807c}.post,.panel,.welcome,.composer{box-shadow:none}}