:root{color-scheme:light;--ink:#1f1f1f;--muted:#636363;--paper:#f6f3ee;--line:#dedbd5;--accent:#ac361f;--orange:#e65a3a;--soft:#f8e5dc;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #176a99;outline-offset:3px}h1:focus,#workspace:focus{outline:none}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em;line-height:1.08;margin-bottom:22px}h2{font-size:1.2rem;line-height:1.35;letter-spacing:-.025em;margin-bottom:12px}p{margin-bottom:16px}.muted,.meta{color:var(--muted)}.meta{font-size:.84rem}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 32px;position:sticky;top:0;z-index:20}.mobile-menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;font-size:1.25rem}.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}.tutorial-target{position:relative;z-index:103}.onboarding{position:fixed;inset:0;z-index:100;pointer-events:none}.onboarding[hidden]{display:none!important}.onboarding-backdrop{position:absolute;inset:0;z-index:100;pointer-events:auto;background:transparent}.onboarding[data-no-target="1"] .onboarding-backdrop{background:#000b}.onboarding-spotlight{position:fixed;z-index:101;border:3px solid #ff987d;border-radius:16px;box-shadow:0 0 0 9999px #000a,0 0 0 7px #ff987d35;pointer-events:none;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease}.onboarding-card{position:fixed;z-index:104;bottom:24px;right:24px;width:min(520px,calc(100vw - 48px));max-height:min(72vh,620px);overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 80px #0007;pointer-events:auto}.onboarding-card[data-side="left"]{left:24px;right:auto}.onboarding-card h2{font-size:1.7rem;margin-top:8px}.onboarding-card p{color:var(--muted);line-height:1.65}.onboarding-guide{display:flex;align-items:center;gap:9px;margin:4px 0 12px;font-size:.78rem;font-weight:700;color:var(--accent)}.onboarding-guide-mark{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid #e8c9bb;color:var(--accent);font-weight:900}.onboarding-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.folkoop-helper-shell{position:fixed;right:20px;bottom:20px;z-index:70}.folkoop-helper-button{width:54px;height:54px;border-radius:50%;border:1px solid #d8b3a2;background:#1f1f1f;color:#fff;font-weight:900;font-size:1.05rem;box-shadow:0 12px 36px #0003;display:flex;align-items:center;justify-content:center}.folkoop-helper-button:hover{background:#363636}.folkoop-helper-panel{position:absolute;right:0;bottom:66px;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 20px 60px #0004}.folkoop-helper-panel[hidden]{display:none!important}.folkoop-helper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.folkoop-helper-head>div{display:flex;flex-direction:column;gap:2px}.folkoop-helper-head strong{font-size:1.05rem}.folkoop-helper-head span{font-size:.72rem;color:var(--muted)}.folkoop-helper-panel p{line-height:1.55}.folkoop-helper-panel .button{width:100%;margin-top:4px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:1.35rem;font-weight:800;letter-spacing:.065em}.brand img{border-radius:10px}.location{font-size:.86rem;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:28px}.top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:24px}.message-link{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:.85rem}.language{display:flex;align-items:center;gap:7px;font-size:.85rem}.language select{border:1px solid var(--line);border-radius:10px;padding:8px;max-width:116px;background:#fff;color:var(--ink)}.layout{display:grid;grid-template-columns:232px minmax(0,1fr);max-width:1640px;margin:auto;min-height:calc(100vh - 82px)}.sidebar{border-inline-end:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;position:sticky;top:82px;height:calc(100vh - 82px);overflow:auto}#nav{display:flex;flex-direction:column;gap:5px}#nav a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:11px 13px;border-radius:11px;font-weight:580;font-size:.9rem;min-height:46px}#nav a[data-nav="messages"],#nav a[data-nav="city"],#nav a[data-nav="me"]{margin-top:8px}#nav a:hover{background:#ebe6df}#nav a[aria-current]{background:var(--ink);color:#fff}#nav a[aria-current] svg{color:#ff987d}.sidebar-note{margin-top:auto;margin-inline-start:16px;font-weight:700;letter-spacing:.1em;font-size:.72rem}.sidebar-note span{display:block;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:8px}.content{padding:28px 42px 48px;min-width:0;max-width:1220px;width:100%;margin:auto}.pilot{border-inline-start:3px solid var(--orange);padding:0 0 0 14px;padding-inline-start:14px;margin-bottom:34px}.pilot>span{font-size:.66rem;font-weight:800;letter-spacing:.13em;color:var(--accent)}.pilot p{font-size:.81rem;color:var(--muted);margin:5px 0 0;max-width:850px}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.15em;color:var(--accent);margin-bottom:22px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;margin-bottom:42px}.hero h1{font-size:clamp(2.7rem,4.2vw,4.4rem)}.hero p:not(.eyebrow){font-size:1.05rem;color:var(--muted);max-width:570px}.hero-symbol{background:#fff;border:1px solid var(--line);border-radius:48% 48% 24% 48%;aspect-ratio:1;max-width:270px;width:100%;padding:22px;justify-self:end;box-shadow:18px 18px 0 #eee4d9}.hero-symbol img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.actions,.row{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.row{justify-content:space-between}.actions{margin:18px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:10px;font-size:.86rem;font-weight:650;text-decoration:none}.button:hover{background:#3b3b3b}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#fff}.start{margin-bottom:28px}.start .muted{font-size:.8rem}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}.quick{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 14px;background:var(--soft);color:var(--ink);border:1px solid #e8c9bb;border-radius:12px;font-weight:600;text-align:start;min-height:68px}.quick:hover{background:#f3d6c7}.quick svg{width:18px;min-width:18px;color:var(--accent)}.feature-grid,.draft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;min-width:0;overflow-wrap:anywhere}.card p{font-size:.9rem;color:var(--muted)}.card h2{margin-top:10px}.small-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--paper);border-radius:12px;color:var(--accent);margin-bottom:10px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none;font-size:.88rem;font-weight:650}.city-card{background:#f0f3ee}.badge{display:inline-block;border-radius:6px;background:var(--soft);color:#87321e;padding:4px 8px;font-size:.7rem;font-weight:650}.muted-badge{background:#f1f1ee;color:#5b5b57}.net-count{display:inline-flex!important;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:750;line-height:1}.activity-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.activity-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-item p{margin:3px 0 0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);margin-top:8px;flex:0 0 auto}.network-activity{margin:22px 0}.network-activity>.row{margin-bottom:12px}.home-dashboard{max-width:980px}.home-dashboard h1{margin-bottom:10px}.home-subtitle{max-width:760px;color:var(--muted);font-size:1rem}.home-daily{margin:24px 0 32px}.home-daily-focus{padding:24px;background:linear-gradient(135deg,#fff 0%,#faf8f4 100%);border-color:#d8d1c8;box-shadow:0 12px 32px #2c24180a}.home-daily-focus h2{font-size:1.45rem;margin:14px 0 9px;max-width:680px}.home-daily-focus>.button{margin-top:8px}.home-daily-clear{border-style:dashed;box-shadow:none}.home-daily-clear h2{font-size:1.2rem}.home-feed-end{text-align:center;color:var(--muted);font-size:.78rem;margin:14px 0 0}.home-section{margin:34px 0}.home-section>.row{margin-bottom:14px}.home-attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-attention-card{border-inline-start:3px solid var(--orange)}.home-attention-card h3{margin:10px 0 8px}.home-feed{display:flex;flex-direction:column;gap:12px}.home-feed-card{padding:15px 16px}.home-feed-card h3{margin:7px 0;font-size:1rem}.home-feed-card p{margin-bottom:9px}.home-attention-card{padding:16px 17px}.home-quick .quick{text-decoration:none}.home-dashboard .empty{grid-column:1/-1;margin:0}.mission{padding:32px 0 8px;max-width:830px}.mission h2{font-size:1.5rem}.mission p{color:var(--muted);font-size:.96rem}.section-head{max-width:850px;margin:12px 0 28px}.section-head p:last-child{font-size:1rem;line-height:1.7;color:var(--muted)}.section-head h1{max-width:780px}.editor{max-width:760px;margin:24px 0}.editor label,.search{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600;margin:16px 0}.editor input,.editor textarea,.editor select,.search input{width:100%;padding:12px;border:1px solid #bfbcb8;border-radius:9px;background:#fff;min-height:46px;color:var(--ink)}.editor textarea{resize:vertical}.editor .row h2{margin:0}
.pilot-login-shell{max-width:620px;margin:0 0 42px}.pilot-login-shell>h2{font-size:1.45rem;margin-bottom:7px}.pilot-login-intro{max-width:580px;color:var(--muted);font-size:.92rem;line-height:1.55;margin-bottom:14px}.pilot-login-card{max-width:560px;margin:0;padding:20px}.pilot-login-card label{margin:12px 0}.pilot-login-card>.button,.pilot-login-step>.button,.pilot-google{width:100%}.pilot-login-step{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.pilot-field-hint{margin:-5px 0 8px}.pilot-policy{margin:15px 0 4px;padding:13px 14px;background:#faf8f4;border:1px solid var(--line);border-radius:11px}.pilot-policy .policy-consent{margin:0;flex-direction:row;align-items:flex-start;gap:9px;font-size:.84rem;font-weight:500;line-height:1.42}.pilot-policy-links{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;margin:8px 0 0;font-size:.76rem}.pilot-policy-links .text-link{color:var(--ink);font-size:.76rem;font-weight:550;text-decoration:underline;text-underline-offset:2px}.policy-version{color:var(--muted);margin-inline-start:auto}.pilot-alt-auth{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.pilot-alt-auth summary{cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:650;list-style-position:inside}.pilot-alt-auth-body{margin-top:10px}.text-button.pilot-local-toggle{display:block;margin:10px auto 0;color:var(--muted);text-decoration:none;font-size:.8rem}.text-button.pilot-local-toggle:hover{color:var(--ink);text-decoration:underline}.network-login-open .pilot{margin-bottom:18px}.network-login-open .pilot p{display:none}.network-login-open #networkPanel #netStatus{max-width:560px;margin:12px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.network-login-open .folkoop-guide-actor:not(.is-tour){display:none!important}
.search{max-width:500px}.profile-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.profile-grid .editor{margin-top:0}.profile-grid aside .card{margin-bottom:20px}.profile-avatar{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--accent)}.profile-avatar svg{width:32px;height:32px}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:.87rem}.checkbox input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:var(--accent)}.stack{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:6px 2px;color:var(--accent);font-size:.8rem}.text-button.danger{color:#9e3530}.stat{font-size:2.8rem;font-weight:650;line-height:1.2}.empty{border:1px dashed #c9c4bc;border-radius:16px;padding:38px 24px;text-align:center;margin:24px 0;background:#faf8f4}.empty p{max-width:650px;margin:0 auto;color:var(--muted);font-size:.9rem}.empty-icon{display:inline-flex;justify-content:center;color:var(--accent);margin-bottom:14px}.empty-icon svg{width:30px;height:30px}.draft{margin-top:18px}.draft-body{white-space:pre-wrap}.draft.complete{background:#f2f4ee}.draft .row{margin-top:16px}.notice{padding:12px 16px;border:1px solid #ccbfae;border-radius:8px;font-size:.85rem}.skip{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:100}.skip:focus{top:6px}#status{position:sticky;bottom:20px;z-index:25;font-size:.85rem;border-radius:10px;background:var(--ink);color:white;padding:12px 16px;box-shadow:0 4px 20px #0002}#status:empty{display:none}#cityWorkspace{margin-top:18px}#cityFrame{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;height:max(680px,75vh)}[hidden]{display:none!important}
.guest-preview-open .pilot{display:none}.entry-gate-open{overflow:hidden}.entry-gate{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px}.entry-gate[hidden]{display:none!important}.entry-gate-backdrop{position:absolute;inset:0;background:#f6f3ee}.entry-gate-card{position:relative;z-index:1;width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 24px 70px #0002}.entry-gate-card h1{font-size:clamp(1.8rem,5vw,2.45rem);margin-bottom:10px}.entry-gate-body{color:var(--muted);margin-bottom:18px}.entry-gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.entry-gate-actions .button{width:100%}.entry-gate-card>.meta{margin:14px 0 4px;line-height:1.5}.entry-gate-back{display:block;margin:8px auto 0;color:var(--muted);text-decoration:none}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;margin:0 0 18px;background:#fff9f0;border:1px solid #e8c9bb;border-radius:12px}.demo-banner>div{display:flex;align-items:center;gap:9px;min-width:0}.demo-banner-text{font-size:.82rem;color:var(--muted);line-height:1.4}.demo-banner .button{flex:0 0 auto}.guest-demo-banner{margin:0 0 16px;background:#fff8ee;border:2px solid #e2a677;border-radius:12px}.guest-demo-banner strong{display:block;color:var(--accent);font-size:.78rem;letter-spacing:.08em}.guest-demo-banner p{margin:5px 0 0;line-height:1.45}.guest-demo form{position:relative}.guest-demo form :is(input,textarea,select):disabled{background:#f4f1ec;color:#666;opacity:1}.guest-demo form button:disabled{opacity:.48}.guest-demo .editor{margin-top:18px}.guest-demo .card{padding:20px}
@media(min-width:1600px){.content{padding-inline:60px}}
@media(max-width:1100px){.layout{grid-template-columns:196px minmax(0,1fr)}.content{padding:24px}.topbar{padding-inline:22px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid>:last-child{grid-column:1/-1}.hero{grid-template-columns:1fr .6fr}.hero-symbol{max-width:200px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.entry-gate{padding:12px}.entry-gate-card{padding:20px;border-radius:18px}.entry-gate-actions{grid-template-columns:1fr}.demo-banner{align-items:flex-start;flex-direction:column}.demo-banner .button{width:100%}.home-daily{margin:20px 0 26px}.home-daily-focus{padding:18px}.home-daily-focus h2{font-size:1.25rem;margin-top:11px}.pilot-login-shell{margin-bottom:34px}.pilot-login-shell>h2{font-size:1.3rem}.pilot-login-intro{font-size:.86rem;margin-bottom:11px}.pilot-login-card{padding:16px;border-radius:14px}.pilot-login-card label{margin:10px 0}.pilot-login-step{margin-top:15px;padding-top:15px}.pilot-policy{padding:11px 12px;margin-top:13px}.policy-version{margin-inline-start:0;width:100%}.topbar{height:70px;padding:0 12px;gap:8px}.mobile-menu-toggle{display:inline-flex}.brand{font-size:1.05rem;gap:6px}.brand img{width:34px;height:34px}.location,.message-link span:not(.net-count),.language>span{display:none}.top-actions{gap:8px}.language select{max-width:78px;padding:7px;font-size:.8rem}.message-link{min-width:34px;min-height:44px;justify-content:center}.layout{display:block}.sidebar{position:fixed;top:70px;bottom:0;inset-inline-start:0;width:min(84vw,320px);height:auto;z-index:60;padding:14px;background:#fff;border-inline-end:1px solid var(--line);box-shadow:16px 0 40px #0003;transform:translateX(-110%);transition:transform .18s ease;overflow:auto}.menu-open .sidebar{transform:translateX(0)}[dir='rtl'] .sidebar{transform:translateX(110%);inset-inline-start:auto;inset-inline-end:0}[dir='rtl'] .menu-open .sidebar{transform:translateX(0)}.menu-open::after{content:'';position:fixed;inset:70px 0 0;background:#0006;z-index:50}.sidebar-note{display:block;margin-top:28px}#nav{display:flex;flex-direction:column;gap:5px}#nav a{min-height:48px;gap:12px;padding:12px 14px;font-size:.92rem;justify-content:flex-start;text-align:start;border-radius:10px}#nav svg{width:21px;height:21px}.content{padding:22px 18px 44px}.pilot{margin-bottom:26px}.pilot p{font-size:.77rem}.hero{display:block;margin-bottom:28px}.hero-symbol{display:none}.hero h1{font-size:2.8rem}.hero .eyebrow{margin-bottom:18px}.hero p:not(.eyebrow){font-size:1rem}.actions{gap:7px}.button{font-size:.84rem;padding:9px 12px;min-height:44px}.start .row .muted{display:none}.quick{min-height:64px;font-size:.85rem}.feature-grid,.draft-grid,.profile-grid{display:block}.home-attention-grid{display:block}.home-attention-card{margin-bottom:12px}.home-section{margin:28px 0}.feature-grid .card,.draft-grid .card{margin-bottom:14px}.card{padding:21px}.section-head h1{font-size:2.3rem}.section-head p:last-child{font-size:.95rem}.mission h2{font-size:1.3rem}.profile-grid aside .card{margin-top:0}.search{max-width:none}#status{bottom:20px}#cityFrame{height:680px;min-height:70vh}#cityWorkspace{margin-inline:-8px}.onboarding{align-items:flex-end;padding:10px}.onboarding-card{border-radius:18px 18px 10px 10px;padding:22px}.onboarding-card h2{font-size:1.45rem}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s ease}}

@media(max-width:720px){.onboarding-card,.onboarding-card[data-side="left"]{left:12px;right:12px;bottom:12px;width:auto;max-height:48vh;padding:18px}.onboarding-card h2{font-size:1.35rem}.onboarding-actions .button{min-height:42px;padding:10px 13px}.folkoop-helper-shell{right:12px;bottom:12px}.folkoop-helper-button{width:50px;height:50px}.folkoop-helper-panel{right:0;bottom:60px;width:min(340px,calc(100vw - 24px))}.onboarding-spotlight{border-radius:13px}}


/* v0.29 — authored directional FOLKOOP guide poses + real sit-edge placement */
.language-gate-open{overflow:hidden}
.folkoop-guide-language-gate{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:24px}
.folkoop-guide-language-gate[hidden]{display:none!important}
.folkoop-guide-language-backdrop{position:absolute;inset:0;background:linear-gradient(145deg,#f6f3ee 0%,#f8e5dc 58%,#eee4d9 100%)}
.folkoop-guide-language-card{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 100px #0003;display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.4fr);align-items:center;gap:30px;padding:30px}
.folkoop-guide-language-character{min-height:330px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 72%,#f8e5dc 0 35%,transparent 36%);border-radius:24px}
.folkoop-guide-language-character img{display:block;width:min(240px,88%);height:auto;filter:drop-shadow(0 16px 22px #0002);animation:folkoop-guide-welcome-bob 3.4s ease-in-out infinite}
.folkoop-guide-language-copy h1{font-size:clamp(2rem,4vw,3.25rem);margin-bottom:10px}
.folkoop-guide-language-hello{font-weight:700;margin-bottom:5px}
.folkoop-guide-language-prompt{color:var(--muted);margin-bottom:20px}
.folkoop-guide-language-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.folkoop-guide-language-choice{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;text-align:start;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;color:var(--ink)}
.folkoop-guide-language-choice:hover,.folkoop-guide-language-choice:focus-visible{background:var(--soft);border-color:#d9a28d}
.folkoop-guide-language-choice.is-current{box-shadow:0 0 0 2px #e65a3a33 inset}
.folkoop-guide-language-choice strong{font-size:.92rem}.folkoop-guide-language-choice span{font-size:.68rem;color:var(--muted);letter-spacing:.08em}
.folkoop-guide-actor{--folkoop-guide-w:124px;position:fixed;width:var(--folkoop-guide-w);height:auto;aspect-ratio:192/208;border:0;background:transparent;padding:0;margin:0;z-index:103;transition:left .32s cubic-bezier(.2,.75,.25,1),top .32s cubic-bezier(.2,.75,.25,1),right .32s,bottom .32s,filter .2s,opacity .2s,transform .2s;filter:drop-shadow(0 10px 14px #0003);overflow:visible;touch-action:manipulation}
.folkoop-guide-actor[hidden]{display:none!important}
.folkoop-guide-actor:not(:disabled){cursor:pointer}
.folkoop-guide-actor:disabled{cursor:default}
.folkoop-guide-actor>img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;transition:transform .22s ease}
.folkoop-guide-actor.is-home:not(:disabled):hover>img{transform:translateY(-4px) rotate(-1deg)}
.folkoop-guide-actor[data-pose="idle"]>img{animation:folkoop-guide-breathe 3.6s ease-in-out infinite}
.folkoop-guide-actor[data-pose^="point-"]>img{animation:folkoop-guide-point-body 1.3s ease-in-out infinite}
.folkoop-guide-actor[data-pose="idea"]>img{animation:folkoop-guide-idea-body 1.8s ease-in-out infinite}
.folkoop-guide-actor[data-pose="sit-edge"]>img{animation:folkoop-guide-sit-body 2.7s ease-in-out infinite}
.folkoop-guide-actor[data-pose="wink"]>img{animation:folkoop-guide-helper-wink 2.4s ease-in-out infinite}
.folkoop-guide-puff{position:absolute;z-index:4;inset:38% auto auto 50%;width:8px;height:8px;pointer-events:none;opacity:0}
.folkoop-guide-puff i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #e5d7cd}
.folkoop-guide-puff i:nth-child(1){transform:translate(-24px,-9px)}.folkoop-guide-puff i:nth-child(2){transform:translate(15px,-17px)}.folkoop-guide-puff i:nth-child(3){transform:translate(20px,14px)}.folkoop-guide-puff i:nth-child(4){transform:translate(-15px,18px)}
.folkoop-guide-actor.teleport-out{opacity:0;transform:scale(.45) rotate(-8deg);filter:blur(5px) drop-shadow(0 8px 10px #0001)}
.folkoop-guide-actor.teleport-out .folkoop-guide-puff{opacity:1;animation:folkoop-guide-puff .28s ease-out both}
.folkoop-guide-actor.teleport-in{animation:folkoop-guide-pop .38s cubic-bezier(.15,.9,.25,1.25)}
.folkoop-guide-actor.is-tour{pointer-events:none}
.folkoop-guide-actor.is-home{z-index:72;transition:filter .2s,opacity .2s,transform .2s}
.folkoop-helper-shell{position:fixed;right:18px;bottom:18px;z-index:71;width:0;height:0;pointer-events:none}
.folkoop-helper-panel{pointer-events:auto;right:0;bottom:112px}
.onboarding-guide-mark{display:none}
.onboarding-guide{padding-inline-start:0}
.onboarding-card{max-width:500px}
.onboarding[data-no-target="0"] .onboarding-card{backdrop-filter:saturate(1.05)}
.onboarding .folkoop-guide-actor{z-index:103}
@keyframes folkoop-guide-breathe{0%,100%{transform:translateY(0) rotate(0) scale(1)}22%{transform:translateY(-3px) rotate(-1deg) scale(1.01)}48%{transform:translateY(-1px) rotate(1deg) scale(1)}72%{transform:translateY(-4px) rotate(0) scale(1.015)}}
@keyframes folkoop-guide-point-body{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes folkoop-guide-idea-body{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.015)}}
@keyframes folkoop-guide-sit-body{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes folkoop-guide-helper-wink{0%,78%,100%{transform:translateY(0)}84%{transform:translateY(-3px)}}
@keyframes folkoop-guide-puff{0%{opacity:0;transform:scale(.5)}45%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
@keyframes folkoop-guide-pop{0%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes folkoop-guide-welcome-bob{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-6px) rotate(-.5deg)}55%{transform:translateY(-6px) rotate(.5deg)}}
@media(max-width:720px){
 .folkoop-guide-language-gate{padding:10px}
 .folkoop-guide-language-card{grid-template-columns:1fr;gap:10px;padding:18px;border-radius:20px;max-height:calc(100vh - 20px)}
 .folkoop-guide-language-character{min-height:178px;background:radial-gradient(circle at 50% 75%,#f8e5dc 0 32%,transparent 33%)}
 .folkoop-guide-language-character img{width:125px}
 .folkoop-guide-language-copy h1{font-size:1.75rem;margin-bottom:6px}
 .folkoop-guide-language-hello,.folkoop-guide-language-prompt{font-size:.86rem}
 .folkoop-guide-language-prompt{margin-bottom:11px}
 .folkoop-guide-language-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .folkoop-guide-language-choice{padding:9px 10px;min-height:42px}.folkoop-guide-language-choice strong{font-size:.82rem}
 .folkoop-helper-shell{right:10px;bottom:10px}.folkoop-helper-panel{right:0;bottom:98px}
 .onboarding-card{max-height:44vh}
}
@media(max-width:380px){
 .folkoop-guide-language-character{min-height:145px}.folkoop-guide-language-character img{width:108px}
 .folkoop-guide-language-choices{grid-template-columns:1fr 1fr}
 .folkoop-guide-language-choice{min-height:38px;padding:7px 9px}
}
@media(prefers-reduced-motion:reduce){
 .folkoop-guide-language-character img,.folkoop-guide-actor,.folkoop-guide-spotlight{animation:none!important;transition:none!important}
 .folkoop-guide-actor.teleport-out{opacity:1;transform:none;filter:drop-shadow(0 10px 14px #0003)}
 .folkoop-guide-puff{display:none!important}
}

#onboardingBody{min-height:2.4em}
@media(max-height:480px){
 .onboarding-card{padding:12px 16px}
 .onboarding-card .eyebrow{margin-bottom:6px}
 .onboarding-guide{margin:0 0 5px}
 .onboarding-card h2{font-size:1.15rem;margin:3px 0 6px}
 .onboarding-card p{line-height:1.4;margin-bottom:6px}
 .onboarding-actions{margin-top:8px}
 .onboarding-actions .button{min-height:40px;padding:7px 10px}
}

/* v0.37 — mobile social-app navigation */
.mobile-primary-nav,.mobile-context-dock{display:none}
@media(max-width:760px){
 .mobile-menu-toggle,.sidebar{display:none!important}
 .topbar{height:58px;padding:0 14px;justify-content:space-between}
 .top-actions,.location{display:none!important}
 .brand{font-size:1rem}.brand img{width:32px;height:32px}
 .layout{display:block;min-height:calc(100vh - 58px)}
 .content{padding:18px 15px calc(92px + env(safe-area-inset-bottom))}
 .mobile-context-visible .content{padding-bottom:calc(138px + env(safe-area-inset-bottom))}
 .mobile-primary-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;z-index:90;min-height:64px;padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:#fffefdf2;border-top:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 -8px 28px #0000000b}
 .mobile-primary-nav a{position:relative;display:flex;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);text-decoration:none;border-radius:10px;font-size:.61rem;font-weight:650;line-height:1.05}
 .mobile-primary-nav a svg{width:19px;height:19px}
 .mobile-primary-nav a span:not(.net-count){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-primary-nav a[aria-current="page"]{color:var(--ink);background:var(--soft)}
 .mobile-primary-nav a[aria-current="page"] svg{color:var(--accent)}
 .mobile-primary-nav .net-count{position:absolute;top:2px;left:50%;margin-left:7px;min-width:17px;height:17px;padding:0 4px;font-size:.58rem}
 .mobile-context-dock{position:fixed;display:flex;align-items:center;gap:6px;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:89;min-height:44px;padding:5px 10px;background:#f6f3eef4;border-top:1px solid var(--line);backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none}
 .mobile-context-dock[hidden]{display:none!important}.mobile-context-dock::-webkit-scrollbar{display:none}
 .mobile-context-dock>a,.mobile-context-dock>button{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-height:34px;padding:5px 9px;border:0;border-radius:999px;background:transparent;color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:650}
 .mobile-context-dock>a svg,.mobile-context-dock>button svg{width:15px;height:15px}
 .mobile-context-dock>a[aria-current="page"]{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
 .mobile-demo-chip{color:var(--accent)!important;background:#fff!important;box-shadow:0 0 0 1px #e8c9bb!important}
 .demo-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}
 .mobile-demo-popover{position:fixed;left:12px;right:12px;bottom:calc(116px + env(safe-area-inset-bottom));z-index:95;padding:15px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 55px #0003}
 .mobile-demo-popover p{margin:7px 0 12px;color:var(--muted);font-size:.83rem;line-height:1.45}
 .mobile-demo-popover .button{width:100%}
 .menu-open::after{display:none!important}
}

@media(max-width:760px){
 .folkoop-helper-shell{right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:88}
 .mobile-context-visible .folkoop-helper-shell{bottom:calc(118px + env(safe-area-inset-bottom))}
 .folkoop-helper-panel{bottom:72px}
 .guest-preview-open .folkoop-guide-actor.is-home{opacity:.96}
}

/* v0.38 — summary-first cooperation/workspace */
.coop-summary{margin-top:14px}.coop-summary-description{max-width:760px}
.coop-summary-stats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 2px}
.coop-summary-stats>span{display:grid;gap:1px;min-width:86px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#faf8f4}
.coop-summary-stats strong{font-size:1rem;line-height:1.2}.coop-summary-stats small{font-size:.68rem;color:var(--muted)}
.coop-next-step{margin:12px 0 16px;padding:15px 16px;border:1px solid #e8c9bb;border-radius:14px;background:var(--soft)}
.coop-next-step .eyebrow{display:block;margin:0 0 5px;font-size:.62rem}.coop-next-step strong{display:block;font-size:1rem}.coop-next-step p{margin:5px 0 0;color:var(--muted);font-size:.86rem}
.coop-disclosure{margin:10px 0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.coop-disclosure>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:11px 14px;cursor:pointer;font-weight:700;list-style:none}
.coop-disclosure>summary::-webkit-details-marker{display:none}.coop-disclosure>summary::after{content:'›';margin-inline-start:auto;font-size:1.35rem;color:var(--muted);transform:rotate(90deg);transition:transform .16s ease}
.coop-disclosure[open]>summary::after{transform:rotate(-90deg)}
.coop-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--paper);color:var(--muted);font-size:.7rem;font-weight:700}
.coop-disclosure-body{padding:0 14px 14px;border-top:1px solid var(--line)}
.coop-disclosure-body>.editor{max-width:none;margin:14px 0 0}.coop-disclosure-body>.notice{margin-top:14px}
.coop-compact-list{display:flex;flex-direction:column}.coop-compact-row,.coop-task-row{padding:12px 2px;border-bottom:1px solid var(--line)}
.coop-compact-row:last-child,.coop-task-row:last-child{border-bottom:0}.coop-compact-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.coop-compact-row>div{display:grid;gap:2px;min-width:0}.coop-compact-row .meta{font-size:.78rem}
.coop-task-main{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.coop-task-main strong{font-size:.92rem}.coop-task-main .meta{width:100%;font-size:.76rem}
.coop-task-row>p{margin:6px 0;color:var(--muted);font-size:.84rem}
.coop-task-row form{margin:10px 0 0}.coop-task-row form label{margin:8px 0}
.coop-disclosure .activity-list{margin-top:14px;border-radius:11px}
@media(max-width:760px){
 .coop-summary{padding:17px}.coop-summary h2{font-size:1.25rem;margin-bottom:8px}.coop-summary-description{font-size:.86rem}
 .coop-summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
 .coop-summary-stats>span{min-width:0;padding:8px}.coop-summary-stats strong{font-size:.9rem}.coop-summary-stats small{font-size:.61rem}
 .coop-next-step{padding:12px 13px}.coop-disclosure{margin:8px 0}.coop-disclosure>summary{min-height:46px;padding:9px 12px;font-size:.88rem}
 .coop-disclosure-body{padding:0 11px 11px}.coop-compact-row,.coop-task-row{padding:10px 1px}
}
@media(prefers-reduced-motion:reduce){.coop-disclosure>summary::after{transition:none}}


/* P0-02 — semantic action identity and visibly nested mobile navigation.
   Color is reinforcement only: every action keeps a text label + distinct icon,
   and current state also uses shape/border/weight. */
:root{
 --intent-need:#176a99;--intent-need-bg:#e7f2f8;
 --intent-offer:#2f6f4e;--intent-offer-bg:#e7f3ec;
 --intent-project:#684b86;--intent-project-bg:#f1eafb;
 --intent-purchase:#805700;--intent-purchase-bg:#fff1c9;
 --intent-resource:#176b67;--intent-resource-bg:#e5f4f2;
 --section-home:#ac361f;--section-together:#684b86;--section-projects:#805700;
 --section-city:#176a99;--section-messages:#2f6f4e;--section-me:#4f5962
}
.intent-action{position:relative;overflow:hidden}
.intent-action>svg{width:20px;height:20px;stroke-width:2}
.intent-action.intent-need{--intent-color:var(--intent-need);--intent-bg:var(--intent-need-bg)}
.intent-action.intent-offer{--intent-color:var(--intent-offer);--intent-bg:var(--intent-offer-bg)}
.intent-action.intent-project{--intent-color:var(--intent-project);--intent-bg:var(--intent-project-bg)}
.intent-action.intent-purchase{--intent-color:var(--intent-purchase);--intent-bg:var(--intent-purchase-bg)}
.intent-action.intent-resource{--intent-color:var(--intent-resource);--intent-bg:var(--intent-resource-bg)}
.quick.intent-action{background:var(--intent-bg,var(--soft));border-color:color-mix(in srgb,var(--intent-color,var(--accent)) 42%,white);box-shadow:inset 4px 0 0 var(--intent-color,var(--accent))}
.quick.intent-action svg{color:var(--intent-color,var(--accent))}
.quick.intent-action:hover{background:color-mix(in srgb,var(--intent-bg,var(--soft)) 76%,white)}
.quick.intent-action:focus-visible{outline-color:var(--intent-color,var(--accent))}
.button.intent-project:not(.quick){background:var(--intent-project);border-color:var(--intent-project);color:#fff}
.button.intent-project:not(.quick):hover{background:#543d6d}

@media(max-width:760px){
 .mobile-primary-nav a::after{content:'';position:absolute;left:22%;right:22%;bottom:1px;height:3px;border-radius:3px;background:transparent}
 .mobile-primary-nav a[data-section="home"]{--section-color:var(--section-home)}
 .mobile-primary-nav a[data-section="together"]{--section-color:var(--section-together)}
 .mobile-primary-nav a[data-section="projects"]{--section-color:var(--section-projects)}
 .mobile-primary-nav a[data-section="city"]{--section-color:var(--section-city)}
 .mobile-primary-nav a[data-section="messages"]{--section-color:var(--section-messages)}
 .mobile-primary-nav a[data-section="me"]{--section-color:var(--section-me)}
 .mobile-primary-nav a[aria-current="page"]{background:color-mix(in srgb,var(--section-color) 11%,white);color:var(--ink);font-weight:780}
 .mobile-primary-nav a[aria-current="page"] svg{color:var(--section-color)}
 .mobile-primary-nav a[aria-current="page"]::after{background:var(--section-color)}
 .mobile-context-dock{left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));min-height:48px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--context-color,var(--line)) 35%,var(--line));border-bottom:0;border-radius:16px 16px 0 0;background:color-mix(in srgb,var(--context-color,#fff) 8%,#fffefdf5);box-shadow:0 -10px 30px #00000012}
 .mobile-context-dock[data-parent-section="together"]{--context-color:var(--section-together)}
 .mobile-context-dock[data-parent-section="city"]{--context-color:var(--section-city)}
 .mobile-context-dock[data-parent-section="me"]{--context-color:var(--section-me)}
 .mobile-context-dock>a,.mobile-context-dock>button{min-height:36px;border:1px solid transparent}
 .mobile-context-dock>a[aria-current="page"]{border-color:color-mix(in srgb,var(--context-color) 45%,white);box-shadow:inset 0 -3px 0 var(--context-color);font-weight:780}
 .mobile-context-dock>a[aria-current="page"] svg{color:var(--context-color)}
}

/* Mura is a guide, not a decorative avatar: keep her name visible at rest. */
.folkoop-guide-actor.is-home::after{content:'Mura';position:absolute;z-index:5;right:2px;bottom:3px;padding:3px 7px;border:1px solid #d9c8bd;border-radius:999px;background:#fffefdf2;color:var(--ink);font-size:.68rem;font-weight:800;letter-spacing:.02em;box-shadow:0 3px 10px #0002}
.folkoop-guide-actor.is-tour::after{display:none}
@media(prefers-reduced-motion:reduce){.quick.intent-action,.mobile-primary-nav a,.mobile-context-dock a{transition:none!important}}

.first-actions{margin:8px 0 34px;padding:24px;border:1px solid #d9d3cb;border-radius:22px;background:linear-gradient(145deg,#fff 0%,#faf7f2 100%);box-shadow:0 14px 40px #2c24180b}
.first-actions-copy{max-width:720px}.first-actions-copy .eyebrow{margin-bottom:8px}.first-actions-copy h2{font-size:1.55rem;margin-bottom:7px}.first-actions-copy p:last-child{color:var(--muted);margin-bottom:18px}
.first-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.first-action{--intent-color:var(--accent);--intent-bg:var(--soft);display:flex;min-height:76px;align-items:center;justify-content:flex-start;gap:11px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--intent-color) 38%,white);border-radius:15px;background:var(--intent-bg);color:var(--ink);font-weight:760;text-align:start;box-shadow:inset 5px 0 0 var(--intent-color);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.first-action.intent-need{--intent-color:var(--intent-need);--intent-bg:var(--intent-need-bg)}.first-action.intent-offer{--intent-color:var(--intent-offer);--intent-bg:var(--intent-offer-bg)}.first-action.intent-project{--intent-color:var(--intent-project);--intent-bg:var(--intent-project-bg)}
.first-action svg{width:25px;height:25px;color:var(--intent-color);stroke-width:2}.first-action:hover{transform:translateY(-2px);box-shadow:inset 5px 0 0 var(--intent-color),0 8px 18px #0000000c}.first-action:focus-visible{outline-color:var(--intent-color)}
.secondary-actions{padding-top:2px}
@media(max-width:760px){.first-actions{margin:4px 0 25px;padding:17px;border-radius:18px}.first-actions-copy h2{font-size:1.3rem}.first-actions-grid{grid-template-columns:1fr}.first-action{min-height:60px;padding:11px 13px}.secondary-actions{margin-top:0}}
@media(prefers-reduced-motion:reduce){.first-action{transition:none!important}.first-action:hover{transform:none}}

/* P0-02 visual QA: keep the value choice inside the first mobile screen. */
@media(max-width:760px){
 .hero{margin-bottom:18px}
 .hero h1{font-size:clamp(2.15rem,11vw,2.55rem);line-height:1.03;margin-bottom:14px}
 .hero p:not(.eyebrow){font-size:.93rem;line-height:1.48;margin-bottom:0}
 .first-actions{margin-top:0}
}

/* P0-03 My Place v0: authorship and truthful personal history, not social rank. */
.my-place-hero{--my-accent:#ac361f;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 22px;padding:24px;border:1px solid color-mix(in srgb,var(--my-accent) 30%,var(--line));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--my-accent) 10%,#fff) 0%,#fff 72%);box-shadow:inset 6px 0 0 var(--my-accent),0 12px 34px #0000000a}
.my-place-blue{--my-accent:#176a99}.my-place-green{--my-accent:#2f6f4e}.my-place-purple{--my-accent:#684b86}.my-place-coral{--my-accent:#ac361f}
.my-place-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:var(--my-accent);color:#fff}.my-place-avatar svg{width:38px;height:38px}.my-place-identity h2{margin:2px 0 6px;font-size:1.7rem}.my-place-motto{margin:0 0 5px;font-size:1.02rem}
.my-place-life{margin:0 0 24px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.my-place-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.my-place-stats article{display:flex;align-items:baseline;gap:10px;padding:14px;border-radius:14px;background:var(--soft)}.my-place-stats strong{font-size:1.65rem}.my-place-stats span{color:var(--muted)}
.my-place-kinds h3{margin:14px 0 9px;font-size:.95rem}.my-place-chips{display:flex;flex-wrap:wrap;gap:8px}.my-place-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.my-place-chip svg{width:17px;height:17px}
.my-place-accent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0}.my-place-accent legend{grid-column:1/-1;font-weight:700;margin-bottom:3px}.accent-choice{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px}.accent-choice>span{width:18px;height:18px;border-radius:50%;background:var(--choice)}.accent-coral{--choice:#ac361f}.accent-blue{--choice:#176a99}.accent-green{--choice:#2f6f4e}.accent-purple{--choice:#684b86}.anchor-target{position:relative;top:-20px}
@media(max-width:760px){.my-place-hero{grid-template-columns:auto 1fr;padding:17px;gap:12px}.my-place-hero>.button{grid-column:1/-1;width:100%}.my-place-avatar{width:58px;height:58px;border-radius:17px}.my-place-avatar svg{width:30px;height:30px}.my-place-identity h2{font-size:1.4rem}.my-place-life{padding:16px}.my-place-stats{grid-template-columns:1fr}.my-place-accent{grid-template-columns:1fr 1fr}}

.my-place-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 24px;padding:18px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--soft) 72%,#fff)}
.my-place-empty-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:var(--accent);border:1px solid var(--line)}.my-place-empty-mark svg{width:23px;height:23px}.my-place-empty h2{font-size:1.05rem;margin:0 0 4px}.my-place-empty p{margin:0;color:var(--muted);max-width:58ch}
@media(max-width:760px){.my-place-empty{grid-template-columns:auto 1fr}.my-place-empty>.button{grid-column:1/-1;width:100%}}

/* Mobile onboarding: keep controls visible and make any remaining overflow obvious. */
.onboarding-copy{position:relative;min-height:0}
.onboarding-scroll-cue[hidden]{display:none!important}
.onboarding-scroll-cue{position:sticky;z-index:2;bottom:0;height:28px;margin-top:-28px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 70%);color:var(--accent);font-size:1.35rem;font-weight:900;pointer-events:none}
@media(max-width:720px){
 .onboarding-card,.onboarding-card[data-side="left"]{display:flex;flex-direction:column;max-height:min(58vh,560px);padding:15px 18px 14px;overflow:hidden}
 .onboarding-card>.row{flex:0 0 auto}
 .onboarding-guide{flex:0 0 auto;margin:2px 0 7px}
 .onboarding-card h2{flex:0 0 auto;font-size:1.3rem;line-height:1.16;margin:5px 0 8px}
 .onboarding-copy{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:3px;scrollbar-width:thin}
 .onboarding-copy::-webkit-scrollbar{width:4px}.onboarding-copy::-webkit-scrollbar-thumb{background:#b9ada5;border-radius:4px}
 .onboarding-card p{font-size:.96rem;line-height:1.42;margin:0;padding-bottom:5px}
 .onboarding-actions{flex:0 0 auto;margin-top:10px;padding-top:8px;border-top:1px solid #eee8e3;background:#fff}
}
@media(max-width:720px) and (min-height:700px){
 .onboarding-card,.onboarding-card[data-side="left"]{max-height:min(62vh,610px)}
}

.mura-practice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 7px;padding:7px 10px;border:1px solid #eadfd7;border-radius:12px;background:#fffaf6}.mura-practice[hidden]{display:none}.mura-practice span{font-size:1.05rem;letter-spacing:.12em;color:#9a4c2f}.mura-practice strong{font-size:.82rem;color:var(--muted)}

/* Unified first-contact welcome: Mura, language and path choice on one surface. */
.entry-welcome-card{width:min(760px,100%);display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:24px;align-items:center;max-height:min(92vh,760px);overflow:auto}
.entry-mura{align-self:center;text-align:center}.entry-mura img{display:block;width:min(100%,192px);height:auto;margin:auto;filter:drop-shadow(0 12px 18px #0002)}
.entry-welcome-copy{min-width:0}.entry-language-label{font-size:.78rem;font-weight:750;letter-spacing:.04em;margin:14px 0 7px}
.entry-language-choices{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.entry-language-choice{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:.76rem}.entry-language-choice span{color:var(--muted);font-size:.65rem}.entry-language-choice.is-current{border-color:var(--accent);box-shadow:0 0 0 2px #ac361f18;background:var(--soft)}
.entry-learning-note{padding-top:11px;border-top:1px solid var(--line)}
@media(max-width:620px){.entry-welcome-card{display:block;max-height:calc(100vh - 24px);padding:18px}.entry-mura img{width:92px;margin-bottom:4px}.entry-welcome-card h1{font-size:1.65rem}.entry-gate-body{font-size:.9rem;margin-bottom:10px}.entry-language-label{margin-top:10px}.entry-language-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;margin-bottom:12px}.entry-language-choice{width:100%;min-width:0;min-height:36px;justify-content:center;padding:5px 6px;font-size:.7rem;line-height:1.15}.entry-language-choice[data-entry-language="bs"]{grid-column:span 2}.entry-learning-note{font-size:.72rem;margin-top:10px}}
@media(max-width:620px) and (max-height:650px){.entry-language-choices{display:flex;max-height:112px;overflow:auto}.entry-language-choice{width:auto;min-width:max-content}.entry-language-choice[data-entry-language="bs"]{grid-column:auto}}

/* Unified information architecture: the same two-line bottom navigation on desktop and mobile. */
.sidebar,.mobile-menu-toggle{display:none!important}
.layout{display:block;max-width:1640px;min-height:calc(100vh - 82px)}
.content{padding-bottom:150px}
.mobile-primary-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:50%;transform:translateX(-50%);bottom:0;z-index:90;width:min(900px,100%);min-height:66px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fffefdf2;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;backdrop-filter:blur(18px);box-shadow:0 -8px 28px #00000012}
.mobile-primary-nav a{position:relative;display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);text-decoration:none;border-radius:10px;font-size:.68rem;font-weight:650;line-height:1.05}
.mobile-primary-nav a svg{width:20px;height:20px}.mobile-primary-nav a[aria-current="page"]{color:var(--ink);background:var(--soft)}
.mobile-context-dock{position:fixed;display:flex;justify-content:center;align-items:center;gap:6px;left:50%;transform:translateX(-50%);bottom:calc(66px + env(safe-area-inset-bottom));z-index:89;width:min(760px,calc(100% - 24px));min-height:48px;padding:6px 8px;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;background:#f6f3eef5;backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none}
.mobile-context-dock[hidden]{display:none!important}.mobile-context-dock::-webkit-scrollbar{display:none}
.mobile-context-dock>a,.mobile-context-dock>button{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-height:36px;padding:5px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);text-decoration:none;font-size:.76rem;font-weight:650}
.mobile-context-dock>a svg,.mobile-context-dock>button svg{width:15px;height:15px}.mobile-context-dock>a[aria-current="page"]{background:#fff;color:var(--ink);border-color:var(--line);font-weight:780}
@media(max-width:760px){.layout{display:block}.content{padding-bottom:142px}.mobile-primary-nav{left:0;right:0;transform:none;width:100%;border-radius:0}.mobile-context-dock{left:8px;right:8px;transform:none;width:auto;justify-content:flex-start}}

/* Civic Teal visual theme draft: neutral surfaces, calm interactive color, warm human accent. */
:root{
 --ink:#1F2933;
 --muted:#667085;
 --paper:#F7F5F1;
 --line:#D8D5CF;
 --accent:#176B6B;
 --orange:#A94F36;
 --soft:#EAF3F2;
 --warm:#A94F36;
 --warm-soft:#F7EDE9;
 --focus:#0B6FA4;
 --danger:#9E3530;
 --success:#2F6F4E;
 --section-home:#176B6B;
 --section-together:#2D6F68;
 --section-projects:#497271;
 --section-city:#246781;
 --section-messages:#356A5B;
 --section-me:#59666D
}
body{background:var(--paper)}
.button{background:var(--accent);border-color:var(--accent)}
.button:hover{background:#125959;border-color:#125959}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.button.secondary:hover{background:#fff}
.text-link,.text-button{color:var(--accent)}
.pilot{border-inline-start-color:var(--warm)}
.pilot>span,.eyebrow{color:var(--warm)}
.badge{background:var(--warm-soft);color:#7D3E2E}
.net-count{background:var(--accent)}
.activity-dot{background:var(--warm)}
.home-attention-card{border-inline-start-color:var(--warm)}
.onboarding-guide{color:var(--warm)}
.onboarding-guide-mark{background:var(--warm-soft);border-color:#E4C7BC;color:var(--warm)}
.entry-language-choice.is-current{border-color:var(--accent);box-shadow:0 0 0 2px #176B6B18;background:var(--soft)}
.mobile-demo-chip{color:var(--warm)!important;box-shadow:0 0 0 1px #E4C7BC!important}
.demo-dot{background:var(--warm)}
.guest-demo-banner{background:#FFF9F5;border-color:#E4C7BC}
.quick.intent-action{border-color:color-mix(in srgb,var(--intent-color,var(--accent)) 34%,white)}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--focus)}
.text-button.danger{color:var(--danger)}

/* Civic Teal intent palette: differentiated actions without the previous rainbow effect. */
:root{
 --intent-need:#246B7A;--intent-need-bg:#E8F2F3;
 --intent-offer:#2F6F4E;--intent-offer-bg:#EAF3ED;
 --intent-project:#526C73;--intent-project-bg:#EDF1F2;
 --intent-purchase:#8B5C2C;--intent-purchase-bg:#F7EFE5;
 --intent-resource:#176B6B;--intent-resource-bg:#EAF3F2
}
.button.intent-project:not(.quick){background:var(--intent-project);border-color:var(--intent-project)}
.button.intent-project:not(.quick):hover{background:#435A60;border-color:#435A60}

/* City belongs to the same FOLKOOP shell; the iframe is a civic boundary, not a second app card. */
#cityWorkspace{margin-top:12px}
#cityFrame{
  border-color:var(--line);
  border-radius:20px;
  box-shadow:0 12px 34px #1F29330A
}
@media(max-width:760px){
  #cityWorkspace{margin-inline:-10px}
  #cityFrame{border-radius:16px}
}

/* Mura visit is a compact read-only account, not an auth screen. */
.demo-profile-card{max-width:760px;padding:18px 20px}
.demo-profile-card h2{margin:8px 0 4px}
.demo-profile-card p{margin-bottom:9px}
.mura-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mura-drafts{max-width:900px;margin:16px 0 18px}
.mura-drafts>.row{margin-bottom:8px}
.mura-drafts>.row h3{margin:0}
.mura-drafts .draft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mura-draft-card{padding:13px 14px}
.mura-draft-card h3{font-size:.98rem;margin:8px 0 5px}
.mura-draft-card p{font-size:.84rem;margin:0}
@media(max-width:760px){
 .demo-profile-card{padding:15px 16px}
 .mura-drafts .draft-grid{display:grid;grid-template-columns:1fr;gap:8px}
 .mura-draft-card{padding:12px 13px;margin:0!important}
}

/* Mura account: immersive read-only product story. */
.mura-home{max-width:1120px;margin:0 auto}
.mura-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) 180px minmax(250px,.72fr);gap:18px;align-items:stretch;padding:28px;border:1px solid #C9DDD9;border-radius:28px;background:linear-gradient(135deg,#F7FBFA 0%,#EDF6F3 48%,#FFF7F2 100%);box-shadow:0 20px 60px #1F29330D;overflow:hidden}
.mura-hero::after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:#A94F3610}
.mura-hero-copy{position:relative;z-index:1;align-self:center}.mura-hero-copy .eyebrow{margin-bottom:9px}.mura-identity-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mura-identity-line h1{font-size:clamp(3rem,7vw,5.6rem);margin:0;letter-spacing:-.07em}
.mura-city-pill{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border:1px solid #BFD9D4;border-radius:999px;background:#fff9;font-size:.78rem;font-weight:760;color:#176B6B}
.mura-hero-lead{max-width:660px;margin:13px 0 22px;color:#4D5A63;font-size:1.03rem;line-height:1.65}
.mura-hero-character{display:flex;align-items:flex-end;justify-content:center;min-width:0}.mura-hero-character img{width:min(180px,100%);height:auto;filter:drop-shadow(0 16px 18px #1F293324)}
.mura-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mura-stat-row>div{padding:10px 11px;border:1px solid #D9E5E2;border-radius:13px;background:#fffaf9}.mura-stat-row strong{display:block;font-size:1.2rem}.mura-stat-row span{display:block;margin-top:1px;color:var(--muted);font-size:.7rem;line-height:1.2}
.mura-now-card{position:relative;z-index:1;padding:20px;border:1px solid #C7DCD9;border-radius:20px;background:#176B6B;color:#fff;align-self:center;box-shadow:0 14px 32px #176B6B22}.mura-now-card .mura-now-label{display:inline-block;margin-bottom:11px;font-size:.67rem;font-weight:820;letter-spacing:.13em;color:#DDF0ED}.mura-now-card h2{font-size:1.23rem;margin-bottom:7px}.mura-now-card p{color:#DDE9E7;font-size:.82rem;margin-bottom:16px}.mura-now-card .button{background:#fff;color:#176B6B;border-color:#fff}
.mura-section{margin:44px 0}.mura-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:15px}.mura-section-head .eyebrow{margin:0 0 5px}.mura-section-head h2{font-size:clamp(1.45rem,3vw,2.05rem);margin:0}.mura-section-head>p{max-width:470px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.mura-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mura-story-card{position:relative;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 28px #1F293308;overflow:hidden}.mura-story-card::after{content:'';position:absolute;inset:auto -28px -42px auto;width:110px;height:110px;border-radius:50%;background:#176B6B0A}.mura-story-card h3{font-size:1.14rem;margin:12px 0 8px}.mura-story-card p{font-size:.86rem;line-height:1.55}.mura-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.mura-status{font-size:.7rem;color:var(--muted);font-weight:720}.mura-deep-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:13px;padding:10px 0 0;border:0;border-top:1px solid #EEEAE5;background:transparent;color:var(--accent);font-weight:750;text-align:left}.mura-deep-link span{font-size:1.15rem}.mura-next-step,.mura-mini-progress{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:9px 10px;border-radius:10px;background:#F2F7F5;font-size:.76rem}.mura-next-step span,.mura-mini-progress span{color:var(--muted)}
.mura-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mura-person-card{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.mura-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,#EAF3F2,#F7EDE9);color:#176B6B;font-weight:850}.mura-person-card p{margin:2px 0 0;font-size:.75rem;color:var(--muted)}
.mura-conversation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mura-conversation{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:left;color:var(--ink)}.mura-conversation:hover,.mura-spark-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1F29330D}.mura-conversation-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#EAF3F2;color:#176B6B;font-weight:900}.mura-conversation small{display:block;margin-top:3px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mura-spark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mura-spark-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:132px;padding:16px;border:1px solid #D9D7D1;border-radius:18px;background:linear-gradient(160deg,#fff,#FAF8F4);text-align:left;color:var(--ink)}.mura-spark-card>span{font-size:1.5rem;color:var(--warm)}.mura-spark-card small{color:var(--muted);line-height:1.4}
.mura-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mura-note{padding:16px;border:1px dashed #D4C7BC;border-radius:16px;background:#FFF9F5}.mura-note strong{display:block;margin:9px 0 4px}.mura-note p{margin:0;color:var(--muted);font-size:.82rem}
.mura-city-zone{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:12px}.mura-city-callout{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border-radius:21px;background:#163F46;color:#fff}.mura-city-callout .eyebrow{color:#A7DAD2;margin-bottom:7px}.mura-city-callout h2{font-size:1.45rem}.mura-city-callout p{margin:0;color:#D7E9E6;max-width:610px}.mura-city-callout .button.secondary{flex:0 0 auto;background:#fff;color:#163F46;border-color:#fff}
.mura-neighbourhood-pulse{padding:18px;border:1px solid #E0D6CF;border-radius:21px;background:#fff}.mura-neighbourhood-pulse strong{display:block;margin:10px 0 5px}.mura-neighbourhood-pulse p{font-size:.82rem;color:var(--muted)}.mura-neighbourhood-pulse small{color:var(--muted)}
.mura-text-link{flex:0 0 auto;color:var(--accent);font-size:.82rem;font-weight:760;text-decoration:none}.mura-roam-note{display:flex;align-items:flex-start;gap:11px;padding:17px 18px;margin:34px 0 8px;border:1px solid #C7DCD9;border-radius:17px;background:#EDF6F3}.mura-roam-note>span{font-size:1.3rem;color:var(--warm)}.mura-roam-note p{margin:0;color:#47565E;font-size:.82rem;line-height:1.55}

@media(max-width:900px){.mura-hero{grid-template-columns:minmax(0,1fr) 130px}.mura-now-card{grid-column:1/-1}.mura-hero-character img{width:130px}.mura-city-zone{grid-template-columns:1fr}.mura-story-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.mura-home{margin:-4px -2px 0}.mura-hero{grid-template-columns:minmax(0,1fr) 90px;padding:18px;border-radius:22px}.mura-hero-character img{width:92px}.mura-identity-line h1{font-size:3rem}.mura-city-pill{font-size:.7rem}.mura-hero-lead{font-size:.9rem;margin-bottom:15px}.mura-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mura-now-card{padding:16px}.mura-section{margin:32px 0}.mura-section-head{display:block}.mura-section-head>p{margin-top:8px}.mura-text-link{display:inline-block;margin-top:8px}.mura-story-grid,.mura-conversation-list,.mura-note-grid{grid-template-columns:1fr}.mura-people-grid,.mura-spark-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}.mura-person-card,.mura-spark-card{min-width:78vw;scroll-snap-align:start}.mura-city-callout{align-items:flex-start;flex-direction:column}.mura-city-callout .button.secondary{width:100%}}

/* Mura immersion pass: relationships and lived-in account surfaces. */
.mura-outcome-mark{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:7px 9px;border-radius:10px;background:#EAF3ED;color:#2F6F4E;font-size:.76rem;font-weight:800}
.mura-people-page{max-width:1040px;margin:0 auto}.mura-people-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mura-person-page-card{padding:17px}.mura-person-page-head{display:flex;align-items:center;gap:11px;margin-bottom:10px}.mura-person-page-head h3{margin:0}.mura-person-page-card>p{font-size:.85rem;line-height:1.55;color:#4D5A63}
.mura-connection-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mura-connection-chips span{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid #D5E1DE;border-radius:999px;background:#F4F8F7;color:#335C57;font-size:.69rem;font-weight:680}
.mura-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mura-community-card blockquote{margin:12px 0 4px;padding:10px 12px;border-inline-start:3px solid #C7DCD9;border-radius:0 10px 10px 0;background:#F7FAF9;color:#52606A;font-size:.8rem;line-height:1.5}
.mura-community-head{margin-top:10px}.mura-community-posts{display:grid;gap:9px}.mura-community-post{padding:14px}.mura-community-post small{color:var(--muted);font-weight:750}
.mura-chat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mura-chat-card{min-height:150px}.mura-chat-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 12px;color:#4C5961;font-size:.82rem;line-height:1.48}
.mura-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid #ECE7E2}.mura-profile-stats span{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:.7rem}.mura-profile-stats strong{font-size:1.05rem;color:var(--ink)}
@media(max-width:700px){.mura-people-page-grid,.mura-community-grid,.mura-chat-grid{grid-template-columns:1fr}.mura-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mura-person-page-card{padding:14px}}


.mura-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mura-outcomes .mura-story-card{background:linear-gradient(160deg,#F8FBF9,#FFFFFF);border-color:#CFE0D5}
.mura-outcomes .mura-story-card::after{background:#2F6F4E0A}
@media(max-width:900px){.mura-outcome-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.mura-outcome-grid{grid-template-columns:1fr}}


/* v0.41 — Mobile Viewport Reclaim.
   Keep 44px+ interactive targets while reducing stacked chrome and card whitespace. */
@media(max-width:760px){
 .topbar{height:54px}
 .layout{min-height:calc(100vh - 54px)}
 .content{padding:14px 13px calc(78px + env(safe-area-inset-bottom))}
 .mobile-context-visible .content{padding-bottom:calc(116px + env(safe-area-inset-bottom))}
 .mobile-primary-nav{height:calc(48px + env(safe-area-inset-bottom));min-height:0;padding:1px 4px calc(1px + env(safe-area-inset-bottom))}
 .mobile-primary-nav a{height:44px;min-height:44px;gap:1px;font-size:.66rem}
 .mobile-primary-nav a svg{width:18px;height:18px}
 .mobile-context-dock{bottom:calc(48px + env(safe-area-inset-bottom));min-height:44px;padding:0 8px;gap:4px}
 .mobile-context-dock>a,.mobile-context-dock>button{min-height:44px;padding:4px 8px;font-size:.7rem}
 .mobile-demo-popover{bottom:calc(102px + env(safe-area-inset-bottom))}
 .folkoop-helper-shell{right:8px;bottom:calc(60px + env(safe-area-inset-bottom))}
 .mobile-context-visible .folkoop-helper-shell{bottom:calc(104px + env(safe-area-inset-bottom))}
 .folkoop-helper-button{width:48px;height:48px}
 .folkoop-helper-panel{bottom:56px}

 #networkPanel>.row:first-child{margin-bottom:8px}
 #networkPanel>.row:first-child h2{margin-bottom:5px}
 #networkPanel>.row:first-child .meta{margin-bottom:0;line-height:1.4}
 #networkPanel .draft-grid{gap:8px}
 #networkPanel .draft-grid>.card{padding:14px 15px;margin-bottom:0}
 #networkPanel .draft-grid>.card h3{margin:8px 0 5px;font-size:1rem;line-height:1.3}
 #networkPanel .draft-grid>.card p{margin-bottom:8px;font-size:.84rem;line-height:1.45}
 #networkPanel .draft-grid>.card .button,
 #networkPanel .draft-grid>.card .text-button{margin-top:2px}
 .mura-chat-card{min-height:0!important;padding:13px 14px!important}
 .mura-chat-card>.row{gap:8px}
 .mura-chat-preview{margin:5px 0 7px;line-height:1.4}
 .mura-community-card{padding:14px 15px}
 .mura-community-card blockquote{margin:8px 0 3px;padding:8px 10px}
 .mura-person-page-card{padding:13px 14px}
 .mura-section{margin:25px 0}
 .mura-section-head{margin-bottom:10px}
 .mura-section-head h2{font-size:1.35rem}
 .mura-story-card{padding:15px}
 .mura-story-card h3{margin:9px 0 6px;font-size:1.05rem}
 .mura-story-card p{margin-bottom:9px}
 .mura-note{padding:13px 14px}
 .mura-conversation{padding:11px 12px}
 .mura-conversation-icon{width:36px;height:36px}
 .mura-hero{padding:15px;gap:10px}
 .mura-identity-line h1{font-size:2.55rem}
 .mura-hero-character img{width:78px}
 .mura-hero-lead{margin:9px 0 12px;line-height:1.5}
 .mura-stat-row>div{padding:8px 9px}
 .mura-now-card{padding:13px}
 .mura-people-grid,.mura-spark-grid{gap:8px}
 .mura-person-card,.mura-spark-card{min-width:72vw}
}
@media(min-width:761px) and (max-width:900px) and (max-height:480px) and (orientation:landscape){
 .topbar{height:48px}
 .layout{min-height:calc(100vh - 48px)}
 .content{padding:10px 13px calc(108px + env(safe-area-inset-bottom))}
 .mobile-context-visible .content{padding-bottom:calc(108px + env(safe-area-inset-bottom))}
 .mobile-primary-nav{height:calc(48px + env(safe-area-inset-bottom));min-height:0;padding:1px 4px calc(1px + env(safe-area-inset-bottom))}
 .mobile-primary-nav a{height:44px;min-height:44px}
 .mobile-context-dock{bottom:calc(48px + env(safe-area-inset-bottom));min-height:44px;padding:0 8px;gap:4px}
 .mobile-context-dock>a,.mobile-context-dock>button{min-height:44px;padding:4px 8px}
 .mobile-context-visible .folkoop-helper-shell{bottom:calc(104px + env(safe-area-inset-bottom))}
 .folkoop-helper-button{width:44px;height:44px}
 .mura-hero{grid-template-columns:minmax(0,1.2fr) 76px minmax(210px,.65fr);gap:10px;padding:12px}
 .mura-hero-character img{width:76px}
 .mura-hero-lead{font-size:.82rem;line-height:1.4;margin:6px 0 8px}
 .mura-stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .mura-stat-row>div{padding:5px 6px}
 .mura-stat-row span{font-size:.6rem}
 .mura-now-card{grid-column:auto;padding:12px;align-self:stretch}
 .mura-now-card h2{font-size:1rem;margin-bottom:5px}
 .mura-now-card p{margin-bottom:8px}
}


/* v0.41 production shell: icon-first five-space navigation. */
.shell-actions{margin-inline-start:auto;display:flex;align-items:center;gap:7px}
.shell-icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink)}
.shell-icon-button:hover{background:#fff}
.shell-start-button{background:var(--accent);border-color:var(--accent);color:#fff}
.shell-start-button:hover{background:#125959;border-color:#125959}
.shell-start-menu{position:fixed;top:70px;right:20px;z-index:98;width:min(290px,calc(100vw - 28px));padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #0003}
.shell-start-menu[hidden]{display:none!important}
.shell-start-menu button{display:flex;width:100%;min-height:44px;align-items:center;padding:9px 11px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:start;font-weight:700}
.shell-start-menu button:hover{background:var(--soft)}
.mobile-primary-nav a{font-size:.68rem;gap:3px}
.mobile-primary-nav a svg{width:25px;height:25px}
.mobile-primary-nav a .primary-center-mark{display:block;width:38px;height:38px;border-radius:10px;object-fit:contain}
.mobile-primary-nav a[data-mobile-nav="center"][aria-current="page"]{background:#f2f4ef}
.mobile-primary-nav a[data-mobile-nav="center"][aria-current="page"] .primary-center-mark{transform:scale(1.06)}
.mobile-primary-nav a[aria-current="page"]::after{display:none}
@media(max-width:760px){
 .topbar{padding-inline:14px}
 .brand{font-size:1rem}
 .shell-actions{margin-inline-start:auto}
 .shell-icon-button{width:42px;height:42px}
 .top-actions,.location{display:none!important}
 .shell-start-menu{top:58px;right:10px}
}

.account-search{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #0003}
.account-search::backdrop{background:#172e3066}
.account-search form{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-search h2{margin:0;font-size:1.2rem}
.account-search form button{min-width:44px;min-height:44px;font-size:1.6rem}
.account-search input{width:100%;min-height:48px;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
#accountSearchResults{display:grid;gap:8px}
#accountSearchResults button{display:grid;gap:5px;text-align:start;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);overflow-wrap:anywhere}
#accountSearchResults small{color:var(--accent)}
#accountSearchResults span{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.account-search-match{outline:3px solid var(--accent);outline-offset:3px;scroll-margin-block:90px}

/* Labelled two-level navigation: shared desktop/mobile targets and restrained feedback. */
.mobile-primary-nav a,.mobile-context-dock>a,.mobile-context-dock>button{transition:background-color 140ms ease,color 140ms ease,transform 140ms ease}
.mobile-primary-nav a svg{width:21px;height:21px}
.mobile-primary-nav a .primary-center-mark{width:25px;height:25px;border-radius:7px}
.mobile-primary-nav a[aria-current="page"],.mobile-primary-nav a[data-mobile-nav="center"][aria-current="page"]{background:var(--soft);color:var(--accent)}
.mobile-primary-nav a:active,.mobile-context-dock>a:active,.mobile-context-dock>button:active{transform:scale(.96);background:var(--soft)}
.mobile-context-dock{box-shadow:none;border-radius:14px 14px 0 0}
.mobile-context-dock>a,.mobile-context-dock>button{flex:1 0 54px;flex-direction:column;justify-content:center;gap:3px;min-height:44px;min-width:54px;border-radius:10px;font-size:.68rem;line-height:1.1}
.mobile-context-dock>a svg,.mobile-context-dock>button svg{width:18px;height:18px}
.mobile-context-dock>a[aria-current="page"],.mobile-context-dock>button[aria-expanded="true"]{background:var(--soft);color:var(--accent);border-color:transparent;box-shadow:none}
.mobile-demo-popover{position:fixed;inset-inline:12px;bottom:calc(120px + env(safe-area-inset-bottom));padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #0002;max-height:55vh;overflow:auto}
.mobile-demo-popover[hidden]{display:none!important}
.mobile-demo-popover .button{margin-top:8px}
@media(max-width:760px){
 .mobile-primary-nav a{font-size:.62rem;gap:2px}
 .mobile-primary-nav a svg{width:19px;height:19px}
 .mobile-primary-nav a .primary-center-mark{width:21px;height:21px}
 .mobile-context-dock{gap:2px;padding-inline:4px}
 .mobile-context-dock>a,.mobile-context-dock>button{padding:3px 7px;font-size:.65rem}
}
@media(prefers-reduced-motion:reduce){.mobile-primary-nav a,.mobile-context-dock>a,.mobile-context-dock>button{transition:none!important;transform:none!important}}

/* v0.42 — My space: three equal ways to use FOLKOOP */
.home-use-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.home-use-mode{min-width:0;min-height:235px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 24px #00000008}
.home-use-mode-social{border-top:4px solid #7569ad}
.home-use-mode-solve{border-top:4px solid var(--accent)}
.home-use-mode-organize{border-top:4px solid var(--orange)}
.home-use-mode-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--paper);font-size:1.25rem}
.home-use-mode h2{margin:14px 0 7px;font-size:1.15rem}
.home-use-mode p{margin:0 0 16px;color:var(--muted);line-height:1.48}
.home-use-mode-action{display:inline-flex;align-items:center;min-height:40px;color:var(--accent);font-weight:700}
.home-use-mode-buttons{display:flex;flex-wrap:wrap;gap:8px}
.home-use-mode-buttons button{min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:700}
.home-use-mode-buttons button:hover{background:var(--soft)}
@media(max-width:860px){.home-use-modes{grid-template-columns:1fr}}

/* v0.43 — Together unified cooperation hub */
.together-hub{margin:18px 0 24px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}
.together-hub-head h3{margin:4px 0 6px;font-size:1.35rem}
.together-hub-head p:not(.eyebrow){margin:0;color:var(--muted);max-width:760px;line-height:1.48}
.together-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
.together-action-grid>a,.together-action-grid>button{min-width:0;min-height:78px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfa;color:var(--ink);text-decoration:none;text-align:start;display:flex;align-items:center;gap:10px;font-weight:700}
.together-action-grid>a:hover,.together-action-grid>button:hover{background:var(--soft)}
.together-action-grid span{font-size:1.25rem;flex:0 0 auto}
.together-action-grid strong{font-size:.9rem}
.together-discovery-bar{display:grid;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.together-discovery-bar input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:9px 11px;background:#fff;color:var(--ink)}
.together-filter-row{display:flex;gap:6px;overflow:auto;padding-bottom:2px;scrollbar-width:none}
.together-filter-row::-webkit-scrollbar{display:none}
.together-filter-row button{flex:0 0 auto;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.78rem;font-weight:700}
.together-filter-row button.active{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:760px){.together-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.together-action-grid{grid-template-columns:1fr}}

/* Center friendly hub — current social/community routes first, planned operations second. */
.center-home{display:grid;gap:18px}
.center-home-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff,var(--soft))}
.center-home-hero img{width:58px;height:58px;border-radius:13px;object-fit:contain}
.center-home-hero h1{margin:2px 0 6px}
.center-home-hero p:not(.eyebrow){margin:0;color:var(--muted);max-width:720px;line-height:1.5}
.center-home-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.center-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.center-live-card,.center-local-card{min-height:190px}
.center-local-card{border-top:4px solid var(--orange)}
.center-live-card{border-top:4px solid var(--accent)}
.center-handoff{border-inline-start:4px solid var(--accent)}
.center-future-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:4px}
.center-future-card{background:var(--paper);border-style:dashed}
@media(max-width:760px){.center-home-hero{grid-template-columns:auto 1fr}.center-home-meta{grid-column:1/-1;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.center-live-grid,.center-future-grid{grid-template-columns:1fr}}

/* v0.44 — Messages browse-first hub */
.messages-hub{margin:18px 0 22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}
.messages-hub-head h3{margin:4px 0 6px;font-size:1.35rem}
.messages-hub-head p:not(.eyebrow){margin:0;color:var(--muted);max-width:760px;line-height:1.48}
.messages-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}
.messages-action-grid>a{min-height:72px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfa;color:var(--ink);text-decoration:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.messages-action-grid>a:hover{background:var(--soft)}
.messages-action-grid span{grid-row:1 / span 2;font-size:1.2rem}
.messages-action-grid strong{font-size:.9rem}
.messages-action-grid small{color:var(--muted);font-size:.75rem}
.messages-discovery-bar{display:grid;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
.messages-discovery-bar input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:9px 11px;background:#fff;color:var(--ink)}
.messages-filter-row{display:flex;gap:6px;overflow:auto;scrollbar-width:none}
.messages-filter-row::-webkit-scrollbar{display:none}
.messages-filter-row button{flex:0 0 auto;min-height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.78rem;font-weight:700}
.messages-filter-row button.active{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:620px){.messages-action-grid{grid-template-columns:1fr 1fr}.messages-action-grid>a:last-child:nth-child(3){grid-column:1/-1}}

/* P0-A opt-in first-contact three-path experiment.
   Only active at ?first-contact=three-paths; the ordinary welcome is unchanged. */
.entry-three-preview .entry-welcome-card{display:block;width:min(940px,100%);max-height:calc(100dvh - 40px);padding:24px;overflow-y:auto;overscroll-behavior:contain}
.entry-three-preview .entry-mura{display:none}
.entry-three-preview .entry-welcome-copy{width:100%}
.entry-three-preview .entry-gate-body{max-width:66ch;margin-bottom:12px}
.entry-three-preview .entry-language-choices{margin-bottom:14px}
.entry-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.entry-three-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--paper);text-align:start}
.entry-three-heading{display:flex;gap:9px;align-items:center;min-width:0}
.entry-three-heading svg{width:22px;height:22px;flex:0 0 auto;color:var(--accent)}
.entry-three-card h2{margin:0;font-size:1.03rem;line-height:1.2;overflow-wrap:anywhere}
.entry-three-card p{flex:1;margin:0;color:var(--muted);font-size:.88rem;line-height:1.4}
.entry-three-card .button{width:100%;min-height:44px;padding:8px 10px;white-space:normal;line-height:1.25;text-align:center}
.entry-three-card .button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.entry-three-solve-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.entry-three-preview .entry-gate-actions{grid-template-columns:1fr;max-width:280px;margin:14px auto 0}
.entry-three-preview .entry-gate-actions .button{min-height:44px}
.entry-three-preview .entry-learning-note{max-width:68ch;margin:10px auto 0;text-align:center}
@media(max-width:750px){
 .entry-three-grid{grid-template-columns:1fr;gap:9px}
 .entry-three-card{padding:12px 14px;gap:7px}
 .entry-three-card p{font-size:.83rem}
 .entry-three-preview .entry-welcome-card{max-height:calc(100dvh - 30px);padding:16px}
 .entry-three-preview .entry-gate-body{font-size:.88rem}
 .entry-three-preview .entry-language-choices{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
 .entry-three-preview .entry-language-choice{width:auto;min-width:0;min-height:36px;padding:5px 7px}
 .entry-three-preview .entry-language-choice[data-entry-language="bs"]{grid-column:auto}
}
@media(max-width:380px){
 .entry-three-preview .entry-gate{padding:10px}
 .entry-three-preview .entry-welcome-card{padding:12px;max-height:calc(100dvh - 28px)}
 .entry-three-card h2{font-size:.96rem}
 .entry-three-solve-actions .button{font-size:.78rem}
}

/* P0-A opt-in guest-guided variant C. Default entry and three-path B are unchanged. */
.entry-guest-guide .entry-welcome-card{
 display:grid;grid-template-columns:minmax(72px,112px) minmax(0,1fr);gap:16px;
 align-items:center;width:min(610px,100%);max-height:calc(100dvh - 24px);
 padding:18px;overflow-y:auto;overscroll-behavior:contain
}
.entry-guest-guide .entry-mura img{width:min(100%,100px);margin:auto}
.entry-guest-guide .entry-welcome-copy{min-width:0}
.entry-guest-guide .entry-welcome-copy h1{font-size:clamp(1.35rem,3.5vw,1.9rem);margin:0 0 8px}
.entry-guest-guide .entry-gate-body{font-size:.9rem;line-height:1.38;margin-bottom:10px}
.entry-guest-guide #entryGuestLanguageLabel:not([hidden]){display:grid;gap:4px;font-size:.82rem;font-weight:650;margin:0 0 12px}
.entry-guest-guide #entryGuestLanguage{
 display:block;width:100%;min-height:44px;max-width:100%;padding:8px 10px;
 font:inherit;font-weight:500;background:#fff;color:var(--ink);
 border:1px solid var(--line);border-radius:10px
}
.entry-guest-guide #entryGuestLanguage:focus-visible,
.entry-guest-guide [data-entry="paths"]:focus-visible{
 outline:3px solid var(--focus);outline-offset:2px
}
.entry-guest-guide #entryGuestLanguageLabel[hidden],
.entry-guest-guide #entryLanguageChoices[hidden],
.entry-guest-guide #entryLanguageLabel[hidden],
.entry-guest-guide [data-entry="paths"][hidden]{display:none!important}
.entry-guest-guide .entry-gate-actions{display:grid;grid-template-columns:1fr;gap:8px}
.entry-guest-guide .entry-gate-actions .button{width:100%;min-height:44px}
.entry-guest-guide .entry-learning-note{font-size:.78rem;line-height:1.35;margin:10px 0 0;padding-top:8px}
.entry-guest-guide .entry-guest-demo{margin:12px 0 10px;font-size:.83rem;color:var(--muted)}
.entry-guest-guide #entryThreePaths{margin-top:12px;min-width:0}
.entry-guest-guide #entryThreePaths:focus{outline:none}
.entry-guest-guide #entryThreePaths:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.entry-guest-options-open .entry-mura{display:none}
.entry-guest-options-open .entry-welcome-card{display:block;width:min(900px,100%)}
@media(max-width:760px){
 .entry-guest-guide .entry-welcome-card{display:block;max-height:calc(100dvh - 20px);padding:14px}
 .entry-guest-guide .entry-mura img{width:68px;margin:0 auto 5px}
 .entry-guest-guide .entry-gate-body{font-size:.86rem;margin-bottom:9px}
 .entry-guest-guide .entry-welcome-copy h1{font-size:1.45rem}
}
@media(max-width:380px) and (max-height:620px){
 .entry-guest-guide .entry-welcome-card{padding:10px 12px}
 .entry-guest-guide .entry-mura img{width:43px;margin-bottom:2px}
 .entry-guest-guide .entry-welcome-copy h1{font-size:1.25rem;line-height:1.14}
 .entry-guest-guide .entry-gate-body{font-size:.83rem;line-height:1.28;margin-bottom:7px}
 .entry-guest-guide #entryGuestLanguageLabel:not([hidden]){margin-bottom:8px}
 .entry-guest-guide .entry-learning-note{font-size:.73rem;margin-top:6px;padding-top:6px}
}

/* Messenger: compact conversation rows, distinct bubbles, no invented presence. */
.mura-chat-grid{display:flex!important;flex-direction:column;gap:0!important;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}
.mura-chat-grid .mura-chat-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px!important;border:0;border-radius:0;box-shadow:none;margin:0;border-bottom:1px solid var(--line);min-width:0;transition:background .15s ease}
.mura-chat-grid .mura-chat-card:last-child{border-bottom:0}
.messenger-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#dcebea;color:#245b60;font-size:1.2rem;font-weight:750}
.mura-chat-card:nth-child(3n+2) .messenger-avatar,.messenger-contact:nth-child(3n+2) .messenger-avatar{background:#e8e2f2;color:#62517d}
.mura-chat-card:nth-child(3n) .messenger-avatar,.messenger-contact:nth-child(3n) .messenger-avatar{background:#f4e7d8;color:#7a5732}
.messenger-chat-copy{min-width:0;flex:1;padding-inline-end:22px}
.messenger-chat-copy h3{font-size:1rem;margin:0;overflow-wrap:anywhere}
.messenger-chat-copy .meta{font-size:.78rem;margin:4px 0}
.messenger-chat-copy .mura-chat-preview{margin:4px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;color:var(--muted)}
.messenger-open{position:absolute;inset:0;width:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:flex-end;padding:16px;color:var(--muted)}
.mura-chat-card:has(.messenger-open:hover),.mura-chat-card:has(.messenger-open:focus-visible){background:#346c7010}
.messenger-open:active{background:#346c7020!important}
.messenger-open:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
.messenger-contact-list{border-top:1px solid var(--line);margin-top:18px}
.messenger-contact{position:relative;display:flex;align-items:center;gap:12px;padding:14px 26px 14px 0;border-bottom:1px solid var(--line);min-width:0}
.messenger-contact>div{flex:1;min-width:0;overflow-wrap:anywhere}
.messenger-contact h3{margin:0;font-size:1rem}
.messenger-contact p{margin:4px 0;font-size:.85rem}
.messenger-contact>.button,.messenger-contact>.text-button{max-width:38%;white-space:normal}
.messages-contact-search{display:grid;gap:6px;max-width:480px}
.messages-empty-call{text-align:center;max-width:540px;margin:36px auto;padding:24px}
.messages-empty-call p{color:var(--muted);line-height:1.6}
.messages-call-symbol{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;margin:0 auto 20px;background:#346c7012;color:var(--accent);font-size:2rem}
.messages-filter-row a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:24px;background:#346c7010;text-decoration:none;color:inherit}
.chat-messages{display:flex;flex-direction:column;gap:10px;padding:16px 0}
.chat-messages>.messenger-bubble{align-self:flex-start;max-width:85%;min-width:0;border-radius:18px 18px 18px 5px;box-shadow:0 2px 5px #00000008;overflow-wrap:anywhere}
.chat-messages>.messenger-bubble.is-mine{align-self:flex-end;background:#e4f0e9;border-radius:18px 18px 5px 18px}
[dir=rtl] .chat-messages>.messenger-bubble{border-radius:18px 18px 5px 18px}
[dir=rtl] .chat-messages>.messenger-bubble.is-mine{border-radius:18px 18px 18px 5px}
.chat-messages .messenger-bubble>.meta{font-size:.72rem;text-align:end;margin-bottom:0}
.messenger-contact[hidden],.mura-chat-card[hidden]{display:none!important}
@media(max-width:620px){.mura-chat-grid .mura-chat-card{gap:10px;padding:12px!important}.messenger-avatar{width:42px;height:42px;flex-basis:42px}.chat-messages>.messenger-bubble{max-width:92%}.messages-empty-call{margin:16px auto;padding:16px}}
@media(prefers-reduced-motion:reduce){.mura-chat-grid .mura-chat-card{transition:none}}
/* Together workspaces: real assigned tasks and latest project activity. */
.project-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.project-shortcuts a{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;text-decoration:none}
.project-shortcuts strong{font-size:1.5rem;color:#176b6b}
.project-search{display:grid;gap:6px;max-width:36rem;margin:18px 0}
.project-search input{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit}
.task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.task-column{min-width:0;background:rgba(23,107,107,.04);border-radius:18px;padding:14px}
.task-column h4{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
.project-work-card{margin-bottom:12px;overflow-wrap:anywhere}
.project-work-card h3{margin-block:10px}
.project-timeline{border-inline-start:2px solid var(--line);padding-inline-start:18px;max-width:56rem}
.project-timeline .project-work-card{position:relative}
.project-timeline .project-work-card:before{content:'';position:absolute;inset-inline-start:-25px;top:24px;width:10px;height:10px;border-radius:50%;background:#176b6b;border:2px solid #fff}
[data-project-search-card][hidden],#projectSearchEmpty[hidden]{display:none!important}
[data-entry-language="ku"] strong,[data-folkoop-guide-lang="ku"] strong{display:flex;align-items:center;gap:8px}
[data-entry-language="ku"] strong:before,[data-folkoop-guide-lang="ku"] strong:before{content:'☀';display:inline-grid;place-items:center;flex-shrink:0;width:30px;height:20px;background:linear-gradient(#ed2024 0 33.33%,#fff 33.33% 66.66%,#278b3c 66.66%);color:#f5bb18;font-size:22px;line-height:1;box-shadow:0 0 0 1px #0002;border-radius:2px}
@media(max-width:600px){.task-board{grid-template-columns:1fr}.project-shortcuts a{flex:1 1 140px;min-width:0}.project-timeline{padding-inline-start:12px}.project-timeline .project-work-card:before{inset-inline-start:-19px}}
/* Read-only readiness snapshot inside Mura's existing project, not a booking UI. */
.project-readiness{margin-block:20px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow-wrap:anywhere}
.readiness-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.readiness-columns section{padding:14px;border-radius:14px;background:#f2f5f3}
.readiness-columns h4{margin:0 0 12px}
.readiness-columns ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.readiness-columns li{display:flex;align-items:flex-start;gap:8px}
.readiness-columns li>span:first-child{flex-shrink:0;font-weight:700}
.readiness-columns .readiness-missing{background:#fff3df}
.readiness-next{font-weight:600;margin-block:18px 12px}
.readiness-story-note{margin:16px 0 0}
@media(max-width:800px){.readiness-columns{grid-template-columns:1fr}.project-readiness{padding:16px}}
.meeting-confirmations .readiness-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:16px}
.meeting-confirmations .readiness-columns>section{background:#f2f6f5;border-radius:14px;padding:16px;min-width:0}
.meeting-confirmations li{overflow-wrap:anywhere;margin-block:8px}
.meeting-confirmations details{margin-top:16px}
.meeting-confirmations form{margin-top:12px}
.meeting-confirmations .meta{overflow-wrap:anywhere}
@media(max-width:800px){.meeting-confirmations .readiness-columns{grid-template-columns:1fr}}