:root{--ink:#30332f;--muted:#73766e;--yellow:#f1e4b2;--pink:#f3e6e2;--mint:#e7eee5;--lavender:#eeece5;--paper:#fff;--line:#e3e3db;--background:#f8f8f5;--display-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);font-family:var(--display-font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #8b773c}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display-font);letter-spacing:-1px;font-weight:600}h1{margin-bottom:0;font-size:46px;line-height:1.14}h2{font-size:26px}svg{stroke-width:1.7px;flex-shrink:0}button,.button,.nav-link,.member-row{transition:background-color .12s,border-color .12s}.button{border:1px solid var(--line);white-space:nowrap;min-height:46px;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex}.button-yellow{background:var(--yellow);color:var(--ink)}.button-outline{background:#fff}.button:hover:not(:disabled){background:#e9dfbc}.button:active:not(:disabled){background:#e2d6ad}.button:disabled{opacity:.55}.icon-button{width:38px;height:38px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-button:hover{background:var(--yellow);border-color:#d2c9ad}.section-eyebrow{color:var(--muted);font-size:12px;font-weight:600}.count{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;min-width:22px;min-height:22px;margin-left:auto;font-size:11px;display:grid}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:216px;padding:47px 22px 24px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.desktop-navigation{flex-direction:column;gap:12px;display:flex}.nav-link{color:var(--ink);border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;padding:14px 11px;font-size:13px;font-weight:600;display:flex}.nav-link.active{box-shadow:none;background:#f4efdc;border-color:#d2c9ad}.nav-link:not(.active):hover{background:#f6f6f2}.sidebar-create{margin-top:29px}.group-members{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.group-members .section-eyebrow{justify-content:space-between;margin-bottom:16px;display:flex}.member-row{align-items:center;gap:10px;padding:9px 2px;font-size:13px;display:flex}.member-row:hover{color:#7b682f}.member-row small{color:var(--muted);font-size:11px}.member-row>svg{color:var(--muted);margin-left:auto}.member-row .avatar{width:32px;height:32px;box-shadow:none;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:32px}.demo-label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;font-size:11px;display:flex}.demo-label button{color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;min-width:36px;min-height:36px;display:grid}.demo-label button:hover{background:var(--yellow)}.signed-in{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:19px;display:flex}.signed-in strong{font-size:13px;display:block}.signed-in small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.signed-in form{margin-left:auto}.avatar{width:40px;height:40px;box-shadow:none;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.sage{background:var(--mint);color:#345745}.peach{color:#7c4532;background:#f1e7dc}.lavender{background:var(--lavender);color:#605d52}.blue{color:#345a7c;background:#e3eaee}.avatar-large{width:88px;height:88px;box-shadow:none;border-radius:50%;font-size:29px}.mobile-navigation,.mobile-demo{display:none}.page-content{margin-left:216px}.page{max-width:1240px;margin:0 auto;padding:44px 52px 55px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.forum-heading{margin-bottom:38px}.forum-heading h1{letter-spacing:-2.5px;font-size:clamp(52px,6vw,68px);font-weight:650;line-height:1}.feed-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:37px;display:flex}.filter-tabs{flex-wrap:wrap;gap:7px;display:flex}.filter-tabs button{min-height:42px;color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.filter-tabs button:hover{color:var(--ink);background:#f1f1eb}.filter-tabs .selected{background:var(--yellow);color:var(--ink);box-shadow:none;border-color:#d2c9ad}.filter-tabs span{background:#fffaf0;border:0;border-radius:6px;padding:1px 5px;font-size:10px}.search-field{min-height:42px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:9px;padding:8px 12px;display:flex}.search-field:focus-within{box-shadow:none;border-color:#d2c9ad}.search-field input{width:124px;color:var(--ink);background:0 0;border:0;font-size:12px}.search-field input:focus-visible{outline-offset:0}.search-field input::placeholder{color:var(--muted)}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:36px 27px;display:grid}.post-badge{border:1px solid var(--line);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.positive{background:var(--mint);color:#345745}.negative{background:var(--pink);color:#83594e}.empty-state{text-align:center;color:var(--muted);border:1px dashed #cdd0c6;border-radius:10px;padding:48px 25px}.empty-state h3{letter-spacing:-.6px;margin:16px 0 0;font-size:22px}.empty-state p{margin:12px 0 0;font-size:13px;line-height:1.7}.back-link{color:var(--muted);align-items:center;gap:7px;min-height:36px;margin-bottom:30px;font-size:12px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--ink)}.narrow-page{max-width:820px}.narrow-page h1{font-size:44px}.status-note{border:1px solid var(--line);color:var(--muted);background:#f3f3ec;border-radius:8px;align-items:flex-start;gap:12px;margin-top:26px;padding:18px;display:flex}.status-note p{margin:0;font-size:12px;line-height:1.7}.profile-heading{align-items:center;gap:25px;margin-bottom:35px;display:flex}.profile-heading h1{margin:0 0 9px;font-size:44px}.profile-heading p{color:var(--muted);margin:0;font-size:13px}.profile-stats{border:1px solid var(--line);box-shadow:none;background:#fffdf5;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-bottom:45px;padding:26px 0;display:grid}.profile-stats>div{color:var(--muted);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:11px;display:flex}.profile-stats>div:last-child{border:0}.profile-stats strong{color:var(--ink);font-size:27px;font-weight:600}.profile-stats strong small{color:var(--muted);font-size:13px}.profile-stats>div>span:last-child{font-size:11px}.stars{color:#a47716;gap:3px;display:flex}.section-heading{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.section-heading h2{margin:0}.section-heading>span{color:var(--muted);font-size:12px}.profile-section{margin-bottom:45px}.form-paper{border:1px solid var(--line);background:#fff;border-radius:10px;padding:31px;box-shadow:0 3px 16px #2f2b1d0a}.form-section{margin-bottom:27px}.form-label{margin-bottom:12px;font-size:13px;font-weight:600;display:block}.form-label small{color:var(--muted);margin-left:5px;font-weight:400}.input{width:100%;color:var(--ink);background:#fffefa;border:1px solid #d6d7cf;border-radius:6px;padding:13px 14px;font-size:15px;display:block}.input::placeholder{color:#7a7e74}textarea.input{resize:vertical;line-height:1.65}.form-hint{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.6}.form-error{color:#a4354b;margin:12px 0;font-size:13px;line-height:1.6}.form-success{color:#34624b;font-size:13px;line-height:1.6}.kind-options{grid-template-columns:1fr 1fr;gap:13px;display:grid}.kind-option{border:1px solid var(--line);text-align:left;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:11px;padding:17px 14px;display:flex}.kind-option.selected{background:var(--mint);box-shadow:none;color:var(--ink);border-color:#d2c9ad}.kind-option:nth-child(2).selected{background:var(--pink)}.kind-option strong{margin-bottom:5px;font-size:13px;display:block}.kind-option small{color:var(--muted);font-size:11px;display:block}.upload-area{color:#626556;cursor:pointer;background:#f7f7f2;border:1px dashed #c4c7bb;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:28px 15px;font-size:13px;font-weight:600;display:flex}.upload-area:hover{background:var(--lavender)}.upload-area:focus-within{outline-offset:4px;outline:2px solid #8b773c}.photo-previews{flex-wrap:wrap;gap:10px;margin-top:13px;display:flex}.photo-preview{width:95px;height:85px;position:relative}.photo-preview img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:100%;height:100%}.photo-preview button{background:var(--pink);border:1px solid var(--line);border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:-7px;right:-7px}.form-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-top:21px;display:flex}.form-actions p{max-width:270px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:35px 22px;display:flex}.auth-card{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;max-width:440px;padding:38px;box-shadow:0 3px 16px #2f2b1d0a}.auth-card h1{margin-bottom:28px;font-size:40px}.auth-card>p{color:var(--muted);margin-bottom:27px;font-size:13px;line-height:1.8}.auth-card .button{width:100%}.auth-footnote{color:var(--muted);text-align:center;margin-top:24px;font-size:12px;line-height:1.7}.notification-list{flex-direction:column;gap:15px;display:flex}.notification{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;padding:22px;display:flex}.notification.unread{box-shadow:none;background:#fffcf0;border-color:#d2c9ad}.notification strong{font-size:14px}.notification p{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.6}.notification small{color:var(--muted);font-size:11px}.notification>svg{color:#8c6d28}.notification-settings{border:1px solid var(--line);background:#f3f3ed;border-radius:10px;margin-top:36px;padding:25px}.notification-settings h2{letter-spacing:-.7px;font-size:24px}.notification-settings p{color:var(--muted);font-size:13px;line-height:1.8}.preference{align-items:center;gap:10px;margin-top:21px;font-size:13px;display:flex}.preference input{accent-color:#8b773c;width:18px;height:18px}.skip-link{z-index:100;border:1px solid var(--line);background:#fff;padding:10px;position:fixed;top:0;left:235px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.loading-page{text-align:center;color:var(--muted);padding:90px 25px}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (max-width:1150px){.sidebar{width:194px;padding:43px 15px 22px}.page-content{margin-left:194px}.page{padding:40px 32px 50px}.feed-toolbar{gap:16px}.post-grid{gap:33px 23px}}@media (max-width:900px){.sidebar{width:180px;padding:39px 12px 22px}.page-content{margin-left:180px}.page{padding:35px 26px 45px}.post-grid{grid-template-columns:1fr}.search-field{flex:1}.search-field input{width:100%}.profile-heading h1{font-size:35px}}@media (max-width:600px){.sidebar{border:0;width:0;height:0;padding:0;position:static;overflow:visible}.desktop-navigation,.sidebar-create,.group-members,.sidebar-bottom{display:none}.page-content{margin-left:0}.page{padding:31px 20px 115px}.page-heading{margin-bottom:30px}.forum-heading{margin-bottom:27px}.forum-heading h1{letter-spacing:-2px;font-size:54px}.narrow-page h1{font-size:38px}.mobile-demo{border:1px solid var(--line);color:var(--muted);background:#f3f3ed;border-radius:7px;padding:4px 7px;font-size:10px;display:block;position:absolute;top:44px;right:22px}.mobile-navigation{border-top:1px solid var(--line);padding:10px 10px max(12px, env(safe-area-inset-bottom));z-index:50;background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-navigation a{color:var(--muted);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:5px;min-width:67px;padding:7px 14px;font-size:10px;font-weight:600;display:flex}.mobile-navigation .active{color:var(--ink);background:var(--lavender);box-shadow:none;border-color:#d2c9ad}.feed-toolbar{gap:16px;margin-bottom:32px}.filter-tabs{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.filter-tabs button{flex:1;justify-content:center;min-height:42px;padding:8px 10px;font-size:11px}.filter-tabs span{font-size:9px}.search-field{flex-basis:100%;width:100%;min-height:44px}.search-field input{font-size:16px}.post-grid{gap:33px}.profile-heading{gap:18px;margin-top:4px}.profile-heading h1{font-size:30px}.avatar-large{border-radius:50%;width:68px;height:68px;font-size:23px}.profile-stats{padding:23px 0}.profile-stats>div>span:last-child{font-size:10px}.profile-stats strong{font-size:23px}.stars{gap:0}.stars svg{width:16px}.section-heading h2{font-size:24px}.form-paper{padding:24px 18px;box-shadow:0 3px 16px #2f2b1d0a}.input{font-size:16px}.kind-options{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.form-actions p{max-width:none}.auth-card{padding:30px 24px}.back-link{margin-bottom:24px}.notification{padding:19px}.notification-settings{padding:22px 19px}.skip-link{left:10px}}@media (max-width:360px){.page{padding-left:15px;padding-right:15px}.mobile-navigation a{min-width:60px;padding:7px 9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
