:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202b43;background:#f3f5f9;font-synthesis:none;font-weight:400;line-height:1.5;font-size:16px;--blue: #2459d3;--muted: #748097;--line: #e9edf3;--shadow: 0 2px 5px #1b305208}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{transition:background .15s,color .15s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #86acff;outline-offset:3px}input,textarea,button{color:inherit}h1,h2,p{margin:0}input::placeholder,textarea::placeholder{color:#8690a3}textarea{resize:vertical}.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}.demo-bar{min-height:37px;background:#e7edfa;color:#4c6089;border-bottom:1px solid #dbe3f4;padding:6px max(24px,calc((100vw - 1080px)/2));font-size:.75rem;display:flex;gap:16px;align-items:center;justify-content:space-between}.demo-bar strong{font-weight:650}.demo-bar label{display:flex;align-items:center;gap:8px;white-space:nowrap}.demo-bar select{background:#fff;border:1px solid #d4def1;border-radius:5px;font-size:.75rem;padding:1px 5px;color:#304d83}.topbar{background:#fff;border-bottom:1px solid #e4e9f1}.topbar-inner{max-width:1080px;margin:auto;height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:1.65rem;letter-spacing:-1px}.brand-symbol{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--blue);color:#fff;border-radius:11px;font-size:1.6rem;line-height:1;padding-bottom:4px;letter-spacing:-3px}.brand-symbol span{color:#a7c3ff}.brand-period{color:var(--blue)}.topbar-right{display:flex;align-items:center;gap:25px}.private-label{display:flex;align-items:center;gap:7px;color:#7a8599;font-size:.8125rem}.current-user{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:25px;font-size:.875rem;font-weight:600}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;font-size:1.0625rem;font-weight:650;line-height:1;-webkit-user-select:none;user-select:none}.avatar-1{background:#dfe8ff;color:#3b62b7}.avatar-2{background:#ffe5d7;color:#a96241}.avatar-small{width:33px;height:33px;font-size:.8125rem}.layout{max-width:1000px;margin:0 auto;padding:43px 0 60px;display:grid;grid-template-columns:minmax(0,650px) 292px;gap:27px 30px;align-items:start}.page-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:1.8px;color:#7487aa;margin-bottom:8px}.page-heading h1{font-size:1.95rem;letter-spacing:-1.1px;line-height:1.3;font-weight:650}.page-heading h1 span{color:var(--blue)}.page-heading p:last-child{font-size:.875rem;color:#7b8598;margin-top:8px}.heading-icon{display:flex;width:50px;height:50px;align-items:center;justify-content:center;color:#8ea6d3;border:1px solid #dce4f1;border-radius:16px;transform:rotate(-8deg);margin-right:5px}.card{background:#fff;border:1px solid #e3e8f0;border-radius:13px;box-shadow:var(--shadow)}.feed-column{min-width:0}.composer{padding:21px 23px 15px}.composer-main{display:flex;gap:14px}.composer textarea{border:0;background:transparent;padding:9px 0 8px;min-width:0;min-height:92px;width:100%;font-size:.9375rem;resize:vertical;line-height:1.6}.composer textarea:focus{outline:none}.composer:focus-within{border-color:#b7cbf5}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}.composer-footer>span{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#8b94a5}.primary{border:0;border-radius:7px;background:var(--blue);color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;font-size:.875rem;min-height:39px}.primary:hover:not(:disabled){background:#1c48b2}.primary:disabled{opacity:1;background:#afc2ec;color:#fff}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;margin:25px 1px 15px;gap:10px}.feed-filters{display:flex;gap:20px}.feed-filters button{border:0;background:transparent;padding:0 0 6px;font-size:.875rem;color:#8490a4;font-weight:550;position:relative}.feed-filters button.active{color:#2b436f}.feed-filters button.active:after{position:absolute;content:"";height:2px;background:var(--blue);width:19px;bottom:0;left:0;border-radius:1px}.refresh-button{display:flex;align-items:center;gap:6px;border:0;background:none;font-size:.75rem;color:#8590a3;padding:5px 0}.post-list{display:flex;flex-direction:column;gap:18px}.post-header{display:flex;align-items:center;gap:12px;padding:21px 23px 0}.post-header strong{font-size:.875rem;font-weight:650}.post-meta{display:flex;align-items:center;gap:6px;color:#8a94a7;font-size:.75rem;margin-top:1px}.post-body{padding:17px 24px 20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.65;color:#46516a}.icon-button{background:none;border:0;border-radius:6px;padding:7px;display:inline-flex;align-items:center;justify-content:center;color:#939dad;min-width:30px;min-height:30px}.icon-button:hover{background:#f0f3f8;color:#4e5c75}.delete-post{margin-left:auto;align-self:flex-start}.post-stats{padding:0 24px 12px;display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:#7c879b}.post-stats>span{display:flex;align-items:center;gap:6px}.post-stats button{border:0;background:none;padding:0;color:inherit;font-size:inherit}.mini-heart{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#e98191;color:#fff}.post-actions{border-top:1px solid var(--line);margin:0 20px;display:flex;gap:8px;padding:5px 0}.post-actions button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;flex:1;border:0;border-radius:6px;background:transparent;font-size:.8125rem;font-weight:550;color:#7c879b}.post-actions button:hover{background:#f4f6fa}.post-actions button.liked{color:var(--blue)}.comments{background:#fcfcfe;border-top:1px solid var(--line);border-radius:0 0 13px 13px;padding:16px 22px;display:flex;flex-direction:column;gap:13px}.comment{display:flex;align-items:flex-start;gap:9px}.comment-content{min-width:0}.comment-bubble{background:#eef1f6;border-radius:0 13px 13px;padding:8px 13px}.comment-bubble strong{font-size:.75rem;font-weight:650}.comment-bubble p{font-size:.875rem;line-height:1.5;color:#57627a;overflow-wrap:anywhere;white-space:pre-wrap}.comment-content time{display:block;color:#919aac;font-size:.75rem;margin:3px 0 0 8px}.comment .icon-button{margin-left:auto}.comment-form{display:flex;gap:9px;align-items:center}.reply-input{display:flex;align-items:center;background:#f0f3f8;border:1px solid #e8edf4;border-radius:20px;flex:1;min-width:0;padding-right:5px}.reply-input input{background:none;border:0;border-radius:20px;outline:none;min-width:0;width:100%;padding:9px 13px;font-size:.8125rem}.reply-input:focus-within{border-color:#a8bfed}.reply-input button{color:var(--blue)}.feed-end{display:flex;align-items:center;justify-content:center;gap:7px;color:#98a2b3;font-size:.75rem;margin-top:26px}.feed-end svg{color:#a7b7d4}.sidebar{display:flex;flex-direction:column;gap:19px}.people-card{padding:21px 20px 0}.aside-heading{display:flex;align-items:center;justify-content:space-between;color:#8a9ab4}.aside-heading h2{color:#354561;font-size:.875rem;font-weight:650}.people-card>p{color:#9099aa;font-size:.75rem;margin:5px 0 21px}.member-row{display:flex;gap:11px;align-items:center;margin-bottom:19px}.member-row .avatar{width:39px;height:39px;font-size:.9375rem}.member-row>div{display:flex;flex-direction:column;gap:1px}.member-row strong{font-size:.8125rem;font-weight:600}.member-row div span{font-size:.75rem;color:#919bad}.you-tag{margin-left:auto;font-size:.75rem;color:#8194b5;background:#f1f4fa;border:1px solid #e7ecf4;border-radius:4px;padding:1px 6px}.circle-footer{margin:2px -20px 0;padding:12px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;font-size:.75rem;color:#8a97ac}.note-card{border:1px solid #dce5f6;border-radius:12px;background:#eaf0fc;padding:25px 23px 27px}.note-icon{display:inline-flex;width:33px;height:33px;border-radius:9px;background:#dce7fb;align-items:center;justify-content:center;color:#6688c7;margin-bottom:18px}.note-card h2{font-size:1.0625rem;font-weight:600;letter-spacing:-.3px;color:#48618c;margin-bottom:8px}.note-card p{font-size:.8125rem;color:#7c8eac;line-height:1.75}.sidebar-footer{display:flex;justify-content:space-between;padding:0 5px;color:#9ca7b9;font-size:.75rem}.sidebar-footer span:first-child{font-weight:650}.sync-note{font-size:.75rem;color:#9aa6b8;padding:0 5px;margin-top:-10px}.member-pending{font-size:.8125rem}.empty-state{text-align:center;padding:45px 20px;color:#8093b4}.empty-state h2{color:#3c5074;font-size:1.125rem;margin:15px 0 5px}.empty-state p{font-size:.875rem;margin-bottom:15px}.text-button{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:5px 0;color:var(--blue);font-size:.875rem;font-weight:550}.load-more{display:block;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 24px;font-size:.875rem}.error-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#fff3ed;border:1px solid #f5d3c2;color:#9c512f;border-radius:9px;font-size:.875rem;overflow-wrap:anywhere}.error-banner button{flex-shrink:0}.loading-card,.access-card{grid-column:1/-1;padding:40px;text-align:center}.access-card h2{margin:12px}.access-card p{margin-bottom:20px}.delete-confirm{display:flex;align-items:center;gap:10px;font-size:.75rem;background:#fff4f3;padding:10px 20px;color:#99534d}.danger-button{border:1px solid #e9bfb9;background:#fff;color:#ac423a;border-radius:5px;padding:4px 9px;font-size:.75rem;margin-left:auto}.post-error,.form-error{font-size:.8125rem;color:#a64036;padding:10px 22px}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;color:#8390a8}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.signin{min-height:100vh;display:flex;align-items:center;flex-direction:column;padding:55px 20px;background:linear-gradient(160deg,#edf2ff,#f7f8fb 55%)}.signin-brand{margin-bottom:43px}.signin-card{width:100%;max-width:450px;background:#fff;border:1px solid #e0e6f1;border-radius:18px;padding:38px;box-shadow:0 15px 60px #1b305208}.lock-emblem{display:flex;width:49px;height:49px;align-items:center;justify-content:center;background:#edf2ff;border-radius:14px;color:#547ace;margin-bottom:27px}.signin h1{font-size:2.4rem;line-height:1.2;letter-spacing:-1.4px;font-weight:600}.signin-description{color:#7d889e;margin:17px 0 29px;font-size:.9375rem;line-height:1.7}.signin label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:8px}.signin input{border:1px solid #dce3ef;padding:12px 14px;border-radius:7px;width:100%;font-size:.9375rem}.signin-submit{width:100%;margin-top:13px;min-height:46px;justify-content:space-between}.fine-print{font-size:.75rem;color:#96a0b1;text-align:center;margin-top:17px}.signin-footer{display:flex;align-items:center;gap:7px;color:#98a4b8;font-size:.75rem;margin-top:28px}.notice{padding:18px;background:#f1f5fd;border-radius:8px;color:#61759b;font-size:.875rem}.sent-state{background:#f0f5ff;padding:22px;border-radius:9px;color:#546d9c}.sent-state h2{font-size:1.125rem;margin:8px 0}.sent-state p{font-size:.875rem;overflow-wrap:anywhere;margin-bottom:10px}.signin .form-error{padding:16px 0 0}@media(max-width:1160px){.topbar-inner{margin:0 35px}.layout{margin:0 35px;grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:800px){.layout{max-width:630px;margin:0 auto;grid-template-columns:1fr;padding:30px 20px 50px;gap:23px}.sidebar{display:none}.topbar-inner{margin:0 22px;height:69px}.page-heading h1{font-size:1.65rem}.heading-icon{display:none}.private-label{font-size:.75rem}.topbar-right{gap:16px}.current-user{padding-left:16px}.demo-bar{padding:7px 20px}.demo-detail{display:none}.post-body{font-size:1rem}}@media(max-width:420px){.brand{font-size:1.4rem;gap:8px}.brand-symbol{width:34px;height:34px;font-size:1.4rem}.topbar-inner{margin:0 16px}.private-label{display:none}.current-user{border:0;padding:0}.layout{padding:27px 12px 40px}.page-heading{padding:0 5px}.page-heading h1{font-size:1.5rem}.composer{padding:16px}.composer-main{gap:10px}.composer textarea{font-size:.875rem}.composer-footer>span{font-size:.75rem}.post-header{padding:18px 17px 0}.post-body{padding:15px 18px 18px}.post-stats{padding-left:18px;padding-right:18px}.comments{padding:14px}.signin-card{padding:28px}.signin h1{font-size:2rem}.signin{padding-top:35px}.feed-toolbar{margin-left:4px;margin-right:4px}.refresh-button span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.signin .password-label{margin-top:16px}