@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:color-mix(in srgb,var(--pal-ink) 78%,#000);--muted:#7c8580;--line:color-mix(in srgb,var(--pal-ink) 10%,#fff);--paper:color-mix(in srgb,var(--pal-ink) 3%,#fff);--gold:#f5b51b;--green:color-mix(in srgb,var(--pal-ink) 86%,#fff);--mint:color-mix(in srgb,var(--pal-ink) 8%,#fff)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Manrope,system-ui,sans-serif}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f5b51b;outline-offset:3px}button:disabled{opacity:.55;cursor:default}svg.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.shell{max-width:1280px;display:grid;grid-template-columns:244px minmax(0,630px) 310px;margin:auto;min-height:100vh}.sidebar{padding:32px 24px;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-weight:800;line-height:1.2;font-size:19px;letter-spacing:-.7px}.mark{width:40px;height:40px;background:var(--gold);border-radius:13px;display:grid;place-items:center;font-size:24px;font-weight:800}.brand small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:700;margin-top:4px;color:var(--muted)}nav{margin-top:37px;display:grid;gap:8px}nav button{display:flex;align-items:center;gap:14px;padding:14px;border-radius:13px;text-align:left;font-weight:700;font-size:14px}nav button.active{background:#f1ead3;color:#6f5310}nav button:hover{background:color-mix(in srgb,var(--pal-ink) 8%,#fff)}.badge{margin-left:auto;background:var(--gold);border-radius:20px;padding:2px 7px;font-size:10px}.primary{background:var(--gold);font-weight:800;padding:13px 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary.wide{width:100%;margin-top:20px}.secondary{border:1px solid var(--line);background:white;padding:11px 15px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.account{margin-top:auto;display:flex;gap:10px;align-items:center;padding-top:20px}.avatar{width:42px;height:42px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--pal-ink) 14%,#fff);color:color-mix(in srgb,var(--pal-ink) 81%,#fff)}.avatar.pink{background:#f1ddd8;color:#956252}.avatar.gold{background:#f7e8bb;color:#8b690c}.avatar.dark{background:var(--green);color:white}.avatar.lg{width:82px;height:82px;font-size:26px;border:5px solid white}strong{font-weight:800}.small{font-size:11px;color:var(--muted)}.main{background:#fff;min-width:0;border-right:1px solid var(--line)}.top{height:85px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.top h1{font-size:21px;letter-spacing:-.7px;margin:0 0 3px}.top p{margin:0;font-size:11px;color:var(--muted)}.round{border:1px solid var(--line);border-radius:50%;padding:9px;display:grid;place-items:center}.heading{padding:26px 28px 12px}.heading h2{font-size:23px;letter-spacing:-.8px;margin:0 0 8px}.heading p{color:var(--muted);line-height:1.7;margin:0}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 28px}.tabs button{padding:18px 0;font-weight:700;font-size:12px;color:var(--muted);position:relative}.tabs button.selected{color:var(--ink)}.tabs button.selected:after{content:'';position:absolute;height:3px;background:var(--gold);bottom:0;left:0;right:0;border-radius:3px}.callout{margin:22px 28px;background:#f6f3e6;border-radius:16px;padding:19px;display:flex;gap:14px;align-items:center}.callout .spark{background:#f6df91;border-radius:12px;padding:10px}.callout p{font-size:12px;color:#7b765b;margin:5px 0 0;line-height:1.6}.callout button{margin-left:auto}.compose-mini{display:flex;gap:12px;margin:20px 28px;padding:0 0 21px;border-bottom:1px solid var(--line)}.compose-mini button{color:#92998f;text-align:left;flex:1;background:var(--paper);border-radius:13px;padding:14px}.post{padding:24px 28px;border-bottom:1px solid var(--line)}.byline{display:flex;align-items:center;gap:10px}.byline .who{flex:1}.who strong{font-size:13px}.who p{margin:3px 0 0;font-size:11px;color:var(--muted)}.verified{color:var(--green);font-size:13px}.label{font-size:10px;font-weight:800;border-radius:6px;padding:5px 8px;background:var(--mint);color:var(--green);display:inline-block}.label.amber{background:#fff2d2;color:#926a11}.label.gray{background:#f0f1ef;color:#68736a}.post p.copy{font-size:14px;line-height:1.8;margin:15px 0}.tags{font-size:12px;color:var(--green);font-weight:700}.photo{display:block;width:100%;height:252px;object-fit:cover;border-radius:14px;margin:15px 0}.project-mini{background:color-mix(in srgb,var(--pal-ink) 3%,#fff);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:15px}.project-mini .row{font-size:11px}.progress{height:5px;border-radius:10px;background:color-mix(in srgb,var(--pal-ink) 11%,#fff);margin:12px 0 8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold);border-radius:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.actions{display:flex;gap:24px;margin-top:17px;color:#778079}.actions button{display:flex;align-items:center;gap:7px;font-size:11px;padding:3px 0}.actions svg{width:18px;height:18px}.actions .voted{color:var(--green);font-weight:800}.actions button:last-child{margin-left:auto}.right{padding:28px 22px}.search{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--pal-ink) 9%,#fff);border-radius:12px;padding:13px;color:#7b8378}.search input{border:0;outline:none;background:none;width:100%;font-size:12px}.panel{padding:21px 18px;background:white;border:1px solid var(--line);border-radius:16px;margin-top:22px}.panel h3{margin:0 0 17px;font-size:14px}.topic{padding:11px 0;border-bottom:1px solid var(--line);display:block}.topic:last-child{border:0}.topic strong{display:block;font-size:12px}.topic small{font-size:10px;color:var(--muted)}.panel .big{font-size:27px;font-weight:800;letter-spacing:-1px}.panel p{font-size:11px;color:var(--muted);line-height:1.7}.dark-panel{background:var(--green);color:white;border:0}.dark-panel p{color:color-mix(in srgb,var(--pal-ink) 20%,#fff)}.dark-panel .label{background:color-mix(in srgb,var(--pal-ink) 76%,#fff);color:color-mix(in srgb,var(--pal-ink) 9%,#fff)}.demo{margin-top:20px;padding:15px 0;border-top:1px solid var(--line);font-size:10px;color:#8a9085;line-height:1.7}.screen-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.screen-switch button{border:1px solid var(--line);border-radius:7px;padding:7px 5px;font-size:10px;text-align:left;background:white}.screen-switch button.on{border-color:#ccad47;background:#fff4d4;color:#6b551b}.bottom{display:none}.content{padding:25px 28px}.content h2{font-size:25px;line-height:1.4;letter-spacing:-.8px}.bodycopy{line-height:1.9;color:#5b665e}.stats{display:flex;gap:25px;margin:22px 0}.stats strong{font-size:21px;display:block}.stats small{font-size:11px;color:var(--muted)}.block{padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:14px;margin:16px 0}.block h3{margin:0 0 10px;font-size:15px}.block p{line-height:1.7;color:#687269;font-size:12px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chips button,.chip{border-radius:20px;background:color-mix(in srgb,var(--pal-ink) 8%,#fff);padding:8px 12px;font-size:11px;font-weight:700}.chips .selected{background:var(--green);color:white}.timeline{margin-top:26px}.event{position:relative;padding:0 0 30px 35px;border-left:2px solid color-mix(in srgb,var(--pal-ink) 13%,#fff);margin-left:9px}.event:last-child{border-left-color:transparent}.event:before{content:'✓';position:absolute;left:-12px;top:0;width:22px;height:22px;background:var(--green);border:3px solid white;border-radius:50%;color:white;text-align:center;font-size:11px}.event.future:before{content:'';background:color-mix(in srgb,var(--pal-ink) 13%,#fff)}.event.current:before{content:'';background:var(--gold)}.event small{font-size:10px;color:var(--muted)}.event h3{font-size:14px;margin:7px 0}.event p{font-size:12px;line-height:1.7;color:#737b70}.event .proof{display:inline-flex;gap:6px;font-size:11px;color:var(--green);font-weight:800;background:var(--mint);padding:8px 10px;border-radius:8px}.field{display:block;margin:20px 0 8px;font-size:12px;font-weight:800}textarea{width:100%;border:0;resize:vertical;min-height:200px;line-height:1.9;font-size:17px;padding:8px 0;outline:0}input.text,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--pal-ink) 3%,#fff)}select{font:inherit}.upload{border:1px dashed color-mix(in srgb,var(--pal-ink) 23%,#fff);border-radius:14px;padding:28px;text-align:center;background:color-mix(in srgb,var(--pal-ink) 3%,#fff);color:#7b8676;display:block;cursor:pointer}.upload p{font-size:12px}.upload input{display:none}.cover{height:140px;background:#e9ead9;position:relative;overflow:hidden}.cover:before,.cover:after{content:'';position:absolute;width:230px;height:230px;border:42px solid #f5b51b;border-radius:50%;right:15px;top:40px}.cover:after{width:120px;height:120px;right:155px;top:-70px;border-color:color-mix(in srgb,var(--pal-ink) 78%,#fff)}.profile-head{padding:0 28px 20px}.profile-head .row{margin-top:-36px;position:relative}.profile-head h2{margin:14px 0 3px;font-size:23px}.profile-head p{font-size:13px;line-height:1.8}.notification{display:flex;gap:13px;padding:23px 28px;border-bottom:1px solid var(--line)}.notification.unread{background:#fcfaf0}.notification p{margin:4px 0;font-size:13px;line-height:1.7}.notification small{color:var(--muted);font-size:10px}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.community{border:1px solid var(--line);border-radius:14px;overflow:hidden}.community .art{height:100px;display:grid;place-items:center;background:color-mix(in srgb,var(--pal-ink) 11%,#fff);font-size:38px}.community .info{padding:16px}.community h3{margin:0 0 8px;font-size:14px}.community p{font-size:11px;color:var(--muted);line-height:1.6;min-height:34px}.community button{width:100%}.comment{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.comment p{font-size:12px;line-height:1.8;margin:7px 0}.comment .avatar{width:34px;height:34px;font-size:11px}.comment small{font-size:10px;color:var(--muted)}.comment-box{display:flex;gap:8px;margin-top:20px}.comment-box input{flex:1;min-width:0}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.notice{font-size:11px;color:#7c8577;line-height:1.7;background:color-mix(in srgb,var(--pal-ink) 4%,#fff);padding:13px;border-radius:10px;margin:20px 0}.receipt{padding:20px;border:1px solid var(--line);border-radius:12px;margin-top:12px}.receipt strong{font-size:13px}.receipt p{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:12px;z-index:50;display:none;max-width:90vw;font-size:12px}.mobile-demo{display:none}.modal{position:fixed;inset:0;background:color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 80%,#000) 44%,transparent);z-index:40;display:grid;place-items:center;padding:24px}.modal-inner{background:white;border-radius:20px;padding:26px;max-width:420px;width:100%}.modal p{line-height:1.8;color:var(--muted)}
@media(min-width:1450px){.shell{margin-top:20px;margin-bottom:20px;min-height:calc(100vh - 40px);border:1px solid var(--line);border-radius:22px;overflow:clip}.sidebar{height:calc(100vh - 40px)}}@media(max-width:1100px){.shell{grid-template-columns:210px minmax(0,650px);max-width:860px}.right{display:none}.sidebar{padding:28px 18px}.main{border:0}.mobile-demo{display:block;padding:8px 28px;background:#faf9f0;border-bottom:1px solid var(--line)}.mobile-demo select{border:0;padding:6px;background:transparent;font-size:10px;color:#7c7454}}@media(max-width:650px){.shell{display:block}.sidebar{display:none}.main{min-height:100vh;padding-bottom:87px}.top{height:70px;padding:0 20px}.top h1{font-size:19px}.top p{font-size:10px}.heading,.content{padding:22px 20px}.tabs{padding:0 20px;gap:24px}.post{padding:22px 20px}.callout{margin:18px 20px;padding:15px}.compose-mini{margin:20px}.photo{height:260px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:9px 8px calc(9px + env(safe-area-inset-bottom));z-index:10;backdrop-filter:blur(14px)}.bottom button{display:grid;gap:4px;justify-items:center;font-size:9px;color:#889082;padding:5px 10px}.bottom button.active{color:var(--green);font-weight:800}.bottom .create{background:var(--gold);border-radius:14px;color:var(--ink);padding:12px}.mobile-demo{padding:5px 20px}.profile-head{padding:0 20px 20px}.notification{padding:21px 20px}.stats{gap:23px}.actions{gap:20px}.label{font-size:9px}.community-grid{gap:10px}.community .info{padding:12px}#toast{bottom:100px}}
/* Motion system: springs on feedback, staggered reveals, subtle depth, reduced-motion support. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1)}html{scroll-behavior:smooth}button,a{transition:background .2s,color .2s,box-shadow .25s,transform .25s var(--spring)}button:active{transform:scale(.96)}.primary:hover{background:#ffc52c;box-shadow:0 7px 20px #bc850d25;transform:translateY(-2px)}.round:hover{transform:translateX(3px);background:#f4efd9}.actions{gap:18px}.actions .opposed,.demo-votes .opposed{color:#b35d44;font-weight:800}.actions .voted svg,.actions .opposed svg{animation:vote-pop .4s var(--spring)}.dissent-note{font-size:10px;color:#8b786d;font-weight:500}.landing-return{display:block;margin-bottom:15px;color:var(--green);font-weight:800}.main>.post,.main>.content,.main>.heading,.notification{animation:page-enter .5s var(--ease-out) both}.main>.post:nth-of-type(2){animation-delay:60ms}.main>.post:nth-of-type(3){animation-delay:120ms}.progress i{animation:progress-enter .8s var(--ease-out)}.block,.community{transition:box-shadow .25s,transform .3s var(--ease-out)}.community:hover{transform:translateY(-4px);box-shadow:0 12px 25px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 96%,#fff) 6%,transparent)}.motion-toggle{position:fixed;bottom:18px;right:20px;z-index:20;background:#fffffff0;border:1px solid color-mix(in srgb,var(--pal-ink) 16%,#fff);border-radius:30px;padding:10px 14px;font-size:10px;box-shadow:0 4px 20px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 80%,#000) 7%,transparent);backdrop-filter:blur(10px)}.landing{background:color-mix(in srgb,var(--pal-ink) 3%,#fff);overflow:hidden}.landing-nav{max-width:1240px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}.landing-nav .brand{font-size:17px;letter-spacing:-.6px}.landing-nav nav{display:flex;gap:28px;margin:0;font-size:12px;font-weight:700}.landing-nav nav a:hover{color:var(--green)}.landing-nav .primary{font-size:12px}.landing-hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:70px 32px 95px;gap:35px;min-height:700px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;display:inline-flex;gap:10px;align-items:center;color:var(--green)}.live-dot{height:7px;width:7px;display:block;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 86%,#fff) 7%,transparent)}.hero-copy h1{font-size:clamp(50px,5.4vw,78px);font-weight:800;line-height:1.075;letter-spacing:-4px;margin:24px 0 30px}.word-highlight{color:var(--green);position:relative;white-space:nowrap}.word-highlight svg{position:absolute;bottom:-15px;left:0;width:100%;height:25px;fill:none;stroke:var(--gold);stroke-width:9;stroke-linecap:round;stroke-dasharray:500;animation:underline-draw 1.5s var(--ease-out) both}.hero-description{font-size:15px;line-height:1.95;max-width:460px;color:#7c8375}.hero-ctas{display:flex;gap:25px;align-items:center;margin-top:30px}.hero-button{padding:17px 23px;border-radius:13px;font-size:13px}.text-button{font-size:11px;display:flex;gap:10px;align-items:center}.text-button svg{width:17px;height:17px}.hero-caption{display:flex;align-items:center;gap:13px;margin-top:35px;font-size:11px;line-height:1.7;color:#7b8172}.avatar-stack{display:flex;padding-left:8px}.avatar-stack .avatar{margin-left:-8px;border:3px solid color-mix(in srgb,var(--pal-ink) 3%,#fff);width:35px;height:35px;font-size:9px}.prototype-tag{font-size:8px;letter-spacing:1.4px;color:#929987;display:block;margin-top:26px}.hero-stage{height:510px;position:relative;--mx:0px;--my:0px}.stage-orbit{position:absolute;inset:25px -10px -10px;background:color-mix(in srgb,var(--pal-ink) 12%,#fff);border-radius:48% 52% 40% 60%;transform:rotate(-12deg);animation:orbit-breathe 14s ease-in-out infinite}.stage-orbit:after{content:'';position:absolute;inset:30px;border:1px dashed color-mix(in srgb,var(--pal-ink) 27%,#fff);border-radius:50%}.stage-caption{position:absolute;top:0;right:20px;letter-spacing:2px;font-size:9px;font-weight:800;color:color-mix(in srgb,var(--pal-ink) 57%,#fff);transform:rotate(5deg)}.hero-phone{position:absolute;top:45px;left:55px;width:340px;background:white;border:7px solid white;box-shadow:0 30px 65px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 91%,#fff) 14%,transparent),0 2px 4px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 76%,#000) 9%,transparent);border-radius:26px;transform:translate(var(--mx),var(--my)) rotate(-5deg);transition:transform .6s var(--ease-out);animation:phone-arrive 1.2s var(--ease-out) both}.phone-bar{padding:13px 14px;display:flex;justify-content:space-between;font-size:12px;font-weight:800;border-bottom:1px solid var(--line)}.phone-bar span:last-child{color:color-mix(in srgb,var(--pal-ink) 31%,#fff);font-size:7px;letter-spacing:3px}.phone-card{padding:18px 14px 10px}.phone-card .avatar{width:32px;height:32px;font-size:10px}.phone-card .who strong{font-size:11px}.phone-card .who p{font-size:8px}.phone-card .ico{width:17px;height:17px}.phone-card>p{font-size:12px;line-height:1.9}.phone-card img{width:100%;height:155px;object-fit:cover;border-radius:12px}.phone-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.phone-meta .label{font-size:8px}.phone-meta small{font-size:7px;color:var(--muted)}.demo-votes{display:flex;justify-content:space-between;margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.demo-votes button{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px;color:#808874;font-size:11px}.demo-votes span{grid-column:1 / 3;font-size:8px;text-align:left}.demo-votes .voted{color:var(--green)}.floating-label{position:absolute;display:flex;align-items:center;gap:8px;border-radius:30px;font-size:10px;background:white;padding:12px 16px;box-shadow:0 8px 30px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 81%,#000) 6%,transparent);z-index:2;animation:float 6s ease-in-out infinite}.floating-label .ico{width:17px;height:17px}.label-one{top:25px;left:-10px;transform:rotate(-5deg)}.label-two{bottom:-6px;right:10px;background:#f5b51b;animation-delay:-3s}.floating-update{display:flex;align-items:center;gap:13px;position:absolute;right:-10px;bottom:57px;z-index:3;max-width:340px;background:var(--green);color:white;padding:19px;border-radius:16px;box-shadow:0 14px 30px color-mix(in srgb,var(--pal-ink) 16%,transparent);transform:rotate(3deg);animation:float 7s ease-in-out -2s infinite}.status-icon{background:#ffffff18;border-radius:50%;padding:9px;display:grid;place-items:center}.floating-update small{display:block;font-size:7px;letter-spacing:1px;color:color-mix(in srgb,var(--pal-ink) 23%,#fff);margin-bottom:7px}.floating-update strong{display:block;font-size:15px;margin-bottom:4px}.floating-update span:not(.status-icon){font-size:9px;color:color-mix(in srgb,var(--pal-ink) 23%,#fff)}.floating-update button{padding:0}.floating-update .ico{width:19px;height:19px}.mission-strip{padding:28px 30px;background:var(--green);color:color-mix(in srgb,var(--pal-ink) 11%,#fff);display:flex;justify-content:center;gap:40px;align-items:center;font-size:14px;font-weight:800;letter-spacing:3px}.strip-dot{color:var(--gold);font-size:26px;animation:slow-spin 25s linear infinite}.landing-section{max-width:1180px;margin:auto;padding:105px 32px;scroll-margin-top:25px}.section-head{max-width:750px;margin-bottom:45px}.section-head h2,.trans-copy h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;line-height:1.2;font-weight:800;margin:19px 0 20px}.landing em{font-style:normal;color:var(--green)}.section-head p{font-size:14px;line-height:1.9;color:#7d8477;max-width:580px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{border:1px solid color-mix(in srgb,var(--pal-ink) 15%,#fff);border-radius:20px;padding:28px;background:#fff;position:relative;transition:transform .5s var(--ease-out),box-shadow .5s}.audience-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 96%,#fff) 6%,transparent)}.audience-icon{padding:13px;background:color-mix(in srgb,var(--pal-ink) 9%,#fff);color:var(--green);border-radius:14px;display:inline-flex}.card-index{position:absolute;right:28px;top:34px;font-size:10px;color:#a1ab95}.audience-card h3{font-size:26px;letter-spacing:-1px;line-height:1.2;margin:23px 0 17px}.audience-card p{font-size:12px;line-height:1.9;color:#7d8575;min-height:70px}.audience-card button{font-size:10px;font-weight:800;display:flex;gap:8px;align-items:center;padding:16px 0 0;color:var(--green)}.audience-card button .ico{width:17px;height:17px}.how-section{background:color-mix(in srgb,var(--pal-ink) 8%,#fff)}.how-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.how-steps{display:grid;gap:10px}.how-step{display:flex;align-items:flex-start;text-align:left;gap:20px;padding:21px;border:1px solid transparent;border-radius:15px;width:100%}.how-step .step-number{font-size:11px;color:color-mix(in srgb,var(--pal-ink) 48%,#fff);padding-top:4px}.how-step strong{font-size:15px}.how-step p{font-size:12px;line-height:1.8;color:#7c8771;margin:8px 0 0}.how-step>.ico{width:16px;height:16px;margin-left:auto;opacity:.3;flex-shrink:0}.how-step.step-active{background:white;border-color:color-mix(in srgb,var(--pal-ink) 17%,#fff);box-shadow:0 8px 20px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 94%,#fff) 2%,transparent)}.how-step.step-active .step-number{color:#916f10}.how-step.step-active>.ico{opacity:1}.process-demo{padding:32px;background:white;border:1px solid color-mix(in srgb,var(--pal-ink) 17%,#fff);border-radius:24px;box-shadow:0 24px 50px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 94%,#fff) 4%,transparent);min-height:360px;position:sticky;top:60px}.process-demo .eyebrow{font-size:8px}.process-symbol{height:80px;width:80px;background:#ffefb7;border-radius:23px;font-size:29px;font-weight:800;display:grid;place-items:center;color:#71550c;margin:30px 0 22px;transform:rotate(-6deg)}.process-demo h3{font-size:24px;letter-spacing:-.8px;margin-bottom:12px}.process-demo p{font-size:13px;line-height:1.9;color:#7c8670;min-height:65px}.process-line{height:4px;background:color-mix(in srgb,var(--pal-ink) 9%,#fff);border-radius:10px;overflow:hidden;margin:24px 0}.process-line span{display:block;height:100%;background:var(--gold);animation:progress-enter .7s var(--ease-out)}.process-demo .primary{font-size:10px;padding:10px}.process-demo .small{font-size:9px}.principle{display:flex;gap:14px;align-items:center;max-width:790px;margin-top:45px;padding:20px;border:1px solid color-mix(in srgb,var(--pal-ink) 19%,#fff);border-radius:12px;font-size:11px;color:#758169;line-height:1.9}.principle strong{color:var(--ink)}.transparency{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.trans-copy p{font-size:13px;line-height:1.9;color:#7d8573;max-width:390px}.trans-copy .primary{font-size:11px;margin-top:17px}.landing-timeline{padding:30px 30px 0;background:white;border:1px solid color-mix(in srgb,var(--pal-ink) 14%,#fff);border-radius:24px;transform:rotate(2deg);box-shadow:0 15px 45px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 96%,#fff) 4%,transparent)}.landing-timeline>h3{font-size:25px;letter-spacing:-1px;margin-bottom:25px}.landing-timeline .label{font-size:8px}.landing-timeline .event{padding-bottom:20px}.landing-timeline .event p{font-size:11px}.landing-timeline .event h3{font-size:13px}.invitation{max-width:1116px;margin:0 auto;background:var(--green);border-radius:28px;position:relative;text-align:center;padding:65px 20px;overflow:hidden;color:white}.invitation>*:not(.invitation-ring){position:relative;z-index:2}.invitation .eyebrow{color:color-mix(in srgb,var(--pal-ink) 25%,#fff);font-size:9px}.invitation h2{font-size:clamp(40px,5vw,65px);letter-spacing:-3px;line-height:1.12;margin:20px 0}.invitation em{color:var(--gold)}.invitation p{font-size:12px;color:color-mix(in srgb,var(--pal-ink) 22%,#fff);margin-bottom:27px}.invitation-ring{width:400px;height:400px;border:50px solid #ffffff06;border-radius:50%;position:absolute;right:-100px;bottom:-160px;animation:orbit-breathe 15s ease-in-out infinite}.faq{max-width:850px;padding-top:80px;padding-bottom:80px}.faq>.eyebrow{margin-bottom:25px}.faq details{border-bottom:1px solid color-mix(in srgb,var(--pal-ink) 16%,#fff);padding:22px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:13px;font-weight:800;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:18px;color:var(--green);transition:transform .25s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;line-height:1.9;color:#7b8570;max-width:680px;animation:page-enter .3s var(--ease-out)}.landing-footer{max-width:1180px;border-top:1px solid color-mix(in srgb,var(--pal-ink) 15%,#fff);margin:auto;padding:30px 32px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-footer .brand{font-size:15px}.landing-footer p{font-size:10px;color:#7f8877;line-height:1.8}.landing-footer small{font-size:8px}.landing-footer>a:last-child{font-size:10px;color:var(--green)}.reveal{animation:reveal-in .85s var(--ease-out) both;animation-delay:var(--delay,0ms)}.reveal.visible{animation:reveal-in .85s var(--ease-out) both;animation-delay:var(--delay,0ms)}@keyframes page-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-in{from{opacity:0;transform:translateY(25px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes progress-enter{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes vote-pop{0%{transform:scale(.8)}50%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes underline-draw{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes orbit-breathe{0%,100%{scale:1;rotate:-5deg}50%{scale:1.03;rotate:5deg}}@keyframes slow-spin{to{rotate:360deg}}@keyframes phone-arrive{from{opacity:0;translate:20px 45px;rotate:7deg}to{opacity:1;translate:0 0;rotate:0deg}}::view-transition-old(root){animation:page-enter .18s reverse both}::view-transition-new(root){animation:page-enter .3s var(--ease-out) both}
@media(max-width:1100px){.landing-hero{gap:0}.hero-phone{left:20px;width:310px}.floating-update{right:0;max-width:300px;padding:15px}.landing-nav nav{gap:15px}.hero-copy h1{letter-spacing:-3px}.transparency{gap:50px}.mission-strip{gap:23px;font-size:11px}.how-layout{gap:30px}.label-one{left:0}.label-two{right:0}}@media(max-width:760px){.landing-nav{padding:21px 20px}.landing-nav nav{display:none}.landing-nav .primary{font-size:10px;padding:11px}.landing-nav .primary .ico{width:16px}.landing-nav .brand{font-size:14px}.landing-nav .mark{height:34px;width:34px;font-size:20px}.landing-hero{display:block;padding:40px 22px 55px;min-height:0}.hero-copy h1{font-size:58px;letter-spacing:-3.5px;margin:21px 0 32px}.hero-description{font-size:13px}.hero-ctas{gap:17px}.hero-button{font-size:11px;padding:15px 17px}.hero-caption{margin-top:24px}.prototype-tag{margin-top:18px}.hero-stage{height:490px;max-width:430px;margin:42px auto 0}.hero-phone{left:30px;top:45px;width:310px}.floating-update{bottom:45px;right:0;max-width:300px}.stage-orbit{inset:20px 0}.stage-caption{font-size:8px;right:15px}.floating-label{font-size:9px;padding:10px 13px}.label-one{top:16px;left:0}.label-two{bottom:0;right:15px}.mission-strip{gap:15px;padding:22px 13px;font-size:8px;letter-spacing:1px;flex-wrap:wrap}.strip-dot{font-size:17px}.landing-section{padding:65px 22px}.section-head h2,.trans-copy h2{font-size:36px;letter-spacing:-1.8px}.section-head p{font-size:12px}.audience-grid{grid-template-columns:1fr;gap:12px}.audience-card{padding:24px}.audience-card h3{font-size:23px;display:inline-block;margin:0 0 10px 20px;vertical-align:middle}.audience-card h3 br{display:none}.audience-card p{min-height:0;margin-bottom:7px}.audience-icon{padding:11px}.card-index{top:29px;right:20px;font-size:9px}.audience-card button{padding-top:10px}.how-layout{grid-template-columns:1fr;gap:25px}.how-step{padding:17px 12px;gap:13px}.how-step strong{font-size:13px}.how-step p{font-size:11px}.process-demo{position:relative;top:0;min-height:0;padding:25px}.process-symbol{margin:23px 0 16px;height:65px;width:65px}.process-demo h3{font-size:22px}.process-demo p{font-size:12px;min-height:0}.principle{font-size:10px;margin-top:25px;padding:15px;align-items:flex-start}.transparency{grid-template-columns:1fr;gap:30px}.trans-copy h2 br:last-of-type{display:none}.landing-timeline{padding:25px 23px 0;transform:rotate(1deg)}.invitation{border-radius:20px;margin:0 18px;padding:48px 18px}.invitation h2{font-size:46px;letter-spacing:-2.5px}.invitation .eyebrow{font-size:7px;letter-spacing:1.5px}.faq summary{font-size:12px}.landing-footer{padding:25px 22px 70px;gap:20px;flex-wrap:wrap}.landing-footer p{font-size:9px}.landing-footer>a:last-child{font-size:9px}.motion-toggle{bottom:12px;right:12px;padding:8px 11px;font-size:9px}.shell~.motion-toggle{bottom:95px}.actions{gap:15px}.actions button{font-size:10px}.actions .ico{width:16px}.project-mini .row strong{font-size:11px}.dissent-note{font-size:9px}.hero-phone .phone-card img{height:140px}.phone-card{padding-top:15px}}@media(max-width:360px){.hero-copy h1{font-size:49px}.hero-phone{left:12px;width:285px}.hero-stage{height:470px}.floating-update{max-width:285px}.hero-ctas{gap:8px}.hero-button{font-size:10px}.landing-nav .primary{font-size:9px}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;transform:none!important;filter:none!important}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;transform:none!important;filter:none!important}
/* Shared theme for the presentation and the app. */
.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}.theme-selector{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--paper);border-radius:30px;padding:5px 8px;flex-shrink:0}.theme-icon{font-size:17px;color:var(--green);line-height:1}.theme-selector select{width:auto;max-width:105px;border:0;padding:4px 2px;background:transparent;color:var(--ink);font-size:10px;font-weight:700;border-radius:5px;cursor:pointer}.theme-selector select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.top .theme-selector{margin-left:10px}.top>div:first-child{margin-right:auto}.top h1{line-height:1.2}.landing-nav{gap:20px}.landing-nav nav{margin-left:auto}.landing-nav .theme-selector{order:2}.landing-nav>.primary{order:3}
:root[data-theme=dark]{--ink:#edf2e9;--muted:#a8b4a7;--line:#344138;--paper:#111a16;--green:#8dd7a4;--mint:#213b2c;--gold:#f5b51b}html[data-theme=dark] body{background:#111a16;color:var(--ink)}[data-theme=dark] .main,[data-theme=dark] .panel,[data-theme=dark] .secondary,[data-theme=dark] .modal-inner,[data-theme=dark] .screen-switch button,[data-theme=dark] .process-demo,[data-theme=dark] .audience-card,[data-theme=dark] .landing-timeline{background:#19251e;color:var(--ink)}[data-theme=dark] .top{background:#19251ef2}[data-theme=dark] .bottom{background:#19251ef5}[data-theme=dark] .primary,[data-theme=dark] .mark,[data-theme=dark] .bottom .create,[data-theme=dark] .badge{color:#19251e}[data-theme=dark] .secondary:hover,[data-theme=dark] nav button:hover,[data-theme=dark] .round:hover{background:#293b2e}[data-theme=dark] nav button.active{background:#3b3420;color:#ffe09a}[data-theme=dark] .search,[data-theme=dark] input.text,[data-theme=dark] select,[data-theme=dark] .chips button,[data-theme=dark] .chip{background:#223127;color:var(--ink)}[data-theme=dark] input,[data-theme=dark] textarea{color:var(--ink)}[data-theme=dark] textarea{background:transparent}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#a8b4a7}[data-theme=dark] .theme-selector select{background:transparent}[data-theme=dark] .label{background:#263f30;color:#a4e4b4}[data-theme=dark] .label.amber{background:#42371d;color:#f5d580}[data-theme=dark] .label.gray{background:#29362e;color:#b5c0b0}[data-theme=dark] .callout{background:#343121}[data-theme=dark] .callout p{color:#c0baa0}[data-theme=dark] .callout .spark{background:#584621;color:#ffe091}[data-theme=dark] .project-mini,[data-theme=dark] .block,[data-theme=dark] .upload,[data-theme=dark] .notice,[data-theme=dark] .notification.unread,[data-theme=dark] .mobile-demo{background:#1d2c22}[data-theme=dark] .progress{background:#354436}[data-theme=dark] .project-mini .small,[data-theme=dark] .bodycopy,[data-theme=dark] .block p,[data-theme=dark] .event p,[data-theme=dark] .notice,[data-theme=dark] .actions,[data-theme=dark] .community p,[data-theme=dark] .compose-mini button,[data-theme=dark] .notification small{color:#b0bcaa}[data-theme=dark] .actions .voted,[data-theme=dark] .demo-votes .voted{color:#8fe4ad}[data-theme=dark] .actions .opposed,[data-theme=dark] .demo-votes .opposed{color:#f0a88b}[data-theme=dark] .dissent-note{color:#cab3a6}[data-theme=dark] .event:before{border-color:#19251e;background:#40885c}[data-theme=dark] .event.current:before{background:var(--gold)}[data-theme=dark] .event.future:before{background:#3b493e}[data-theme=dark] .event{border-color:#38543e}[data-theme=dark] .event:last-child{border-left-color:transparent}[data-theme=dark] .dark-panel{background:#245442;color:white}[data-theme=dark] .dark-panel p{color:#c9ddcf}[data-theme=dark] .dark-panel .label{background:#3b7964;color:#e4f2e7}[data-theme=dark] .screen-switch button.on{background:#473b1b;border-color:#a58b45;color:#ffe19a}[data-theme=dark] .cover{background:#243b2e}[data-theme=dark] .avatar.lg{border-color:#19251e}[data-theme=dark] .chips .selected{background:#8dd7a4;color:#15251a}[data-theme=dark] .motion-toggle{background:#1a281ff2;border-color:#3c4e3e;color:#d4e0cd}[data-theme=dark] #toast{background:#eaf2e6;color:#14201a}[data-theme=dark] .landing{background:#111a16}[data-theme=dark] .hero-description,[data-theme=dark] .hero-caption,[data-theme=dark] .prototype-tag,[data-theme=dark] .section-head p,[data-theme=dark] .audience-card p,[data-theme=dark] .how-step p,[data-theme=dark] .process-demo p,[data-theme=dark] .trans-copy p,[data-theme=dark] .faq details p,[data-theme=dark] .landing-footer p,[data-theme=dark] .principle{color:#afbea6}[data-theme=dark] .avatar-stack .avatar{border-color:#111a16}[data-theme=dark] .stage-orbit{background:#253a2c}[data-theme=dark] .stage-orbit:after{border-color:#486346}[data-theme=dark] .stage-caption{color:#aec49c}[data-theme=dark] .hero-phone{background:#19251e;border-color:#27392b}[data-theme=dark] .floating-label{background:#283b2c;color:#d8e7d0}[data-theme=dark] .label-two{background:var(--gold);color:#182422}[data-theme=dark] .floating-update,[data-theme=dark] .mission-strip,[data-theme=dark] .invitation{background:#245442}[data-theme=dark] .invitation{color:white}[data-theme=dark] .invitation em{color:var(--gold)}[data-theme=dark] .how-section{background:#18271e}[data-theme=dark] .how-step.step-active{background:#23362a;border-color:#3d5341}[data-theme=dark] .how-step .step-number{color:#bcccae}[data-theme=dark] .how-step.step-active .step-number{color:#f1cc75}[data-theme=dark] .audience-icon{background:#2b4130;color:#9ddeac}[data-theme=dark] .audience-card,[data-theme=dark] .process-demo,[data-theme=dark] .landing-timeline,[data-theme=dark] .principle,[data-theme=dark] .faq details,[data-theme=dark] .landing-footer{border-color:#344b38}[data-theme=dark] .process-symbol{background:#554721;color:#ffe190}[data-theme=dark] .process-line{background:#324b36}[data-theme=dark] .community .art{background:#2c402b!important}[data-theme=dark] .hero-phone .who p,[data-theme=dark] .demo-votes{color:#b7c5ae}
@media(max-width:760px){.landing-nav{gap:10px;flex-wrap:wrap}.landing-nav .theme-selector{margin-left:auto}.landing-nav>.primary{padding:9px;font-size:9px}.landing-nav .primary .ico{display:none}.theme-selector select{font-size:9px;max-width:82px}.theme-selector{padding:5px}.top{gap:7px}.top .theme-selector{margin-left:0}.top h1{font-size:17px}.top p{font-size:9px;max-width:200px}.top .round{padding:7px}.top .round svg{width:18px;height:18px}}@media(max-width:390px){.landing-nav>.primary{flex:1 0 100%;order:4}.landing-nav .theme-selector{order:3}.top p{max-width:150px}}
/* Official artwork: select the supplied variation directly, without recoloring. */
.official-brand{position:relative;display:block;width:180px;height:120px;flex-shrink:0}.official-brand img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.official-brand .logo-dark{display:none}[data-theme=dark] .official-brand .logo-light{display:none}[data-theme=dark] .official-brand .logo-dark{display:block}.landing-nav .official-brand{width:150px;height:100px}.landing-nav{padding-top:8px;padding-bottom:8px}.sidebar{padding-top:18px}.sidebar nav{margin-top:18px}.landing-footer .official-brand{width:145px;height:97px}.official-brand:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}@media(max-width:1100px){.sidebar .official-brand{width:170px;height:113px}}@media(max-width:760px){.landing-nav .official-brand{width:108px;height:72px}.landing-nav{padding-top:8px;padding-bottom:8px}.landing-footer .official-brand{width:126px;height:84px}}@media(max-width:390px){.landing-nav .official-brand{width:116px;height:77px}.landing-nav>.primary{flex:0 1 auto;order:3}.landing-nav .theme-selector{order:4;margin-left:auto}}
.app-brand-icon{display:none}.app-brand-icon .logo-dark{display:none}[data-theme=dark] .app-brand-icon .logo-light{display:none}[data-theme=dark] .app-brand-icon .logo-dark{display:block}@media(max-width:650px){.app-brand-icon{display:inline-flex;flex-shrink:0;width:29px;height:29px;overflow:hidden;border-radius:8px}.app-brand-icon img{width:29px;height:29px}.top>div:first-child{gap:7px!important}.top h1{font-size:15px}.top p{font-size:8px}.top .round{padding:5px}.top{padding-left:14px;padding-right:14px}}
/* Compact horizontal lockup, preserving the official symbol and wordmark. */
.official-brand,.landing-nav .official-brand,.landing-footer .official-brand,.sidebar .official-brand{display:flex;align-items:center;gap:9px;width:185px;height:40px}.official-symbol,.official-wordmark{position:relative;display:block;height:100%;flex-shrink:0;overflow:hidden}.official-symbol{width:53px}.official-wordmark{width:123px}.official-brand svg{display:block;width:100%;height:100%;overflow:hidden}.official-brand svg.logo-dark{display:none}[data-theme=dark] .official-brand svg.logo-light{display:none}[data-theme=dark] .official-brand svg.logo-dark{display:block}.sidebar{padding-top:32px}.sidebar nav{margin-top:37px}.landing-nav{padding-top:25px;padding-bottom:25px}.landing-footer .official-brand{height:37px;width:172px;gap:8px}.landing-footer .official-symbol{width:49px}.landing-footer .official-wordmark{width:115px}@media(max-width:1100px){.sidebar .official-brand{width:168px;height:36px;gap:8px}.sidebar .official-symbol{width:48px}.sidebar .official-wordmark{width:112px}}@media(max-width:760px){.landing-nav{padding-top:20px;padding-bottom:20px}.landing-nav .official-brand{width:158px;height:33px;gap:7px}.landing-nav .official-symbol{width:44px}.landing-nav .official-wordmark{width:107px}.landing-nav{gap:8px}.landing-nav>.primary{flex:1 0 100%;order:4}.landing-nav .theme-selector{order:3;margin-left:auto}.landing-footer .official-brand{width:158px;height:33px;gap:7px}.landing-footer .official-symbol{width:44px}.landing-footer .official-wordmark{width:107px}}
/* Social organization: conversation-first feed with an independent civic visual system. */
.social-shell{max-width:1280px;grid-template-columns:246px minmax(0,634px) 320px;margin:0 auto;min-height:100vh;border:0;border-radius:0;overflow:visible}.social-shell .sidebar{height:100vh;padding:28px 22px 20px;border-right:0}.brand-purpose{font-size:8px;letter-spacing:1.8px;color:var(--muted);display:block;margin-top:12px;margin-left:60px}.social-shell .sidebar nav{margin-top:26px;gap:4px}.social-shell .sidebar nav button{padding:12px 14px;font-size:16px;font-weight:600;border-radius:11px;position:relative;width:fit-content;min-width:184px}.social-shell .sidebar nav button.active{background:#f6efd9;color:#705a19;font-weight:800}.social-shell .sidebar nav button.active:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:3px;background:var(--gold);border-radius:3px}.social-shell .sidebar nav button .badge{font-size:9px;min-width:18px;padding:3px;text-align:center}.social-shell .sidebar nav button .ico{width:24px;height:24px}.sidebar-publish{width:100%;padding:14px 12px;margin-top:24px;font-size:12px;border-radius:13px}.social-shell .account{width:100%;border-radius:13px;padding:13px 7px;margin-top:auto}.social-shell .account>div{text-align:left;flex:1;min-width:0}.social-shell .account strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-shell .account>.ico{width:16px;height:16px}.social-shell .account:hover{background:color-mix(in srgb,var(--pal-ink) 8%,#fff)}.social-shell .main{border-left:1px solid var(--line);border-right:1px solid var(--line)}.social-shell .top{height:74px;padding:0 22px}.top-title{display:flex;align-items:center;gap:12px;margin-right:auto}.social-shell .top h1{font-size:19px}.social-shell .top p{font-size:10px}.mobile-notification{display:none}.feed-tabs{position:sticky;top:74px;z-index:4;background:#fffffff2;backdrop-filter:blur(14px);gap:0;padding:0 22px}.feed-tabs button{flex:1;padding:17px 0;font-size:12px;text-align:center;color:#84917f}.feed-tabs button.selected:after{left:25%;right:25%;height:3px}.inline-composer{display:flex;gap:12px;padding:22px 22px 16px;border-bottom:1px solid var(--line)}.inline-composer .avatar{width:38px;height:38px;font-size:11px}.composer-body{flex:1;min-width:0}.inline-composer textarea{min-height:54px;height:54px;font-size:15px;padding:6px 0;resize:none;margin:0;line-height:1.7;overflow-y:auto;background:transparent}.inline-composer textarea::placeholder{color:#8b9585}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:9px}.composer-toolbar>div{display:flex;align-items:center;gap:13px;color:var(--green)}.composer-toolbar>div button{padding:3px}.composer-toolbar .ico{width:19px;height:19px}.composer-toolbar .small{font-size:9px}.composer-toolbar .primary{font-size:11px;padding:9px 17px;border-radius:10px}.feed-context{padding:10px 22px;display:flex;align-items:center;gap:10px;font-size:9px;color:#7c8a73;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--pal-ink) 4%,#fff)}.feed-context .live-dot{width:5px;height:5px;box-shadow:none}.feed-context button{margin-left:auto;font-size:9px;font-weight:700;color:var(--green);padding:3px}.social-shell .post{padding:20px 22px;border-bottom:1px solid var(--line);transition:background .2s}.social-shell .post:hover{background:color-mix(in srgb,var(--pal-accent) 5%,#fff)}.social-shell .post .byline{gap:11px;align-items:flex-start}.social-shell .post .avatar{width:38px;height:38px;font-size:11px}.social-shell .post .who{padding-top:1px}.social-shell .post .who strong{font-size:12px}.social-shell .post .who p{font-size:10px;margin-top:4px}.social-shell .post .copy{margin:4px 0 12px 49px;line-height:1.85;font-size:13px}.social-shell .post>.tags,.social-shell .post>.label{margin-left:49px}.social-shell .post .photo{margin:14px 0 14px 49px;width:calc(100% - 49px);height:270px;border-radius:13px}.social-shell .post .project-mini{margin-left:49px;padding:12px 14px;background:color-mix(in srgb,var(--pal-ink) 4%,#fff);border-color:color-mix(in srgb,var(--pal-ink) 13%,#fff);border-left:3px solid #eac34e;border-radius:10px}.social-shell .post .project-mini .row strong{font-size:11px}.social-shell .post .project-mini .label{font-size:8px}.social-shell .post .project-mini .label .ico{width:14px;height:14px}.social-shell .post .actions{margin-left:49px;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.vote-pair{display:inline-flex;gap:0;background:color-mix(in srgb,var(--pal-ink) 7%,#fff);border:1px solid color-mix(in srgb,var(--pal-ink) 14%,#fff);border-radius:8px;align-items:center;flex-shrink:0}.actions .vote-pair button{padding:7px 9px;font-size:10px;gap:5px}.vote-pair button:first-child{border-right:1px solid color-mix(in srgb,var(--pal-ink) 15%,#fff)}.actions .vote-pair button:last-child{margin:0}.actions>.vote-pair~button{padding:5px;font-size:10px;gap:5px}.social-shell .actions>button:last-child{margin-left:0}.actions button:hover{color:var(--green);background:color-mix(in srgb,var(--pal-ink) 8%,#fff);border-radius:7px}.vote-pair button.opposed:hover{color:#a6573e;background:#f8ece3}.social-shell .post .notice{margin-left:49px;font-size:10px}.social-discovery{padding:20px 22px}.social-discovery>.search{position:sticky;top:16px;z-index:6;background:color-mix(in srgb,var(--pal-ink) 9%,#fff);border:1px solid color-mix(in srgb,var(--pal-ink) 14%,#fff);padding:10px 12px}.social-discovery .search .ico{width:18px;height:18px}.social-discovery .search input{font-size:11px}.social-discovery .search button{padding:0}.discovery-card{border:1px solid var(--line);border-radius:16px;background:#fff;margin-top:18px;overflow:hidden}.discovery-card h3{margin:0;padding:19px 17px 12px;font-size:15px;letter-spacing:-.35px}.discovery-heading{display:flex;justify-content:space-between;align-items:center;padding-right:16px}.discovery-heading>.ico{width:17px;height:17px;color:#b9911a}.discovery-topic{display:block;width:100%;padding:12px 17px;text-align:left;transition:background .2s}.discovery-topic:hover{background:color-mix(in srgb,var(--pal-ink) 5%,#fff)}.discovery-topic>strong{display:block;font-size:12px;margin:6px 0}.discovery-topic .small{font-size:9px}.discovery-topic .label{font-size:7px;padding:3px 6px}.discovery-link{width:100%;border-top:1px solid var(--line);padding:13px 17px;text-align:left;font-size:10px;display:flex;justify-content:space-between;align-items:center;color:var(--green);font-weight:700}.discovery-link .ico{width:16px;height:16px}.suggestion{display:flex;gap:8px;align-items:center;padding:12px 17px}.suggestion .avatar{width:32px;height:32px;font-size:9px}.suggestion>div{flex:1;min-width:0}.suggestion strong{display:block;font-size:10px}.suggestion .small{display:block;font-size:8px;margin-top:3px}.join-small{background:#f6df93;color:#695211;padding:7px 10px;font-size:9px;font-weight:800;border-radius:8px}.join-small.joined{background:var(--mint);color:var(--green)}.next-step-card{background:color-mix(in srgb,var(--pal-ink) 9%,#fff);border-radius:16px;padding:19px 17px;margin-top:18px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--pal-ink) 15%,#fff)}.next-step-card .label{font-size:7px;letter-spacing:.5px}.next-step-card h3{font-size:25px;letter-spacing:-.8px;line-height:1.15;margin:16px 0 10px}.next-step-card p{font-size:10px;color:#7c8970;line-height:1.8;max-width:210px}.next-step-card button{font-size:10px;font-weight:800;color:var(--green);display:flex;gap:10px;align-items:center;padding:10px 0 0}.next-step-card button .ico{width:16px;height:16px}.rail-footer{padding:18px 6px;font-size:9px;color:var(--muted);line-height:1.9}.rail-footer button{padding:0;font-size:9px}.rail-footer>span{margin:0 7px}.rail-footer p{font-size:8px;line-height:1.8;margin-top:9px}.mobile-publish{display:none}.menu-option{display:flex;align-items:center;gap:13px;width:100%;padding:15px 4px;text-align:left;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.menu-theme{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;border-bottom:1px solid var(--line);font-size:12px}.more-menu .row h2{font-size:22px;margin:5px 0 10px}.more-menu details{margin:20px 0;font-size:11px}.more-menu details summary{cursor:pointer}.more-menu .screen-switch{margin-top:12px}.more-menu .small{line-height:1.8}.social-shell .empty h2{font-size:20px;color:var(--ink)}.social-shell .empty p{font-size:12px;line-height:1.9;margin-bottom:20px}
[data-theme=dark] .social-shell .sidebar nav button.active{background:#37331f;color:#ffe09a}[data-theme=dark] .social-shell .account:hover,[data-theme=dark] .social-shell .post:hover{background:#1c2a21}[data-theme=dark] .feed-tabs{background:#19251ef2}[data-theme=dark] .feed-context{background:#1e2e23;color:#b8c6ac}[data-theme=dark] .social-shell .post .project-mini{background:#203026;border-color:#3d5038;border-left-color:#c3a54b}[data-theme=dark] .vote-pair{background:#223729;border-color:#3b5140}[data-theme=dark] .vote-pair button:first-child{border-color:#3b5140}[data-theme=dark] .actions button:hover{background:#2c4231;color:#a5e1b4}[data-theme=dark] .vote-pair button.opposed:hover{background:#42352b;color:#f0b293}[data-theme=dark] .social-discovery>.search{background:#223127;border-color:#3a4a3c}[data-theme=dark] .discovery-card{background:#19251e}[data-theme=dark] .discovery-topic:hover{background:#26392b}[data-theme=dark] .discovery-heading>.ico{color:#f2cb6a}[data-theme=dark] .join-small{background:#5a4b21;color:#f7da89}[data-theme=dark] .join-small.joined{background:var(--mint);color:var(--green)}[data-theme=dark] .next-step-card{background:#20372a;border-color:#3a513c}[data-theme=dark] .next-step-card p{color:#b8c7ad}
@media(max-width:1100px){.social-shell{grid-template-columns:220px minmax(0,640px);max-width:860px}.social-shell .sidebar{padding:26px 17px 18px}.social-shell .sidebar nav button{min-width:181px;font-size:15px}.social-discovery{display:none}.social-shell .main{border-right:0}.brand-purpose{font-size:7px;margin-left:54px}.sidebar-publish{font-size:11px}}@media(max-width:760px) and (min-width:651px){.social-shell{grid-template-columns:180px minmax(0,1fr)}.social-shell .sidebar .official-brand{width:148px;height:32px;gap:7px}.social-shell .sidebar .official-symbol{width:43px}.social-shell .sidebar .official-wordmark{width:98px}.social-shell .sidebar nav button{font-size:13px;min-width:150px;padding-left:10px;gap:10px}.social-shell .sidebar nav button .ico{width:20px}.sidebar-publish{font-size:10px}.brand-purpose{letter-spacing:1px;font-size:6px;margin-left:50px}}@media(max-width:650px){.social-shell{display:block}.social-shell .sidebar{display:none}.social-shell .main{border-left:0;min-height:100vh;padding-bottom:88px}.social-shell .top{height:64px;padding:0 17px}.social-shell .top h1{font-size:17px}.social-shell .top p{font-size:9px;max-width:215px}.social-shell .top .theme-selector{display:none}.social-shell .top .round{padding:7px}.mobile-notification{display:grid}.social-shell .top-title{gap:10px}.feed-tabs{top:64px;padding:0 17px}.feed-tabs button{font-size:11px;padding:15px 0}.inline-composer{padding:17px 17px 14px;gap:10px}.inline-composer .avatar{width:33px;height:33px;font-size:10px}.inline-composer textarea{font-size:13px;min-height:45px;height:45px}.composer-toolbar>div{gap:12px}.composer-toolbar .small{font-size:8px}.composer-toolbar .primary{font-size:10px;padding:8px 14px}.feed-context{padding:9px 17px;font-size:8px;gap:7px}.feed-context button{font-size:8px}.social-shell .post{padding:17px 17px}.social-shell .post .avatar{width:33px;height:33px;font-size:10px}.social-shell .post .byline{gap:10px}.social-shell .post .copy{margin-left:43px;font-size:12px;line-height:1.9}.social-shell .post>.tags,.social-shell .post>.label{margin-left:43px;font-size:10px}.social-shell .post .photo{margin-left:43px;width:calc(100% - 43px);height:205px}.social-shell .post .project-mini{margin-left:43px;padding:10px}.social-shell .post .project-mini .row strong{font-size:9px}.social-shell .post .project-mini .small{font-size:8px}.social-shell .post .project-mini .dissent-note{font-size:8px}.social-shell .post .project-mini .label{font-size:7px}.social-shell .post .actions{margin-left:43px;gap:5px;flex-wrap:wrap}.actions .vote-pair button{font-size:9px;padding:6px 7px;gap:3px}.actions .ico{width:15px;height:15px}.actions>.vote-pair~button{font-size:9px;padding:4px;gap:3px}.social-shell .post .notice{margin-left:43px;font-size:9px}.mobile-publish{display:grid;position:fixed;right:19px;bottom:87px;width:49px;height:49px;padding:0;border-radius:16px;box-shadow:0 8px 24px #82601030;z-index:11}.mobile-publish .ico{width:24px;height:24px}.bottom button{font-size:8px;padding:6px 9px}.bottom button .ico{width:21px;height:21px}.more-menu{max-height:85vh;overflow-y:auto}}@media(max-width:370px){.social-shell .post .actions{gap:3px}.actions>.vote-pair~button{padding:2px;font-size:8px}.actions .vote-pair button{font-size:8px;padding:5px}.social-shell .post .photo{height:185px}.social-shell .post .project-mini .row{gap:5px;flex-wrap:wrap}.composer-toolbar .small{display:none}}
/* Account entry and location-aware publishing. */
.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--paper)}.auth-story{padding:45px 60px;background:color-mix(in srgb,var(--pal-ink) 9%,#fff);display:flex;flex-direction:column;justify-content:space-between;gap:40px}.auth-story>div{max-width:480px}.auth-story h1{font-size:clamp(40px,4vw,60px);line-height:1.14;letter-spacing:-2.5px;margin:25px 0}.auth-story em{font-style:normal;color:color-mix(in srgb,var(--pal-ink) 86%,#fff)}.auth-story p{font-size:14px;line-height:1.9;color:color-mix(in srgb,var(--pal-ink) 65%,#fff);max-width:420px}.auth-points{display:grid;gap:18px;margin-top:36px;font-size:12px;font-weight:700}.auth-points span{display:flex;align-items:center;gap:12px}.auth-points .ico{color:color-mix(in srgb,var(--pal-ink) 73%,#fff);width:20px}.auth-main{padding:30px 40px;background:#fff;display:flex;flex-direction:column}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.auth-top .text-button{font-size:10px;color:var(--muted)}.auth-form-wrap{width:100%;max-width:370px;margin:55px auto}.auth-form-wrap h1{font-size:30px;letter-spacing:-1px;margin:20px 0 12px}.auth-sub{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:25px}.auth-form-wrap .field{margin-top:19px;font-size:11px}.auth-form-wrap input.text{padding:14px;font-size:12px}.password-field{position:relative}.password-field input{padding-right:70px!important}.password-field button{position:absolute;right:10px;top:13px;color:var(--green);font-size:9px;padding:3px}.auth-consent{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:var(--muted);line-height:1.7;margin-top:21px}.auth-consent input{accent-color:color-mix(in srgb,var(--pal-ink) 86%,#fff);margin-top:3px}.form-error{color:#b45036;font-size:11px;line-height:1.7;margin-top:15px}.form-error:empty{margin:0}.auth-switch{font-size:11px;text-align:center;margin:24px 0 20px;color:var(--muted)}.auth-switch button{font-size:11px;font-weight:800;color:var(--green)}.explore-guest{margin:0 auto;font-size:11px}.auth-note{display:flex;gap:10px;font-size:9px;color:var(--muted);line-height:1.9;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.auth-note .ico{width:18px}.auth-main .primary{font-size:12px}.guest-profile{padding-top:50px!important}.guest-profile h2{font-size:27px;line-height:1.35}.landing-login{order:2;font-size:11px;font-weight:700}.place-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--pal-ink) 16%,#fff);border-radius:8px;background:color-mix(in srgb,var(--pal-ink) 7%,#fff);color:color-mix(in srgb,var(--pal-ink) 81%,#fff);font-size:10px;font-weight:700;max-width:100%;text-align:left}.place-chip .ico{width:14px;height:14px;flex-shrink:0}.social-shell .post>.place-chip{margin:9px 0 9px 49px;max-width:calc(100% - 49px)}.draft-location{border:1px solid var(--line);border-radius:14px;padding:17px;margin:22px 0}.draft-location .field{margin:0;font-size:12px}.draft-location p{margin:6px 0 14px;font-size:11px;color:var(--muted)}.draft-location>.small{display:block;font-size:9px;margin-top:12px;line-height:1.8}.draft-location .secondary{font-size:10px;padding:10px}.draft-location .secondary .ico{width:16px}.remove-place{padding:4px 8px;color:var(--muted);font-size:17px;vertical-align:middle}.draft-location #selectedPlace{margin-top:12px}#quickPlace:not(:empty){margin-top:12px}.place-picker{max-width:510px;max-height:91vh;overflow-y:auto;padding:23px}.place-picker h2{font-size:20px;letter-spacing:-.5px;margin:0}.place-picker .row p{font-size:10px;margin:6px 0 15px}.place-picker .search{padding:11px}.place-picker .field{font-size:11px}.place-picker .text-button{font-size:10px;color:var(--green);padding:9px 0}.place-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;text-align:left;border-bottom:1px solid var(--line)}.place-option span{flex:1}.place-option strong{display:block;font-size:11px}.place-option small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.place-option>.ico{width:15px;color:var(--green)}#placeSuggestions{max-height:155px;overflow-y:auto}.picker-instruction{font-size:9px;color:var(--muted);margin:12px 0 8px}.picker-map{height:190px;border-radius:12px;overflow:hidden;isolation:isolate;background:color-mix(in srgb,var(--pal-ink) 11%,#fff)}.picker-marker span{display:grid;place-items:center;background:var(--gold);border:3px solid #fff;border-radius:50%;width:28px;height:28px;color:#715417;font-size:12px;box-shadow:0 4px 10px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 89%,#000) 13%,transparent)}
/* Map-first discovery of posts, not live positions of participants. */
.map-shell{grid-template-columns:246px minmax(0,1fr)}.map-shell .main{border-right:1px solid var(--line)}.map-view{position:relative;height:calc(100dvh - 74px);min-height:550px;isolation:isolate;overflow:hidden;background:color-mix(in srgb,var(--pal-ink) 11%,#fff)}.community-map{position:absolute;inset:0;background:color-mix(in srgb,var(--pal-ink) 11%,#fff)}.map-toolbar{position:absolute;top:20px;left:20px;right:80px;z-index:600;max-width:500px;pointer-events:none}.map-toolbar>*{pointer-events:auto}.map-toolbar .search{border:1px solid color-mix(in srgb,var(--pal-ink) 17%,#fff);background:#fffffff5;box-shadow:0 7px 25px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 89%,#000) 8%,transparent);padding:13px 15px}.map-toolbar .search input{font-size:11px}.map-toolbar .search>.ico{width:18px}.map-toolbar .search button{padding:0}.map-toolbar .search button>.ico{width:17px}.map-filters{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.map-filters button{background:#ffffffed;padding:10px 14px;border-radius:10px;font-size:10px;font-weight:700;box-shadow:0 4px 15px color-mix(in srgb,var(--pal-ink) 7%,transparent);border:1px solid color-mix(in srgb,var(--pal-ink) 15%,#fff)}.map-filters button.selected{background:#f5b51b;color:#302b1a;border-color:#e6a71b}.map-filters .locate-map{padding:8px 10px}.map-filters .locate-map .ico{width:17px;height:17px}.map-area-control{position:absolute;top:133px;left:20px;z-index:600;background:#fffffff0;border:1px solid color-mix(in srgb,var(--pal-ink) 16%,#fff);border-radius:10px;padding:9px 12px;display:flex;gap:15px;align-items:center;box-shadow:0 4px 18px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 77%,#000) 6%,transparent)}.map-area-control span{font-size:9px;color:color-mix(in srgb,var(--pal-ink) 63%,#fff)}.map-area-control button{font-size:9px;font-weight:800;color:color-mix(in srgb,var(--pal-ink) 86%,#fff);padding:0}.map-bottom{position:absolute;left:20px;right:20px;bottom:15px;z-index:600;pointer-events:none}.map-bottom>*{pointer-events:auto}.map-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.map-caption>span{font-size:8px;font-weight:800;letter-spacing:1.6px;color:color-mix(in srgb,var(--pal-ink) 76%,#fff);background:#ffffffeb;padding:9px 12px;border-radius:8px}.map-caption>button{display:flex;gap:7px;align-items:center;padding:9px 12px;background:var(--gold);color:#2c2d1b;border-radius:10px;font-size:10px;font-weight:800;box-shadow:0 3px 15px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 89%,#000) 10%,transparent)}.map-caption .ico{width:15px}.map-cards{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin;scroll-snap-type:x mandatory}.map-post-card{display:flex;align-items:center;gap:11px;background:#fff;padding:11px;text-align:left;border-radius:13px;min-width:260px;max-width:260px;border:1px solid color-mix(in srgb,var(--pal-ink) 15%,#fff);box-shadow:0 5px 20px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 90%,#000) 8%,transparent);scroll-snap-align:start}.map-post-card>img,.map-card-avatar{width:57px;height:64px;flex-shrink:0;object-fit:cover;border-radius:8px}.map-card-avatar{background:#ede8c9;display:grid;place-items:center;color:#796320;font-weight:800;font-size:16px}.map-post-card>div{min-width:0}.map-post-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;margin:4px 0}.map-post-card .small{font-size:8px}.map-place-name{display:flex;gap:3px;align-items:center;font-size:8px;color:#7a896e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.map-place-name .ico{width:12px;height:12px}.map-disclaimer{margin:0;font-size:8px;color:color-mix(in srgb,var(--pal-ink) 76%,#fff);padding:6px 9px;background:#ffffffe3;border-radius:7px;width:fit-content;max-width:100%;line-height:1.7}.post-map-marker{background:none;border:0}.marker-tile{width:46px;height:46px;border:3px solid #f5b51b;border-radius:14px;display:block;overflow:hidden;background:#fff;box-shadow:0 4px 16px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 72%,#000) 25%,transparent);position:relative;z-index:2}.marker-tile img{width:100%;height:100%;object-fit:cover}.marker-tile>span{display:grid;place-items:center;width:100%;height:100%;background:color-mix(in srgb,var(--pal-ink) 90%,#fff);color:#fff;font-size:12px;font-weight:800}.marker-pin{display:block;width:12px;height:12px;background:#f5b51b;position:absolute;left:17px;top:38px;transform:rotate(45deg);z-index:1}.post-map-marker:hover{filter:brightness(1.05)}.post-popup{font-family:Manrope,system-ui,sans-serif}.post-popup>.label{font-size:8px}.post-popup>strong{display:block;font-size:13px;line-height:1.5;margin:10px 0 0}.post-popup>p{font-size:10px;margin:6px 0!important}.post-popup>small{font-size:9px;color:#7b8774}.post-popup>button{display:block;padding:10px 12px;background:#f5b51b;color:var(--pal-ink);font-size:10px;font-weight:800;border-radius:8px;margin-top:13px;width:100%;text-align:left}.leaflet-popup-content-wrapper{border-radius:13px;box-shadow:0 5px 30px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 95%,#000) 15%,transparent)}.leaflet-control-zoom a{color:color-mix(in srgb,var(--pal-ink) 92%,#fff)!important}.leaflet-control-attribution{font-size:8px!important}.map-shell .leaflet-top.leaflet-right{top:19px;right:14px}.map-shell .leaflet-control-zoom{border:1px solid color-mix(in srgb,var(--pal-ink) 18%,#fff);border-radius:10px;overflow:hidden;box-shadow:0 5px 20px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 73%,#000) 8%,transparent)}.map-shell .leaflet-control-attribution{background:#ffffffe8}.map-message{position:absolute;top:185px;left:20px;z-index:650;max-width:340px;background:#fff8dd;color:#785e1a;border-radius:10px;font-size:10px;line-height:1.8;padding:10px 14px}.map-message:empty{display:none}.map-empty{background:#fff;padding:22px;border-radius:12px;font-size:11px;color:var(--muted);line-height:1.8}.social-shell .sidebar nav{gap:2px;margin-top:19px}.social-shell .sidebar nav button{padding-top:10px;padding-bottom:10px}.sidebar-publish{margin-top:18px}
[data-theme=dark] .auth-story{background:#203729}[data-theme=dark] .auth-story em{color:#a7dda6}[data-theme=dark] .auth-story p{color:#b9c8ae}[data-theme=dark] .auth-points .ico{color:#a5dba7}[data-theme=dark] .auth-main{background:#19251e}[data-theme=dark] .form-error{color:#f4b09a}[data-theme=dark] .place-chip{background:#243f2c;border-color:#3d5940;color:#b0ddb2}[data-theme=dark] .map-view,[data-theme=dark] .community-map,[data-theme=dark] .picker-map{background:#24312a}[data-theme=dark] .leaflet-tile-pane{filter:invert(.92) hue-rotate(165deg) saturate(.5) brightness(.8)}[data-theme=dark] .map-toolbar .search,[data-theme=dark] .map-filters button,[data-theme=dark] .map-area-control,[data-theme=dark] .map-caption>span,[data-theme=dark] .map-post-card,[data-theme=dark] .map-disclaimer,[data-theme=dark] .map-empty{background:#1b2b22ed;border-color:#42533d;color:#d8e6cf}[data-theme=dark] .map-filters button.selected{background:var(--gold);color:#262f1b;border-color:#d9ad31}[data-theme=dark] .map-area-control button,[data-theme=dark] .map-place-name{color:#b6d8ab}[data-theme=dark] .map-area-control span{color:#afc4a4}[data-theme=dark] .leaflet-popup-content-wrapper,[data-theme=dark] .leaflet-popup-tip{background:#233829;color:#ebf3e4}[data-theme=dark] .post-popup>small{color:#b0c5a7}[data-theme=dark] .leaflet-control-zoom a{background:#223629!important;color:#dcebd2!important;border-color:#42553c!important}[data-theme=dark] .leaflet-control-attribution{background:#223629ed!important;color:#b8c6b0}[data-theme=dark] .leaflet-control-attribution a{color:#e2d094}[data-theme=dark] .map-message{background:#4d4229;color:#f4d992}
@media(max-width:1100px){.map-shell{grid-template-columns:220px minmax(0,1fr);max-width:none}.auth-story{padding:35px}.auth-main{padding:30px}.auth-form-wrap{margin-top:40px}}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-story{padding:22px;gap:18px}.auth-story>div{display:none}.auth-story>.small{display:none}.auth-main{padding:20px 23px}.auth-form-wrap{margin:30px auto 20px;max-width:400px}.auth-form-wrap h1{font-size:27px}.auth-note{font-size:9px}.auth-story .official-brand{height:35px;width:168px;gap:8px}.auth-story .official-symbol{width:46px}.auth-story .official-wordmark{width:114px}.landing-nav .landing-login{font-size:10px;margin-left:auto}.map-toolbar{top:15px;left:15px;right:65px}.map-shell .leaflet-top.leaflet-right{right:5px;top:12px}.map-area-control{left:15px;top:124px}.map-bottom{left:15px;right:15px;bottom:15px}.map-post-card{min-width:240px;max-width:240px}.map-message{left:15px;top:175px}.place-picker{padding:18px}.place-picker .primary{font-size:11px}.place-picker .picker-map{height:170px}}@media(max-width:650px){.map-shell{display:block}.map-shell .main{min-height:0;padding-bottom:72px}.map-view{height:calc(100dvh - 136px);min-height:480px}.map-shell .mobile-publish{display:none}.map-shell .top h1{font-size:17px}.map-toolbar .search{padding:11px}.map-toolbar .search input{font-size:10px}.map-filters{gap:5px}.map-filters button{padding:8px 9px;font-size:9px}.map-filters .locate-map{padding:7px}.map-caption>span{font-size:7px;letter-spacing:1px;padding:8px}.map-caption>button{font-size:8px;padding:8px}.map-disclaimer{font-size:7px}.map-area-control{top:114px;font-size:8px;gap:10px;padding:8px 10px}.map-area-control span,.map-area-control button{font-size:8px}.social-shell .post>.place-chip{margin-left:43px;max-width:calc(100% - 43px);font-size:9px}.draft-location{padding:13px}.draft-location .secondary{font-size:9px}.map-post-card{min-width:230px;max-width:230px}.map-post-card>img,.map-card-avatar{height:54px;width:48px}.map-cards{padding-bottom:9px}}
/* Representatives: civic identity, clear authorship and public dialogue. */
.politician-badge,.project-seal{display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--pal-ink) 26%,#fff);border-radius:20px;background:color-mix(in srgb,var(--pal-ink) 8%,#fff);color:color-mix(in srgb,var(--pal-ink) 89%,#fff);padding:5px 9px;font-size:9px;font-weight:800;vertical-align:middle}.politician-badge .ico,.project-seal .ico{width:14px;height:14px}.politician-badge.badge-compact{padding:3px 6px;font-size:8px}.avatar.political{background:color-mix(in srgb,var(--pal-ink) 90%,#fff);color:#fff}.author-avatar,.author-name{padding:0;text-align:left;font-weight:800}.author-name-row,.discussion-byline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.author-name-row .author-name{font-size:12px}.political-post-title{margin:18px 0 0 52px;font-size:20px;line-height:1.4}.project-seal{margin:15px 0 0 52px;border-color:#e4c674;background:#fff5d8;color:#775915}.politician-spotlight{padding:20px;border-bottom:1px solid var(--line);background:var(--paper)}.spotlight-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:800}.spotlight-heading>span{display:flex;gap:6px;align-items:center}.spotlight-heading .ico{width:16px}.spotlight-heading button{font-size:9px;color:var(--green)}.spotlight-list{display:flex;gap:10px;margin:14px 0;overflow:auto}.spotlight-person{display:flex;align-items:center;gap:10px;min-width:200px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);transition:transform .25s ease,box-shadow .25s ease}.spotlight-person:hover{transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--pal-ink) 6%,transparent)}.spotlight-person strong{font-size:10px;display:block}.spotlight-person small{font-size:9px;display:block;margin-top:4px;color:var(--muted)}.tiny-verified{color:var(--green)}.politician-spotlight>p{font-size:8px;color:var(--muted);margin:0}.politician-directory{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.politician-card{border:1px solid var(--line);border-radius:16px;padding:18px}.politician-card h3{margin:18px 0 6px}.politician-card h3 button{padding:0;text-align:left;font-size:17px;font-weight:800}.politician-card p{font-size:11px;line-height:1.8;color:var(--muted)}.politician-counts{display:flex;gap:12px;font-size:9px;color:var(--muted);margin:18px 0}.verification-invite{border:1px solid var(--line);border-radius:16px;padding:20px;margin:20px 0}.verification-invite p{font-size:11px;color:var(--muted);line-height:1.8}.politician-cover{background:linear-gradient(120deg,var(--pal-ink),color-mix(in srgb,var(--pal-ink) 74%,#fff));display:flex;align-items:flex-start;justify-content:flex-end;padding:24px;color:#f5e6b1}.politician-cover span{font-size:9px;letter-spacing:2px}.politician-profile-name{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.politician-profile-name h2{margin:0}.politician-profile-stats{display:flex;gap:20px;font-size:10px;margin:20px 0}.politician-profile-stats strong{font-size:14px}.verification-proof{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--green);padding:0}.verification-proof .ico{width:15px}.institution-link{font-size:10px;color:var(--green)}.verification-account-link{margin:14px 0;max-width:100%;white-space:normal;text-align:left}.response-context{display:block;color:var(--muted);font-size:9px;margin-top:12px}.quoted-contribution{display:block;text-align:left;border:1px solid var(--line);border-radius:14px;padding:16px;margin:15px 0 0 52px;width:calc(100% - 52px)}.quoted-contribution strong{font-size:10px}.quoted-contribution p{font-size:11px;line-height:1.7;color:var(--muted)}.quoted-contribution span{font-size:9px;color:var(--green)}.discussion-comment{display:flex;gap:12px;position:relative;margin-top:24px}.discussion-avatar{flex-shrink:0;width:38px}.discussion-avatar button{padding:0}.discussion-avatar .avatar{width:36px;height:36px}.discussion-body{flex:1;min-width:0}.discussion-byline strong,.discussion-byline .author-name{font-size:11px}.discussion-byline>span{font-size:8px;color:var(--muted)}.discussion-body p{font-size:12px;line-height:1.85;margin:9px 0;overflow-wrap:anywhere}.discussion-comment.is-reply{margin-left:18px;padding-left:24px;border-left:2px solid var(--line);margin-top:14px;padding-top:10px;padding-bottom:8px}.reply-action{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--green);padding:0}.reply-action .ico{width:13px;height:13px}.reply-composer-context:not(:empty){display:flex;justify-content:space-between;background:var(--mint);border-radius:10px;padding:12px;font-size:10px;margin-top:24px}.reply-composer-context button{padding:0}.verification-steps{display:flex;gap:8px;margin-bottom:24px}.verification-steps span{flex:1;font-size:9px;border-top:3px solid var(--line);padding-top:12px;color:var(--muted)}.verification-steps .current{border-color:var(--gold);color:var(--ink)}.verification-steps .done{border-color:var(--green);color:var(--green)}.code-redemption,.demo-review,.verification-pending,.verification-approved,.political-publish-options{border:1px solid var(--line);border-radius:16px;padding:22px;margin:22px 0}.code-redemption p,.demo-review p,.political-publish-options p{font-size:11px;line-height:1.8;color:var(--muted)}.demo-review summary{font-size:11px;font-weight:800;cursor:pointer}.verification-code{font-family:monospace;letter-spacing:2px}.issued-code{display:grid;gap:14px;margin-top:20px}.issued-code>strong{font-family:monospace;font-size:24px;color:var(--green)}.text-button{font-size:10px;text-decoration:underline}.verification-pending h3{margin-top:16px}.verification-pending .small{overflow-wrap:anywhere}.political-publish-options .field:first-child{margin-top:0}
[data-theme=dark] .politician-badge{background:#243e30;color:#b0e0c2;border-color:#42624e}[data-theme=dark] .project-seal{background:#41381f;color:#f4d890;border-color:#786539}[data-theme=dark] .politician-cover{background:linear-gradient(120deg,#142b23,#304c3a)}
/* Quiet cartography, deliberate movement and a foreground for civic stories. */
.map-minimal .leaflet-tile-pane{filter:grayscale(1) saturate(0) contrast(.86) brightness(1.07)}.map-minimal:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:400;box-shadow:inset 0 0 100px color-mix(in srgb,var(--pal-ink) 6%,transparent)}.map-minimal .map-toolbar .search{border-radius:18px;background:#ffffffed;backdrop-filter:blur(18px);box-shadow:0 8px 30px color-mix(in srgb,var(--pal-ink) 4%,transparent)}.map-minimal .map-filters{gap:6px}.map-minimal .map-filters button{border-radius:30px;box-shadow:none;padding:9px 14px;transition:background .25s,transform .25s,border-color .25s}.map-minimal .map-filters button:hover{transform:translateY(-2px)}.map-minimal .map-filters button.selected{background:color-mix(in srgb,var(--pal-ink) 96%,#fff);border-color:color-mix(in srgb,var(--pal-ink) 96%,#fff);color:#fff}.map-minimal .map-area-control{border-radius:24px;background:#ffffffeb;backdrop-filter:blur(18px);box-shadow:none}.map-minimal .map-caption>span{font-size:9px;letter-spacing:.2px;border-radius:24px;display:flex;align-items:center;gap:7px}.map-minimal .map-caption>button{border-radius:24px}.map-minimal .map-post-card{border-radius:18px;background:#ffffffed;backdrop-filter:blur(18px);box-shadow:0 8px 24px color-mix(in srgb,var(--pal-ink) 6%,transparent);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,opacity .35s;animation:map-card-enter .5s cubic-bezier(.2,.8,.2,1) both}.map-minimal .map-post-card:hover,.map-minimal .map-post-card.is-selected{transform:translateY(-4px);border-color:#bfa04d}.map-minimal .map-card-avatar{border-radius:50%;background:#f5efdc;color:color-mix(in srgb,var(--pal-ink) 85%,#fff)}.map-minimal .map-post-card>img{border-radius:12px}.map-minimal .marker-tile{width:38px;height:38px;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 12px color-mix(in srgb,var(--pal-ink) 19%,transparent);animation:marker-settle .65s cubic-bezier(.16,1,.3,1) var(--marker-delay,0ms) both;overflow:visible}.map-minimal .marker-tile img,.map-minimal .marker-tile>span{border-radius:50%;overflow:hidden}.map-minimal .marker-tile:after{content:'';position:absolute;inset:-5px;border:1px solid #d1a43280;border-radius:50%;pointer-events:none}.map-minimal .marker-pin{width:9px;height:9px;left:14px;top:33px;background:#fff}.map-minimal .map-bottom{transition:opacity .35s,transform .35s}.map-minimal.map-moving .map-bottom{opacity:.55;transform:translateY(6px)}.map-minimal .map-disclaimer{background:#ffffffb8;box-shadow:none;border-radius:12px}.map-minimal .leaflet-popup-content-wrapper{border-radius:18px}.map-minimal .map-orbit{display:none}.map-minimal .leaflet-control-zoom{border-radius:20px;box-shadow:0 6px 18px color-mix(in srgb,var(--pal-ink) 6%,transparent)}.map-minimal .leaflet-control-zoom a{height:36px;width:36px;line-height:36px}.map-minimal .map-toolbar{animation:map-controls-enter .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes marker-settle{from{opacity:0;scale:.5;translate:0 14px}to{opacity:1;scale:1;translate:0 0}}@keyframes map-card-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes map-controls-enter{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
[data-theme=dark] .map-minimal .leaflet-tile-pane{filter:grayscale(1) invert(.94) contrast(.82) brightness(.85)}[data-theme=dark] .map-minimal .map-filters button.selected{background:#c6d8c4;color:#17251d;border-color:#c6d8c4}[data-theme=dark] .map-minimal .map-toolbar .search,[data-theme=dark] .map-minimal .map-area-control,[data-theme=dark] .map-minimal .map-post-card{background:#1b2b22ed}[data-theme=dark] .map-minimal .marker-tile{border-color:#d4e1d2}[data-theme=dark] .map-minimal .marker-pin{background:#d4e1d2}[data-theme=dark] .map-minimal .map-disclaimer{background:#19291fcf}
@media(max-width:650px){.politician-directory{grid-template-columns:1fr}.politician-profile-stats{gap:14px}.politician-profile-name h2{font-size:21px}.political-post-title,.project-seal{margin-left:43px}.political-post-title{font-size:17px}.discussion-comment.is-reply{margin-left:12px;padding-left:16px}.politician-cover span{font-size:7px;letter-spacing:1px}.politician-spotlight{padding:16px}.map-minimal .map-filters button{padding:8px 10px;font-size:9px}.map-minimal .map-caption>span{font-size:8px}.map-minimal .map-toolbar .search{border-radius:14px}.map-minimal .map-caption>button{font-size:8px}.verification-steps span{font-size:8px}}
.motion-off .map-minimal *,.motion-off .spotlight-person{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.motion-off .map-minimal *,html.motion-off .spotlight-person{animation:none!important;transition:none!important}
/* Locally bundled Lucide icons: consistent geometry and fixed rendering box. */
svg.lucide-icon{display:inline-block;width:22px;height:22px;min-width:0;max-width:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:middle}.social-shell .sidebar nav>button>.lucide-icon{display:block;width:23px;height:23px;flex:0 0 23px;stroke-width:1.8}.social-shell .sidebar nav>button{min-height:44px;gap:14px;line-height:1.3;align-items:center}.social-shell .sidebar nav>button>span:not(.badge){flex:1;min-width:0}.social-shell .sidebar nav>button.active>.lucide-icon{stroke-width:2.15}.bottom .lucide-icon{width:23px;height:23px;stroke-width:1.8}.menu-option>.lucide-icon{width:21px;height:21px}
/* Soft map: pale streets, floating controls and compact support pins. */
.map-soft .leaflet-tile-pane{filter:saturate(.3) contrast(.85) brightness(1.07)}.map-soft .community-map,.map-soft{background:#edece7}.map-soft:after{box-shadow:none}.map-soft .map-toolbar{top:24px;left:24px;right:80px;max-width:460px}.map-soft .map-toolbar .search{min-height:58px;border-radius:32px;border:1px solid #deded8;background:#fffffff7;box-shadow:0 4px 18px #28282112;backdrop-filter:blur(14px);padding:8px 10px 8px 21px;gap:12px}.map-soft .search>svg{color:#565e57;width:18px;height:18px}.map-soft .search input{font-size:12px;color:#303931;font-weight:600}.map-soft .map-search-submit{display:grid;place-items:center;padding:0!important;width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--pal-ink)}.map-soft .map-search-submit .ico{width:17px;height:17px}.map-soft .map-filters{margin-top:12px;gap:8px}.map-soft .map-filters button{background:#fffffff0;border:1px solid #deded8;box-shadow:0 2px 8px #28282108;padding:10px 16px;border-radius:24px;font-size:10px;color:#525b53}.map-soft .map-filters button.selected{background:color-mix(in srgb,var(--pal-ink) 95%,#fff);color:white;border-color:color-mix(in srgb,var(--pal-ink) 95%,#fff)}.map-soft .map-filters .locate-map{width:37px;height:37px;padding:8px}.map-soft .map-area-control{top:146px;left:24px;padding:10px 16px;background:#fffffff4;border-color:#e0e0d9;gap:14px;border-radius:24px;box-shadow:0 3px 12px #262c2510}.map-soft .map-area-control button{font-size:10px;color:color-mix(in srgb,var(--pal-ink) 91%,#fff)}.map-soft .map-area-control span{font-size:9px;color:#798078}.map-pill-marker{border:0;background:none;width:116px;height:38px;z-index:450!important}.map-pin-pill{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;width:116px;height:38px;border-radius:22px;background:#fff;color:color-mix(in srgb,var(--pal-ink) 96%,#fff);border:1px solid #e0e1da;box-shadow:0 3px 9px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 86%,#000) 16%,transparent);transform-origin:center;transition:background .2s,color .2s,box-shadow .2s,scale .3s cubic-bezier(.2,.8,.2,1);animation:soft-pin-enter .55s cubic-bezier(.16,1,.3,1) var(--marker-delay,0ms) both}.map-pin-pill .ico{width:16px;height:16px;stroke-width:1.8}.map-pin-pill strong{font-size:11px;line-height:1;font-weight:800}.map-pill-marker:hover{z-index:1000!important;filter:none}.map-pill-marker:hover .map-pin-pill{scale:1.06;box-shadow:0 5px 16px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 86%,#000) 19%,transparent)}.map-pill-marker.is-selected{z-index:1001!important}.map-pill-marker.is-selected .map-pin-pill{background:color-mix(in srgb,var(--pal-ink) 95%,#fff);color:white;border-color:color-mix(in srgb,var(--pal-ink) 95%,#fff);scale:1.08}.map-soft .map-bottom{left:24px;right:24px;bottom:18px}.map-soft .map-caption>span{background:#fffffff5;box-shadow:0 2px 8px #28282108;color:#53604f}.map-soft .map-caption>button{padding:11px 15px;box-shadow:0 3px 10px #28282112}.map-soft .map-cards{gap:12px;padding:4px 3px 14px}.map-soft .map-post-card{background:#fffffff7;border-color:#e2e2db;min-width:280px;max-width:280px;padding:12px;gap:12px;border-radius:18px;box-shadow:0 4px 16px #272e2710}.map-soft .map-post-card>img{height:76px;width:76px;border-radius:12px}.map-soft .map-card-avatar{height:64px;width:64px;font-size:18px;background:#f2f0e8;color:color-mix(in srgb,var(--pal-ink) 79%,#fff)}.map-soft .map-post-card strong{font-size:12px;line-height:1.45;color:color-mix(in srgb,var(--pal-ink) 95%,#fff)}.map-soft .map-post-card .small{font-size:9px}.map-soft .map-place-name{font-size:9px;margin-top:6px;color:#7b8478}.map-soft .map-post-card.is-selected{border-color:#637563;box-shadow:0 5px 18px #272e2720;transform:translateY(-3px)}.map-soft .map-disclaimer{font-size:8px;color:#748070;background:#ffffffc9;padding:7px 11px}.map-soft .map-message{top:192px;left:24px}.map-soft .leaflet-popup-content{margin:14px}.map-soft .leaflet-popup-content-wrapper{border-radius:20px;box-shadow:0 8px 35px color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 92%,#000) 14%,transparent)}.map-soft .popup-photo{display:block;width:100%;height:130px;object-fit:cover;border-radius:12px;margin-bottom:14px}.map-soft .post-popup>button{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px}.map-soft .post-popup>button .ico{width:16px;height:16px}.map-soft .leaflet-popup-close-button{top:5px;right:6px;color:color-mix(in srgb,var(--pal-ink) 89%,#fff);font-size:20px}.map-soft .leaflet-control-zoom{border-radius:14px;border-color:#e0e0da;box-shadow:0 3px 12px #28282112}.map-soft .leaflet-control-zoom a{height:36px;width:36px;line-height:36px;font-size:21px}.map-soft .leaflet-control-attribution{max-width:100%}
[data-theme=dark] .map-soft .leaflet-tile-pane{filter:grayscale(.65) invert(.93) hue-rotate(175deg) contrast(.85) brightness(.85)}[data-theme=dark] .map-soft .map-toolbar .search,[data-theme=dark] .map-soft .map-filters button,[data-theme=dark] .map-soft .map-area-control,[data-theme=dark] .map-soft .map-post-card{background:#203027f5;border-color:#465348;color:#d7e3d4}[data-theme=dark] .map-soft .search input,[data-theme=dark] .map-soft .search>svg,[data-theme=dark] .map-soft .map-post-card strong{color:#e5ece0}[data-theme=dark] .map-soft .map-filters button.selected{background:#dbe5d5;color:#21342a;border-color:#dbe5d5}[data-theme=dark] .map-soft .map-area-control button{color:#dce7d4}[data-theme=dark] .map-soft .map-area-control span,[data-theme=dark] .map-soft .map-place-name{color:#b1c0a9}[data-theme=dark] .map-pin-pill{background:#e5ebdf;color:#23382b;border-color:#e5ebdf}[data-theme=dark] .map-pill-marker.is-selected .map-pin-pill{background:var(--gold);color:#25352a;border-color:var(--gold)}[data-theme=dark] .map-soft .map-post-card.is-selected{border-color:#a3b396}[data-theme=dark] .map-soft .map-caption>span,[data-theme=dark] .map-soft .map-disclaimer{background:#203027e8;color:#c1cdb6}[data-theme=dark] .map-soft .leaflet-popup-close-button{color:#d9e4d0}
@media(max-width:650px){.map-soft .map-toolbar{top:16px;left:14px;right:62px}.map-soft .map-toolbar .search{min-height:50px;padding-left:15px;gap:8px;border-radius:28px}.map-soft .search input{font-size:10px}.map-soft .map-search-submit{width:32px;height:32px}.map-soft .map-filters{gap:5px;margin-top:10px}.map-soft .map-filters button{padding:9px 10px;font-size:9px}.map-soft .map-filters .locate-map{width:33px;height:33px;padding:7px}.map-soft .map-area-control{top:121px;left:14px;padding:9px 12px;gap:10px}.map-soft .map-area-control button,.map-soft .map-area-control span{font-size:8px}.map-soft .map-bottom{left:14px;right:14px;bottom:15px}.map-soft .map-post-card{min-width:250px;max-width:250px;padding:10px}.map-soft .map-post-card>img{width:62px;height:68px}.map-soft .map-post-card strong{font-size:11px}.map-soft .map-caption>span{font-size:8px}.map-soft .map-caption>button{padding:9px 12px;font-size:8px}.map-soft .map-disclaimer{font-size:7px}.map-soft .map-message{top:164px;left:14px}.map-soft .map-caption{gap:8px}.map-soft .map-post-card .map-card-avatar{height:54px;width:54px}}
.motion-off .map-pin-pill{animation:none!important;transition:none!important}.motion-off .map-pin-pill{animation:none!important;transition:none!important}

@keyframes soft-pin-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/* Community profiles: photography, editorial rhythm and restrained surfaces. */
.person-photo{overflow:hidden;background:color-mix(in srgb,var(--pal-ink) 13%,#fff);isolation:isolate}.person-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.author-avatar{border-radius:50%;flex-shrink:0}.byline .author-name{font-size:12px;line-height:1.45}.byline .who p span{color:#869084}.shared-avatar-target{display:block;view-transition-name:selected-avatar}.member-cover{height:145px;background:linear-gradient(115deg,color-mix(in srgb,var(--pal-ink) 20%,#fff) 0%,#e6e6dc 50%,color-mix(in srgb,var(--pal-ink) 19%,#fff) 100%);display:flex;align-items:flex-start;justify-content:flex-end;padding:20px;overflow:hidden;position:relative}.member-cover:after{content:'';position:absolute;right:-15px;bottom:-68px;width:250px;height:190px;border:1px solid color-mix(in srgb,color-mix(in srgb,var(--pal-ink) 61%,#fff) 14%,transparent);border-radius:50% 50% 35% 65%;transform:rotate(-14deg);transition:border-radius .8s ease}.member-cover:hover:after{border-radius:25% 75% 60% 40%}.member-cover>span{font-size:10px;color:#60705a;z-index:1}.member-profile-head{padding:0 26px 24px}.member-profile-head>.row{margin-top:-38px;position:relative;align-items:flex-end}.member-profile-head .avatar.lg{width:90px;height:90px;border:5px solid white}.member-profile-head h2{font-size:24px;letter-spacing:-.7px;margin:17px 0 5px}.member-profile-head>p{font-size:13px;line-height:1.85;max-width:500px;margin:14px 0}.profile-controls{display:flex;align-items:center;gap:8px;padding-bottom:6px}.profile-controls .primary,.profile-controls .secondary{font-size:11px;border-radius:24px;padding:11px 19px}.message-profile-button .ico{width:16px;height:16px}.profile-message-unavailable{font-size:9px;color:var(--muted)}.member-statline{display:flex;gap:18px;font-size:10px;align-items:center;flex-wrap:wrap;margin:20px 0 10px;color:var(--muted)}.member-statline button{font-size:10px;padding:0;color:var(--muted)}.member-statline strong{color:var(--ink);font-size:12px}.member-statline .ico{width:13px;height:13px}.sample-profile-note{font-size:8px;color:var(--muted)}.private-profile-state{text-align:center;padding:60px 25px;border-top:1px solid var(--line);color:var(--muted)}.private-profile-state>.ico{width:32px;height:32px;margin-bottom:12px}.private-profile-state h3{color:var(--ink);font-size:18px}.private-profile-state p{font-size:11px}.verification-profile-link{font-size:9px;color:var(--green);display:flex;align-items:center;gap:6px;padding:8px 0}.verification-profile-link .ico{width:14px;height:14px}.person-search-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.person-search-name{flex:1;min-width:0;text-align:left;padding:0}.person-search-name strong{display:block;font-size:12px}.person-search-name small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.person-search-row>.secondary{font-size:10px;border-radius:20px}.member-edit .photo-edit-label{display:inline-block;font-size:11px;color:var(--green);cursor:pointer;margin:12px 0 0}.photo-edit-label input{display:block;width:100%;font-size:10px;margin-top:8px}.member-edit textarea{height:85px;min-height:85px;font-size:12px;padding:12px}.profile-checkbox{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:11px}.profile-checkbox input{accent-color:var(--green)}.feed-sample-footnote{font-size:8px;color:var(--muted);padding:25px;text-align:center;margin:0}.social-shell .feed-tabs button{font-size:12px}.social-shell .primary{border-radius:22px}.social-shell .post{background:transparent}.social-shell .post:hover{background:#fcfcfa}.social-shell .post .photo{border-radius:16px;height:300px}.social-shell .post .project-mini{background:color-mix(in srgb,var(--pal-ink) 4%,#fff);border-left-width:2px}.social-shell .post .copy{font-size:14px;line-height:1.8;margin-top:8px}.social-shell .post .who p{font-size:10px}.social-shell .inline-composer textarea{font-size:14px}.social-shell .sidebar-publish{font-size:12px}.politician-spotlight{background:color-mix(in srgb,var(--pal-ink) 3%,#fff);padding-top:16px;padding-bottom:16px}.spotlight-person{border:0;border-radius:0;padding:5px 0;min-width:180px;background:transparent}.spotlight-person:hover{box-shadow:none;transform:translateY(-2px)}.politician-spotlight>p{font-size:7px}.spotlight-heading{font-size:10px;font-weight:700}.spotlight-list{margin:12px 0}
/* Local inbox. Delivery and reading are never simulated as real events. */
.message-hub{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 85px);background:var(--paper)}.message-list{border-right:1px solid var(--line);background:#fff}.message-list-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 15px}.message-list-heading h2{font-size:16px;margin:0}.message-list-heading .round{padding:6px}.message-list-heading .ico{width:16px;height:16px}.message-thread{display:flex;align-items:center;gap:10px;width:100%;padding:16px 13px;text-align:left;border-bottom:1px solid var(--line);transition:background .25s}.message-thread .avatar{height:35px;width:35px;flex:0 0 35px}.message-thread>span:last-child{min-width:0}.message-thread strong{display:block;font-size:10px}.message-thread small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:var(--muted);margin-top:5px;max-width:130px}.message-thread.selected{background:color-mix(in srgb,var(--pal-ink) 7%,#fff);border-left:3px solid var(--gold)}.message-pane{display:flex;flex-direction:column;min-width:0;min-height:530px}.conversation-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line);background:#fff}.conversation-head .avatar{height:35px;width:35px}.conversation-person{text-align:left;padding:0}.conversation-person strong{display:block;font-size:12px}.conversation-person small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.conversation-back{display:none}.conversation-history{display:flex;flex-direction:column;gap:12px;flex:1;padding:24px 16px;max-height:calc(100dvh - 280px);overflow:auto;scrollbar-width:thin}.message-bubble{align-self:flex-start;max-width:90%;background:#fff;border:1px solid var(--line);border-radius:18px 18px 18px 4px;padding:12px 14px;animation:message-arrive .35s cubic-bezier(.2,.8,.2,1) both}.message-bubble.sent{align-self:flex-end;background:color-mix(in srgb,var(--pal-ink) 11%,#fff);border-color:color-mix(in srgb,var(--pal-ink) 18%,#fff);border-radius:18px 18px 4px 18px}.message-bubble p{margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.message-bubble small{display:block;font-size:7px;color:var(--muted);margin-top:7px}.message-composer{display:flex;align-items:flex-end;gap:8px;padding:16px;border-top:1px solid var(--line);background:#fff}.message-composer textarea{min-height:46px;max-height:120px;resize:vertical;border:1px solid var(--line);border-radius:20px;padding:13px 15px;font-size:11px;line-height:1.5;margin:0;flex:1;min-width:0;background:var(--paper)}.message-composer .primary{height:44px;width:44px;padding:10px;flex-shrink:0}.message-composer .ico{width:18px;height:18px}.messages-demo-note{font-size:8px;line-height:1.7;color:var(--muted);margin:0;padding:12px 16px;border-top:1px solid var(--line)}.message-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.message-empty-state>.ico{width:40px;height:40px;color:#8c9a84;margin-bottom:15px}.message-empty-state h2{font-size:19px;font-weight:700;letter-spacing:-.4px}.message-empty-state p,.conversation-start{font-size:11px;line-height:1.8;color:var(--muted)}.message-empty{font-size:11px;line-height:1.8;color:var(--muted);padding:20px}.conversation-start{margin:auto;text-align:center}.conversation-start p{font-size:9px}.closed-conversation{padding:20px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}
/* Scroll choreography: opacity changes without shifting the page geometry. */
.scroll-motion{transition:opacity .6s cubic-bezier(.2,.8,.2,1),translate .65s cubic-bezier(.2,.8,.2,1),background .2s;will-change:auto}.scroll-motion.motion-visible{opacity:1;translate:0 0}.scroll-motion.motion-away{opacity:.32;translate:0 12px}.post .photo{transition:border-radius .65s cubic-bezier(.2,.8,.2,1),filter .65s,scale .65s}.post.motion-away .photo{border-radius:24px;filter:saturate(.6);scale:.985}.post.motion-visible .photo{filter:saturate(1);scale:1}.social-shell .sidebar nav>button{transition:background .28s,color .28s,border-radius .4s}.social-shell .sidebar nav>button.active{border-radius:24px}.social-shell .actions button{transition:background .25s,color .25s,scale .2s}.social-shell .actions button:active{scale:.9}.social-shell .progress i{transition:width .7s cubic-bezier(.2,.8,.2,1)}.avatar{transition:border-radius .4s,scale .3s}.author-avatar:hover .avatar{scale:1.04}.social-shell .primary,.social-shell .secondary{transition:background .25s,border-radius .45s,scale .25s}.social-shell .primary:active,.social-shell .secondary:active{scale:.97;border-radius:15px}.project-mini{transition:border-radius .5s}.project-mini:hover{border-radius:16px}::view-transition-old(selected-avatar),::view-transition-new(selected-avatar){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
@keyframes message-arrive{from{opacity:0;translate:0 8px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
[data-theme=dark] .member-cover{background:linear-gradient(115deg,#263f30,#314636,#243d31)}[data-theme=dark] .member-cover>span{color:#b3c3a7}[data-theme=dark] .member-profile-head .avatar.lg{border-color:#19251e}[data-theme=dark] .message-list,[data-theme=dark] .conversation-head,[data-theme=dark] .message-composer{background:#19251e}[data-theme=dark] .message-thread.selected{background:#26372a}[data-theme=dark] .message-bubble{background:#253429;border-color:#3e4d3d}[data-theme=dark] .message-bubble.sent{background:#344b34;border-color:#4a6247}[data-theme=dark] .message-composer textarea{background:#213126}[data-theme=dark] .social-shell .post:hover{background:#1b281f}[data-theme=dark] .social-shell .post .project-mini{background:#213126}[data-theme=dark] .politician-spotlight{background:#18241d}
@media(max-width:760px){.message-hub{grid-template-columns:175px minmax(0,1fr)}.message-thread small{max-width:110px}}@media(max-width:650px){.member-cover{height:120px}.member-profile-head{padding:0 18px 20px}.member-profile-head .avatar.lg{height:80px;width:80px}.member-profile-head h2{font-size:22px}.profile-controls{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:210px}.profile-controls .primary,.profile-controls .secondary{font-size:10px;padding:9px 13px}.member-statline{font-size:9px;gap:13px}.social-shell .post .copy{font-size:13px}.social-shell .post .photo{height:250px}.message-hub{display:block;min-height:calc(100dvh - 155px)}.message-hub .message-pane{display:none}.message-hub.thread-selected .message-list{display:none}.message-hub.thread-selected .message-pane{display:flex;min-height:calc(100dvh - 155px)}.conversation-back{display:grid;padding:6px}.conversation-back .ico{width:17px;height:17px}.conversation-history{max-height:calc(100dvh - 310px);min-height:240px}.message-thread small{max-width:240px}.message-thread strong{font-size:12px}.message-thread small{font-size:10px}.message-list-heading h2{font-size:20px}.message-list{border-right:0}.member-edit .avatar.lg{width:75px;height:75px}.member-edit{padding:24px}.messages-demo-note{font-size:7px}}
.motion-off .scroll-motion,.motion-off .scroll-motion.motion-away{opacity:1;translate:none}.motion-off .post.motion-away .photo{scale:1;filter:none;border-radius:16px}.motion-off .message-bubble{animation:none!important}.motion-off .scroll-motion,.motion-off .scroll-motion.motion-away{opacity:1;translate:none}.motion-off .post.motion-away .photo{scale:1;filter:none;border-radius:16px}
.social-shell .sidebar nav{overflow-y:auto;min-height:0;flex:0 1 auto;scrollbar-width:thin}.social-shell .sidebar-publish{flex-shrink:0}.social-shell .account{flex-shrink:0}.social-shell .top h1{font-weight:700}.social-shell .post .who strong,.byline .author-name{font-weight:700}
/* Civic information stays compact in the feed and expands in the project. */
.civic-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:var(--muted);white-space:nowrap}.civic-status i,.state-pin-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#87968a;flex-shrink:0}.status-analysis i,.status-marker-analysis .state-pin-dot{background:#d0a33c}.status-progress i,.status-marker-progress .state-pin-dot{background:#4278a1}.status-forwarded i,.status-marker-forwarded .state-pin-dot{background:#8b69ae}.status-delivered i,.status-marker-delivered .state-pin-dot{background:color-mix(in srgb,var(--pal-ink) 72%,#fff)}.status-closed i,.status-marker-closed .state-pin-dot{background:#9d7772}.post-next-step{margin:13px 0 0 49px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.post-next-step>div{flex:1;min-width:0}.post-next-step strong{display:block;font-size:10px;font-weight:600;line-height:1.7;margin:5px 0 2px}.post-next-step small{font-size:8px;color:var(--muted);display:block;line-height:1.7}.post-next-step>button{padding:7px}.post-next-step>button .ico{height:16px;width:16px}.post-proposal-link{margin:13px 0 0 49px;display:flex;align-items:center;justify-content:space-between}.post-proposal-link button{display:flex;gap:6px;align-items:center;font-size:9px;color:var(--green);padding:0}.post-proposal-link .ico{width:14px;height:14px}.social-shell .actions>button{font-size:10px}.social-shell .post .project-mini{display:none}.political-post>.project-seal{border:0;background:none;padding:0;font-size:8px;margin-top:10px}.territory-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line);gap:8px}.content .territory-bar{padding:14px 0}.territory-bar>button:first-child{display:flex;align-items:center;gap:7px;text-align:left;padding:0;font-size:11px;font-weight:700;flex-wrap:wrap}.territory-bar>button:first-child .ico{width:15px;height:15px}.territory-bar>button>span{font-size:9px;font-weight:400;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.territory-bar .round{padding:6px}.territory-bar .round .ico{width:16px;height:16px}.feed-refiners{display:flex;gap:12px;padding:10px 22px;border-bottom:1px solid var(--line)}.content .feed-refiners{padding-left:0;padding-right:0}.feed-refiners label{min-width:0}.feed-refiners select{font-size:9px;border:0;background:transparent;padding:5px 18px 5px 0;border-radius:0;width:auto;max-width:200px;color:var(--muted)}.civic-state-filters{display:flex;gap:6px;overflow:auto;padding:18px 0;scrollbar-width:thin}.civic-state-filters button{font-size:9px;padding:8px 12px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}.civic-state-filters button.selected{color:#fff;background:color-mix(in srgb,var(--pal-ink) 91%,#fff);border-color:color-mix(in srgb,var(--pal-ink) 91%,#fff)}.civic-project-card{padding:22px 0;border-bottom:1px solid var(--line)}.civic-project-card h3{margin:10px 0 8px;font-size:19px;font-weight:700;line-height:1.4}.civic-project-card h3 button{padding:0;text-align:left;font:inherit}.civic-project-card>p{font-size:12px;color:var(--muted);line-height:1.8}.civic-card-place{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px;margin:13px 0}.civic-card-place .ico{width:13px;height:13px}.civic-card-next{border-left:2px solid color-mix(in srgb,var(--pal-ink) 18%,#fff);padding-left:12px;margin:17px 0}.civic-card-next strong{display:block;font-size:11px;font-weight:600;line-height:1.7}.civic-card-next span{font-size:9px;line-height:1.8;color:var(--muted);display:block;margin-top:4px}.civic-project-card .secondary{font-size:10px}.civic-detail h2{font-size:28px;line-height:1.35;margin:18px 0 10px}.civic-detail h3{font-size:16px;font-weight:700;margin-top:25px}.civic-detail-author{font-size:10px;color:var(--muted);line-height:1.8}.civic-detail-author .project-seal{margin:0 0 0 10px}.next-action-panel{padding:20px;border:1px solid var(--line);border-radius:18px;margin:24px 0;background:color-mix(in srgb,var(--pal-ink) 5%,#fff)}.next-action-panel h3{font-size:16px;line-height:1.5;margin:10px 0;font-weight:700}.next-action-panel p{font-size:11px;color:var(--muted);line-height:1.8}.next-action-panel>strong{font-size:11px;color:var(--green)}.civic-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.civic-detail-actions button{font-size:10px}.civic-detail-actions .ico{height:15px;width:15px}.closure-reason{background:#f8f0ec;padding:18px;border-radius:14px;margin:20px 0;font-size:12px;line-height:1.8}.civic-timeline{padding-left:16px;margin:30px 0}.civic-event{position:relative;border-left:1px solid var(--line);padding:0 0 32px 24px}.civic-event-dot{position:absolute;left:-5px;top:4px;height:9px;width:9px;border-radius:50%;background:#a6b3a0}.civic-event.latest .civic-event-dot{background:var(--green);box-shadow:0 0 0 5px var(--mint)}.civic-event time{font-size:9px;color:var(--muted)}.civic-event h3{font-size:16px;margin:10px 0;font-weight:700;line-height:1.5}.civic-event p{font-size:12px;line-height:1.85;color:var(--muted)}.civic-event small{font-size:9px;color:var(--muted)}.event-document{display:flex;gap:7px;align-items:center;color:var(--green);font-size:10px;margin-top:16px;padding:0}.event-document .ico{width:15px;height:15px}.event-comparison{display:flex;gap:10px;margin-top:18px}.event-comparison figure{margin:0;flex:1;min-width:0}.event-comparison img{display:block;width:100%;height:150px;object-fit:cover;border-radius:12px}.event-comparison figcaption{font-size:8px;color:var(--muted);margin-top:7px}.proposal-form textarea,.civic-advance-form textarea,.safety-screen textarea{min-height:100px;font-size:12px;border:1px solid var(--line);border-radius:12px;padding:12px}.proposal-origin{font-size:11px;margin:22px 0;display:flex;gap:7px;align-items:center;color:var(--muted)}.proposal-origin .ico{height:16px;width:16px}.civic-advance-form h2{font-size:22px}.civic-advance-form .field{font-size:11px}.advance-photo-inputs{display:flex;gap:12px;margin-top:20px}.advance-photo-inputs label{min-width:0;font-size:10px;flex:1}.advance-photo-inputs input{max-width:100%;font-size:9px;margin-top:8px}.linked-demands h3{font-size:14px}.linked-demands button{margin-top:8px;max-width:100%;font-size:10px;white-space:normal;text-align:left}.post-territory-fields{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;margin:22px 0}.post-territory-fields .field{margin:0;font-size:11px}.related-demands{border:1px solid var(--line);border-radius:14px;padding:15px;margin:15px 0;background:color-mix(in srgb,var(--pal-ink) 5%,#fff);animation:message-arrive .35s ease both}.related-demands>.row strong{font-size:11px;font-weight:700}.related-demands>p{font-size:9px;color:var(--muted);line-height:1.8}.related-demand-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.related-demand-row>button:first-child{flex:1;text-align:left;min-width:0;padding:0}.related-demand-row strong{display:block;font-size:10px}.related-demand-row small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.related-demand-row .secondary{padding:7px 9px;font-size:8px;white-space:nowrap}.profile-safety-controls{display:flex;gap:18px;align-items:center;padding:25px;border-top:1px solid var(--line)}.profile-safety-controls button{display:flex;gap:6px;align-items:center;font-size:9px;color:var(--muted)}.profile-safety-controls .ico{width:14px;height:14px}.blocked-person{padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.blocked-person button{font-size:10px}.local-report{padding:16px 0;border-bottom:1px solid var(--line)}.local-report strong{font-size:11px;display:block}.local-report small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.safety-screen h3{margin-top:28px;font-size:16px}.mandate-reply-label{display:flex;gap:5px;align-items:center;color:var(--green);font-size:8px;margin-bottom:9px}.mandate-reply-label .ico{width:13px;height:13px}.mandate-reply-action{margin:15px 0 0 48px;padding:12px;border-radius:12px;background:var(--mint)}.mandate-reply-action button{display:flex;gap:7px;align-items:center;font-size:9px;font-weight:700;color:var(--green);padding:0}.mandate-reply-action .ico{width:14px;height:14px}.mandate-reply-action small{display:block;font-size:8px;color:var(--muted);line-height:1.7;margin-top:5px}.discussion-comment:has(.mandate-reply-action){flex-wrap:wrap}.discussion-comment:has(.mandate-reply-action) .mandate-reply-action{flex-basis:calc(100% - 48px)}
/* States on the map supplement color with readable labels. */
.map-status-toolbar{position:absolute;top:145px;left:24px;z-index:600;display:flex;gap:8px;align-items:center;max-width:calc(100% - 48px)}.map-status-toolbar select,.map-status-toolbar button{border:1px solid #deded8;background:#fffffff5;box-shadow:0 2px 10px #2828210b;border-radius:24px;font-size:9px;padding:10px 13px;width:auto;max-width:190px}.map-status-toolbar button{display:flex;align-items:center;gap:5px;white-space:nowrap}.map-status-toolbar button .ico{width:13px;height:13px}.map-soft .civic-map-count{top:194px}.map-soft .map-message{top:240px}.map-soft .map-pin-pill{width:128px}.map-soft .map-pill-marker{width:128px}.map-card .civic-status,.map-post-card .civic-status{font-size:8px}.state-pin-dot{height:7px;width:7px}.post-next-step,.civic-card-next,.next-action-panel{transition:border-radius .5s,background .3s}.next-action-panel:hover{border-radius:24px}.civic-event.latest{animation:message-arrive .5s ease both}
[data-theme=dark] .next-action-panel,[data-theme=dark] .related-demands{background:#223126;border-color:#3b4d3b}[data-theme=dark] .closure-reason{background:#3c2e25}[data-theme=dark] .civic-state-filters button.selected{background:#b9d4b5;color:#183020;border-color:#b9d4b5}[data-theme=dark] .map-status-toolbar select,[data-theme=dark] .map-status-toolbar button{background:#203027f5;color:#d7e3d4;border-color:#465348}[data-theme=dark] .feed-refiners select{background:transparent}[data-theme=dark] .civic-card-next{border-color:#52684b}
@media(max-width:650px){.territory-bar{padding:12px 16px}.territory-bar>button:first-child{font-size:10px}.territory-bar>button>span{max-width:150px;font-size:8px}.feed-refiners{padding:8px 16px}.feed-refiners select{max-width:160px;font-size:8px}.post-next-step,.post-proposal-link{margin-left:43px}.post-next-step strong{font-size:9px}.post-next-step small{font-size:7px}.civic-detail h2{font-size:24px}.civic-detail-actions{gap:7px}.civic-detail-actions button{padding:10px 12px;font-size:9px}.next-action-panel{padding:17px}.next-action-panel h3{font-size:14px}.civic-project-card h3{font-size:18px}.event-comparison img{height:120px}.civic-event h3{font-size:15px}.map-status-toolbar{top:120px;left:14px;max-width:calc(100% - 28px)}.map-status-toolbar select,.map-status-toolbar button{font-size:8px;padding:9px 11px;max-width:170px}.map-soft .civic-map-count{top:163px}.map-soft .map-message{top:205px}.map-soft .map-toolbar .map-filters{gap:5px}.civic-advance-form{padding:22px}.related-demands{padding:12px}.related-demand-row{gap:7px}.related-demand-row .secondary{padding:7px;font-size:7px}.related-demand-row strong{font-size:9px}.post-territory-fields{grid-template-columns:55px 1fr}.civic-detail-author .project-seal{display:flex;margin:8px 0}.civic-status{font-size:8px}}