:root{--accent:#16c8d6;--accent-strong:#08a9bb;--accent-soft:#dffbfb;--bg:#fbf4e4;--border:#eadfca;--highlight:#f7c948;--muted:#6f756f;--navy:#10283f;--navy-deep:#081827;--shadow:0 18px 45px #0818271f;--soft:#f6ead3;--text:#424844;--text-h:#10283f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%}body{width:100%;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #16c8d657}main{width:100%;min-height:100vh;overflow-x:hidden}.app-shell{background:radial-gradient(circle at top right, #16c8d62e, transparent 34rem), linear-gradient(135deg, #fff9ed 0%, var(--bg) 52%, #f6ead3 100%)}.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#10283ff5;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.menu-toggle{color:#fff;background:#16c8d624;border:1px solid #16c8d652;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}button,a,input,select,textarea{font:inherit}button,a{min-height:42px}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.brand,.app-nav,.hero-actions,.panel-header,.post-meta,.post-actions,.comment-meta,.comment-form,.admin-heading{align-items:center;display:flex}.brand{color:#fff;background:0 0;border:0;gap:10px;min-height:42px;padding:0;font-weight:800}.brand-mark{background:var(--accent);color:var(--navy-deep);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.app-nav,.hero-actions{gap:12px}.app-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.app-nav button{color:#ffffffd1;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-weight:800;display:inline-flex;position:relative}.app-nav button.active,.app-nav button:hover:not(:disabled){color:#fff;background:#16c8d624;border-color:#16c8d657}.app-nav button.active{box-shadow:inset 0 0 0 1px #16c8d66b}.notification-badge{background:var(--highlight);color:var(--navy-deep);border-radius:999px;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:3px 6px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.page-view{width:min(1180px,100%);min-height:calc(100vh - 74px);margin:0 auto;padding:clamp(24px,5vw,54px) clamp(18px,4vw,56px)}.home-view,.two-column-view{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:32px;display:grid}.home-side{gap:14px;display:grid}.home-view{align-items:center}.hero-copy{max-width:710px}.eyebrow,.section-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.hero-copy h1,.section-intro h1,.locked-card h1,.feed-header h1{color:var(--text-h);max-width:840px;margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.45rem,5vw,4.8rem);line-height:.98}.hero-copy p:not(.eyebrow){color:var(--text);max-width:650px;font-size:1.08rem}.hero-points{color:var(--text-h);gap:8px;margin:22px 0 0;padding-left:20px;display:grid}.hero-points li::marker{color:var(--accent)}.hero-actions{flex-wrap:wrap;margin-top:30px}.primary-button,.secondary-button,.ghost-button,.danger-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:800;display:inline-flex}.text-button{color:var(--accent);text-align:left;background:0 0;border:0;min-height:32px;padding:0;font-weight:800}.primary-button{background:var(--accent);color:var(--navy-deep);box-shadow:0 12px 24px #16c8d638}.secondary-button,.ghost-button{border-color:var(--border);color:var(--text-h);background:#ffffffd1}.danger-button{color:#991b1b;background:#fee2e2;border-color:#fecaca}.login-panel,.sidebar-card,.post,.admin-panel,.composer,.app-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffaeff0;border-radius:8px}.login-panel{align-self:start;gap:16px;padding:22px;display:grid}.panel-header{color:var(--text-h);gap:10px;font-weight:800}label{color:var(--text-h);gap:7px;font-size:.88rem;font-weight:700;display:grid}input{border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;min-width:0;padding:12px 13px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}select,textarea{border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;min-width:0}select{padding:11px 13px}textarea{resize:vertical;padding:12px 13px;line-height:1.45}.full-width{width:100%}.fine-print{color:var(--muted);font-size:.84rem}.auth-form,.profile-form,.session-card{gap:14px;display:grid}.auth-tabs{background:#10283f14;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.auth-tabs button.active{color:var(--text-h);box-shadow:var(--shadow);background:#fff}.form-error,.form-message{border-radius:8px;margin:0;padding:10px 12px;font-size:.86rem;font-weight:700}.form-error{color:#991b1b;background:#fee2e2}.form-message{background:var(--accent-soft);color:var(--navy)}.session-card{background:#10283f0f;border-radius:8px;padding:14px}.session-card strong{color:var(--text-h)}.session-card span{color:var(--muted);overflow-wrap:anywhere}.profile-summary{border:1px solid var(--border);background:#fff;border-radius:8px;gap:7px;padding:12px;display:grid}.profile-summary-header,.avatar-editor{align-items:center;gap:12px;display:flex}.avatar-editor{border:1px solid var(--border);background:#fff;border-radius:8px;padding:12px}.avatar-editor div:last-child{gap:6px;display:grid}.avatar-editor span{color:var(--muted);font-size:.84rem}.profile-summary span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.profile-summary strong{color:var(--text-h)}.profile-summary p{color:var(--text);margin:0 0 6px}.home-sections,.steps-panel,.billing-panel{align-items:start;gap:28px;width:min(1180px,100%);margin:0 auto;padding:34px clamp(18px,4vw,56px);display:grid}.home-sections,.billing-panel{grid-template-columns:minmax(0,1fr) 390px}.steps-panel{background:var(--soft);border-block:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(280px,1fr);width:100%;max-width:none;padding-inline:max(clamp(18px,4vw,56px),50vw - 534px)}.section-intro h2,.billing-panel h2{font-size:clamp(1.8rem,3vw,2.7rem)}.section-intro p,.billing-panel p{color:var(--text);max-width:660px}.benefit-grid,.access-steps{gap:12px;display:grid}.benefit-card{border:1px solid var(--border);background:#fffaeff0;border-radius:8px;gap:10px;padding:16px;display:grid}.benefit-card svg{color:var(--accent)}.benefit-card p{color:var(--text);margin:0}.access-steps{counter-reset:access-step;margin:0;padding:0;list-style:none}.access-steps li{border:1px solid var(--border);color:var(--text-h);background:#fffaeff0;border-radius:8px;align-items:center;gap:12px;padding:14px;font-weight:800;display:flex}.access-steps li:before{background:var(--accent);color:var(--navy-deep);content:counter(access-step);counter-increment:access-step;border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;display:inline-flex}.billing-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffaeff0;border-radius:8px;gap:14px;padding:18px;display:grid}.billing-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.billing-row span{color:var(--muted);font-size:.9rem}.billing-row strong{color:var(--text-h);text-align:right}.billing-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.community-layout{grid-template-columns:230px minmax(0,1fr) 290px;gap:22px;display:grid}.sidebar,.feed,.admin-panel,.member-panel{min-width:0}.sidebar-section,.tool-list{gap:8px;display:grid}.channel-button,.tool-list button,.composer button{color:var(--text-h);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.channel-button:hover,.channel-button.active,.tool-list button:hover,.composer button:hover{border-color:var(--border);background:#16c8d61f}.channel-button strong{background:var(--accent-soft);color:var(--navy);border-radius:999px;padding:2px 7px;font-size:.78rem}.sidebar-card{box-shadow:none;gap:8px;margin-top:20px;padding:16px;display:grid}.member-panel{align-self:start;gap:10px;padding:16px;display:grid}.member-panel strong{color:var(--text-h)}.member-panel span{color:var(--muted);overflow-wrap:anywhere}.activity-mini{grid-template-columns:1fr 1fr;gap:8px;display:grid}.activity-mini div{border:1px solid var(--border);background:#fff;border-radius:8px;gap:1px;padding:10px;display:grid}.activity-mini strong{font-size:1.15rem}.activity-mini span{font-size:.78rem}.sidebar-card span,.stat span,.post-meta span,.post-actions{color:var(--muted);font-size:.86rem}.feed{gap:14px;display:grid}.feed-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.feed-header p:not(.eyebrow){color:var(--text);margin:-12px 0 0}.members-view{gap:24px;display:grid}.members-intro{max-width:780px}.member-directory-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.member-card{box-shadow:none;gap:12px;padding:18px;display:grid}.member-avatar{background:var(--accent);color:var(--navy-deep);border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:900;display:inline-flex;overflow:hidden}.member-avatar.large{flex:0 0 64px;width:64px;height:64px}.member-avatar img{object-fit:cover;width:100%;height:100%;display:block}.member-card h2{color:var(--text-h);margin:0;font-size:1.25rem}.member-card div:nth-child(2) span{color:var(--muted);font-size:.84rem;font-weight:800}.member-card p{color:var(--text);gap:3px;margin:0;display:grid}.member-card p strong{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem}.activity-panel{align-self:start;gap:10px;padding:16px;display:grid}.dm-notice{background:var(--accent-soft);color:var(--navy);border:1px solid #16c8d657;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:inline-flex}.activity-item{border:1px solid var(--border);color:var(--text-h);text-align:left;background:#fff;border-radius:8px;gap:3px;min-height:0;padding:12px;display:grid}.activity-item:hover{background:var(--accent-soft);border-color:#16c8d66b}.activity-item span{color:var(--muted);font-size:.82rem}.archive-panel{border-top:1px solid var(--border);gap:10px;margin-top:6px;padding-top:14px;display:grid}.archive-panel p{color:var(--text);margin:0;font-size:.9rem}.archive-panel .fine-print{color:var(--muted);font-size:.8rem}.modal-backdrop{z-index:30;background:#0818278a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.dm-modal{gap:14px;width:min(100%,560px);max-width:560px;max-height:min(720px,100vh - 36px);padding:18px;display:grid;overflow:hidden}.dm-header{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:12px;display:grid}.dm-header div:nth-child(2){gap:2px;display:grid}.dm-header span{color:var(--muted);font-size:.84rem}.dm-thread{gap:10px;max-height:330px;padding-right:4px;display:grid;overflow-y:auto}.dm-bubble{border-radius:8px;gap:4px;max-width:82%;padding:10px 12px;display:grid}.dm-bubble.sent{background:var(--accent-soft);justify-self:end}.dm-bubble.received{border:1px solid var(--border);background:#fff;justify-self:start}.dm-bubble p{color:var(--text-h);margin:0}.dm-bubble span{color:var(--muted);font-size:.72rem}.dm-form{border-top:1px solid var(--border);gap:10px;padding-top:12px;display:grid}.dm-toast{z-index:25;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(100vw - 44px,420px);max-width:420px;padding:14px;display:grid;position:fixed;bottom:22px;right:22px}.dm-toast-close{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;position:absolute;top:8px;right:8px}.dm-toast .eyebrow{margin-bottom:2px}.dm-toast div:nth-child(3){gap:2px;min-width:0;display:grid}.dm-toast strong,.dm-toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-toast>div:nth-child(3)>span{color:var(--text);font-size:.88rem}.dm-toast .primary-button{min-height:38px;padding:8px 12px}h2,h3{color:var(--text-h);margin:0}.composer{box-shadow:none;grid-template-columns:minmax(0,1fr) 42px 42px;align-items:start;gap:8px;padding:10px;display:grid}.composer-fields{gap:8px;min-width:0;display:grid}.composer button{justify-content:center;padding:0}.emoji-row{flex-wrap:wrap;gap:6px;display:flex}.emoji-row button,.composer .emoji-row button{border:1px solid var(--border);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;padding:0;font-size:1rem;display:inline-flex}.emoji-row.compact{flex-wrap:nowrap}.emoji-row.compact button{width:32px;height:32px;min-height:32px}.attachment-preview{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.attachment-preview span{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-preview strong{color:var(--muted);white-space:nowrap;font-size:.78rem}.attachment-preview button{color:var(--accent-strong);background:0 0;border:0;width:auto;min-height:0;padding:0;font-size:.82rem;font-weight:800}.post{box-shadow:none;gap:12px;padding:18px;display:grid}.post-meta{justify-content:space-between}.post-meta div{gap:2px;display:grid}.pin{background:var(--accent-soft);color:var(--navy);border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.post p{color:var(--text);margin:0}.post-attachment{border:1px solid var(--border);color:var(--text-h);border-radius:8px;text-decoration:none;overflow:hidden}.image-attachment{background:#fff;display:block}.image-attachment img{object-fit:cover;width:100%;max-height:320px;display:block}.file-attachment{background:#fff;align-items:center;gap:9px;padding:12px;display:flex}.file-attachment span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-attachment strong{color:var(--muted);white-space:nowrap;font-size:.78rem}.post-actions{border-top:1px solid var(--border);gap:16px;padding-top:12px}.reaction-button,.comment-toggle{border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:7px 11px;font-size:.88rem;font-weight:800;display:inline-flex}.reaction-button:hover,.reaction-button.active,.comment-toggle:hover{background:var(--accent-soft);border-color:#16c8d66b}.reaction-button.active{color:var(--accent-strong)}.reaction-button span{background:var(--accent);color:var(--navy-deep);text-align:center;border-radius:999px;min-width:22px;padding:1px 6px;font-size:.72rem}.comments-panel{background:#10283f0a;border-radius:8px;gap:10px;padding:12px;display:grid}.comment{border:1px solid var(--border);background:#ffffffdb;border-radius:8px;gap:5px;padding:10px 12px;display:grid}.comment-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:.78rem}.comment-meta strong{color:var(--text-h)}.comment p,.comment-empty{color:var(--text);margin:0}.comment-empty{font-size:.88rem}.comment-form{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.comment-form input{min-height:42px}.empty-state{background:var(--soft);border:1px dashed var(--border);color:var(--muted);border-radius:8px;margin:0;padding:16px;font-weight:700}.locked-card{background:var(--navy);box-shadow:var(--shadow);border:1px solid #ffffff1f;border-radius:8px;gap:12px;padding:clamp(22px,4vw,34px);display:grid}.locked-card svg{color:var(--accent)}.locked-card h1,.locked-card h2{color:#fff;max-width:760px;font-size:clamp(1.8rem,4vw,3rem)}.locked-card p:not(.eyebrow){color:#ffffffc7;max-width:720px}.admin-panel{box-shadow:none;align-self:start;gap:18px;padding:18px;display:grid}.admin-heading{gap:10px}.stats-grid,.admin-list,.admin-form{gap:10px;display:grid}.admin-stats-inline{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px;margin-top:22px}.stat{background:var(--soft);border-radius:8px;gap:2px;padding:12px;display:grid}.stat strong{color:var(--text-h);font-size:1.35rem}.tool-list button{justify-content:flex-start}.admin-form{border-bottom:1px solid var(--border);padding-bottom:18px}.admin-list{gap:8px}.admin-space-button{border:1px solid var(--border);color:var(--text-h);text-align:left;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.admin-space-button:hover,.admin-space-button.active{background:var(--accent-soft);border-color:#16c8d66b}.admin-space-button div{gap:2px;min-width:0;display:grid}.admin-space-button span{color:var(--muted);font-size:.84rem}.admin-space-button>strong{color:var(--navy);text-align:center;background:#fff;border-radius:999px;flex:none;min-width:28px;padding:3px 8px;font-size:.8rem}.admin-list-item{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.admin-list-item div:first-child{gap:2px;min-width:0;display:grid}.admin-list-item strong{color:var(--text-h)}.admin-list-item span{color:var(--muted);font-size:.84rem}.moderation-item{align-items:flex-start}.moderation-actions{flex:none;gap:8px;display:flex}.moderation-actions .secondary-button,.moderation-actions .danger-button{min-height:36px;padding:7px 10px}@media (width<=980px){.home-view,.two-column-view,.home-sections,.steps-panel,.billing-panel,.community-layout,.member-directory-layout,.member-grid{grid-template-columns:1fr}.steps-panel{padding-inline:clamp(18px,4vw,56px)}.login-panel{width:auto;max-width:460px}.sidebar{order:0}.admin-panel{order:3}}@media (width<=640px){.app-header{flex-flow:wrap;align-items:center;gap:12px;min-height:64px;padding:12px 18px}.brand{flex:1;min-width:0;font-size:.92rem}.brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-mark,.menu-toggle{flex:none}.page-view{min-height:calc(100vh - 64px);padding:22px 18px}.hero-copy h1,.section-intro h1,.locked-card h1,.feed-header h1{font-size:clamp(2.2rem,12vw,3.2rem);line-height:1.02}.menu-toggle{display:inline-flex}.app-nav{flex-basis:100%;width:100%;display:none}.app-nav.open{gap:8px;display:grid}.app-nav button{justify-content:flex-start;width:100%;min-height:48px}.feed-header{flex-direction:column;align-items:stretch}.hero-actions,.primary-button,.secondary-button,.ghost-button,.danger-button{width:100%}.billing-actions{grid-template-columns:1fr}.post-meta{flex-direction:column;align-items:flex-start;gap:10px}.post-actions{flex-direction:column;align-items:stretch}.reaction-button,.comment-toggle{justify-content:center;width:100%}.comment-form{grid-template-columns:1fr;align-items:stretch}.admin-stats-inline{grid-template-columns:1fr}.admin-list-item,.moderation-actions{flex-direction:column;align-items:stretch}.activity-mini{grid-template-columns:1fr}.dm-toast{grid-template-columns:auto minmax(0,1fr);width:auto;bottom:16px;left:16px;right:16px}.dm-toast .primary-button{grid-column:1/-1;width:100%}.composer{grid-template-columns:minmax(0,1fr)}.composer button{width:100%;min-height:42px}.composer .emoji-row button{width:34px;min-height:34px}.attachment-preview,.file-attachment{flex-direction:column;align-items:flex-start}}