/* Isolated design prototype based on the 2026-09-24 historical client. */
:root{color-scheme:dark;--bg:#0c1110;--surface:#141b18;--surface2:#1b2420;--line:#2b3830;--text:#eef5ef;--muted:#a3b5a8;--green:#5bd78e}
body{background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif}
.sidebar{background:#101613;border-color:var(--line)}.brand{color:#f2f8f3;font-size:22px;letter-spacing:-.5px}.eyebrow,.game-tag{color:#83a28d}nav button{color:#afc1b3}nav button.selected{background:#20372a;color:#85eba9}nav button:hover{background:#1b2920}.side-bottom p,.meta,.muted,.fineprint{color:var(--muted)}
.workspace{max-width:1500px}header h1{font-size:28px}.columns{grid-template-columns:minmax(0,680px) minmax(230px,294px);justify-content:center}.card{background:var(--surface);border-color:var(--line);border-radius:16px}.community{background:linear-gradient(145deg,#1d4831,#14291e);border-color:#2e6041}.community .eyebrow{color:#95dbad}.community p,.community-mark{color:#c6ddcd}.welcome{background:#1b2b20;border-color:#304c38}.welcome p{color:#b4cbbb}.avatar{background:#294334;color:#a5edbb;border-radius:50%}.avatar.alt{background:#423d29;color:#f0dca2}.pill,.stat{background:#202e25;color:#c2d4c6}.stat b,.code{color:#7ee7a0}.stat span{color:var(--muted)}
button{background:#202c24;border-color:#344539;color:#e3eee5}.primary{background:#4fce7d;border-color:#4fce7d;color:#0b1c11}.primary:hover{background:#79e6a0}.secondary{background:#25342a}.link{color:#83e3a1}.tabs{border-color:var(--line)}.tabs button{color:#a9bbad}.tabs button.active{border-color:var(--green);color:#e8f7ec}.post-footer button{color:#b5c9ba}.post-footer button.liked{color:#ff7c8f}.compose-bottom,.review,.campaign,footer{border-color:var(--line)}.ad{background:var(--surface);border-top-color:#80b57f}.ad p{color:var(--muted)}.ad a{color:#8ae4a8}.stars{color:#e4c273}.empty{color:var(--muted)}
input:not([type=file]),textarea,select{background:#111915;color:var(--text);border-color:#3a4c3e}.compose textarea{background:transparent}dialog{background:#18221c;color:var(--text);border-color:#3a4c3e}dialog::backdrop{background:#000b}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#9df2b6}.admin-note{background:#39351e;color:#f2e1a8}.local-badge{color:#a7c1ae;border-color:#3b5341}.post-image{object-fit:contain;background:#0b100d;max-height:650px}.right .card{border-color:var(--line)}
@media(max-width:950px){.columns{grid-template-columns:minmax(0,1fr)}.right{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.sidebar{background:#101613;border-color:var(--line);padding:14px 16px}.brand{font-size:20px}nav{gap:4px}nav button{min-height:42px}.workspace{padding:18px 14px}.columns{display:block}.right{display:block}.card{border-radius:14px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat span{overflow-wrap:anywhere}.header-actions{gap:4px}footer{color:#8ea597}}
/* Accessibility and narrow-screen fixes for the isolated prototype. */
.error{color:#ffaaa4}.upload{color:#b7d9c1}.ad .ad-label,.brand-ad .ad-label{color:#c4d9a7}
.compose textarea:focus-visible{outline:3px solid #9df2b6;outline-offset:3px;border-radius:4px}
.identity,.clinic-card,.suggestion,.post-head{min-width:0}.identity>div:not(.avatar),.suggestion>div:not(.avatar){min-width:0}.identity strong,.suggestion strong,.profile-title,.clinic-card,.post-head{overflow-wrap:anywhere;word-break:normal}
@media(max-width:360px){.compose-bottom{align-items:stretch;flex-wrap:wrap}.compose-bottom .upload{flex:1 1 100%;min-width:0}.compose-bottom .upload input{max-width:100%;width:100%}.compose-bottom button{max-width:100%}.identity,.clinic-card,.suggestion{flex-wrap:wrap}.post-footer button{overflow-wrap:anywhere}}
/* Profile tabs and mobile navigation use existing views and data only. */
.mobile-nav{display:none}.profile-tabs button[aria-selected=true]{color:#e8f7ec;border-bottom:2px solid #5bd78e;font-weight:700}.connection-note{margin-top:20px}.profile-tabs{margin-top:22px}.profile-tabs button{cursor:pointer}.post{max-width:100%}.post-head .identity{min-width:0}.profile-title{overflow-wrap:anywhere}
@media(max-width:640px){body{padding-bottom:85px}.sidebar nav{display:none}.mobile-nav{display:flex;position:fixed;z-index:15;inset:auto 0 0;background:#101613;border-top:1px solid #304035;padding:6px 8px max(6px,env(safe-area-inset-bottom));margin:0;justify-content:space-around;overflow:visible}.mobile-nav>button,.mobile-more>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;min-height:52px;padding:4px 8px;color:#c4d5c8;background:transparent;border:0;font-size:21px;line-height:1.15;cursor:pointer}.mobile-nav button span,.mobile-more summary span{font-size:11px;margin-top:4px}.mobile-more{position:relative}.mobile-more summary{list-style:none}.mobile-more summary::-webkit-details-marker{display:none}.more-menu{position:absolute;bottom:calc(100% + 8px);right:0;width:205px;padding:8px;background:#1b2420;border:1px solid #3a4c3e;border-radius:12px;box-shadow:0 10px 30px #0009}.more-menu button{display:block;width:100%;text-align:left;padding:12px;background:transparent;border:0;color:#eaf5ec}.mobile-nav button:focus-visible,.mobile-more summary:focus-visible{outline:3px solid #9df2b6;outline-offset:-3px}.profile-tabs{overflow:auto}.profile-tabs button{white-space:nowrap}}
@media(max-width:360px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat span{overflow-wrap:normal}}