@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#1d2c25;background:#f7f7f1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:76px;padding:0 clamp(20px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8e9df;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:#17352a;font-weight:600}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#d7e96d;font-size:12px;font-weight:800}.brand b{font-family:Playfair Display;font-size:17px}.nav{display:flex;gap:24px}.nav a,.text-button{display:flex;align-items:center;gap:7px;color:#5e6b62;font-size:13px}.nav a.active{color:#17352a;font-weight:700}.top-actions{min-width:130px;display:flex;justify-content:flex-end}.text-button{border:0;background:none}.mobile-menu{display:none;background:none;border:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:8px;border:1px solid transparent;font-weight:700;font-size:13px}.button-dark{background:#18382c;color:#fff}.button-lime{background:#d9ec75;color:#1d3025}.button-outline{border-color:#ffffff80;color:#fff;background:#ffffff10}.full{width:100%}.page{max-width:1200px;margin:auto;padding:52px 28px 80px}.hero{min-height:450px;border-radius:18px;background:#17382c;color:#fff;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;padding:62px 7%;position:relative}.hero-copy{position:relative;z-index:2;max-width:520px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:700;color:#789044;display:inline-flex;align-items:center;gap:7px}.hero .eyebrow{color:#d9ec75}.hero h1,.page-title h1,.form-heading h1,.auth-panel h1{font:700 clamp(42px,5vw,65px)/1.06 "Playfair Display",serif;margin:20px 0}.hero h1 em{color:#d9ec75}.hero p{max-width:450px;color:#d3ded5;line-height:1.8;font-size:14px}.hero-buttons{display:flex;gap:12px;margin-top:28px}.hero-art{position:relative;min-height:300px}.art-circle{position:absolute;border-radius:50%;border:1px solid #ffffff30}.circle-one{width:330px;height:330px;right:4%;top:0;background:radial-gradient(circle at 40% 40%,#c5d75b 0,#c5d75b 8%,#9a6b3e 9%,#9a6b3e 27%,#294d3c 28%,#294d3c 52%,#1b3c30 53%)}.circle-two{width:220px;height:220px;right:25%;top:75px;border:1px dashed #d9ec75}.hero-stamp{position:absolute;right:3%;top:120px;border-radius:50%;background:#d9ec75;color:#20382a;width:92px;height:92px;display:grid;place-content:center;text-align:center;font-size:11px;font-weight:800;transform:rotate(12deg)}.hero-caption{position:absolute;bottom:3px;right:10%;font-size:11px;color:#c5d1c8}.section-head{display:flex;justify-content:space-between;align-items:end;margin:55px 0 22px}.section-head h2{font:700 31px Playfair Display;margin:8px 0}.inline-link{display:inline-flex;gap:8px;align-items:center;color:#58723b;font-size:13px;font-weight:700}.lane-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.lane-card{position:relative;padding:24px;background:#fff;border:1px solid #e8e9df;border-radius:12px;min-height:190px;transition:.2s}.lane-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #253b2510}.lane-icon{width:39px;height:39px;border-radius:10px;background:#eff3dc;display:grid;place-items:center;color:#58723b}.lane-card h3{font:700 18px Playfair Display;margin:17px 0 7px}.lane-card p{font-size:12px;line-height:1.6;color:#778078;max-width:210px}.lane-arrow{position:absolute;right:20px;bottom:22px;color:#7a9145}.feed-head{margin-top:65px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 25px}.chip{border:1px solid #e0e4d7;background:#fff;border-radius:30px;padding:9px 14px;color:#68736a;font-size:11px}.chip.selected{background:#203e30;color:#fff;border-color:#203e30}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.post-card{background:#fff;border:1px solid #e9eae2;border-radius:13px;overflow:hidden}.post-author{display:flex;align-items:center;gap:10px;padding:15px}.avatar,.profile-avatar{width:36px;height:36px;border-radius:50%;background:#e4edc0;display:grid;place-items:center;color:#29432e;font-weight:700}.post-author b{display:block;font-size:12px}.post-author small{display:block;color:#879087;font-size:10px;margin-top:3px}.post-media{background:#e9ece5;aspect-ratio:4/3;overflow:hidden}.post-media img,.post-media video{width:100%;height:100%;object-fit:cover;display:block}.post-content{padding:17px}.post-content h3{font:700 19px Playfair Display;margin:0 0 8px}.post-content p{font-size:12px;line-height:1.65;color:#6d776e}.post-actions{display:flex;justify-content:space-between;border-top:1px solid #edf0e9;padding-top:13px;margin-top:15px}.post-actions button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#737e74;font-size:10px}.post-actions button.active{color:#66832f}.empty-state{text-align:center;padding:60px 20px;color:#738074}.empty-state h3,.empty-state h2{font:700 25px Playfair Display;color:#24382b}.empty-state p{font-size:13px;line-height:1.7}.page-title{margin-bottom:30px}.page-title h1,.form-heading h1{font-size:48px;margin:12px 0}.page-title p,.form-heading p{color:#748075;font-size:14px}.search-input{width:100%;max-width:500px;padding:14px 17px;border:1px solid #dfe4d9;border-radius:8px;background:#fff;outline-color:#8da64e}.auth-wrap{min-height:75vh;display:grid;place-items:center;padding:50px 20px}.auth-panel{width:min(100%,460px);padding:42px;background:#fff;border:1px solid #e7e9df;border-radius:15px}.auth-panel h1{font-size:42px;margin:13px 0}.auth-panel>p{font-size:13px;color:#788278;line-height:1.7}.auth-panel form,.publish-form{display:grid;gap:17px;margin-top:25px}.auth-panel label,.publish-form label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#425247}.auth-panel input,.publish-form input,.publish-form select,.publish-form textarea,.comments textarea{width:100%;padding:13px;border:1px solid #dfe4d9;border-radius:7px;background:#fff;outline-color:#8da64e;font-weight:400}.switch-auth{font-size:12px!important;text-align:center;margin:20px 0}.switch-auth button{border:0;background:none;color:#66832f;font-weight:700}.form-page{max-width:760px;margin:auto;padding:55px 25px 90px}.publish-form{background:#fff;padding:28px;border:1px solid #e7e9df;border-radius:12px}.upload-box{min-height:155px;border:1px dashed #b9c6a6!important;border-radius:9px;display:grid!important;place-items:center;padding:22px;background:#fafbf5;color:#59713c!important}.upload-box span{font-size:10px;color:#8a9488;font-weight:400}.upload-box input{max-width:250px;border:0;padding:5px}.notice,.setup-notice{padding:12px 15px;border-radius:7px;background:#f0f4df;color:#526a31;font-size:12px;line-height:1.5;margin:15px 0}.notice.error{background:#fff0ec;color:#9a4737}.setup-notice{margin:0;border-radius:0;text-align:center}.setup-notice p{margin:5px}.profile-hero{display:flex;gap:22px;align-items:center;padding:30px;background:#fff;border:1px solid #e7e9df;border-radius:13px}.profile-avatar{width:75px;height:75px;font-size:27px}.profile-hero h1{font:700 34px Playfair Display;margin:8px 0}.profile-hero p{font-size:12px;color:#778178}.detail-page{max-width:850px;margin:auto;padding:45px 22px 80px}.detail-page .post-media{aspect-ratio:16/9}.comments{margin-top:28px;background:#fff;border:1px solid #e7e9df;border-radius:12px;padding:25px}.comments h2{font:700 24px Playfair Display}.comments form{display:grid;gap:12px}.comments textarea{min-height:90px}.comment{border-top:1px solid #edf0e9;padding:15px 0}.comment b{font-size:12px}.comment p{font-size:13px;line-height:1.6}.comment small{color:#8b958b;font-size:10px}.moderation-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e7e9df;padding:18px;border-radius:9px;margin:10px 0}.moderation-row p{font-size:11px;color:#7c877d}.moderation-actions{display:flex;gap:8px}.moderation-actions button{border:1px solid #dfe4d9;background:#f7f8f2;border-radius:6px;padding:9px 12px;font-size:11px}footer{border-top:1px solid #e8e9df;padding:25px clamp(20px,6vw,92px);display:flex;justify-content:space-between;color:#899188;font-size:11px}.loading-screen{padding:100px;text-align:center;font:700 24px Playfair Display}@media(max-width:900px){.nav{gap:12px}.nav a{font-size:11px}.lane-grid,.feed-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:45px 6%}.circle-one{width:260px;height:260px}.circle-two{width:180px;height:180px}}@media(max-width:650px){.topbar{height:65px;padding:0 17px}.mobile-menu{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:18px 22px;box-shadow:0 10px 20px #14291a12;flex-direction:column}.nav.open{display:flex}.top-actions{min-width:auto}.top-actions .button{padding:10px 12px;font-size:11px}.brand{font-size:12px}.brand b{font-size:14px}.hero{grid-template-columns:1fr;padding:38px 25px;min-height:600px}.hero h1{font-size:48px}.hero-art{min-height:220px}.circle-one{width:230px;height:230px;right:12%;top:0}.circle-two{width:160px;height:160px;right:35%;top:45px}.hero-stamp{right:7%;top:85px}.lane-grid,.feed-grid{grid-template-columns:1fr}.page{padding:35px 17px 60px}.section-head h2{font-size:26px}.page-title h1,.form-heading h1{font-size:40px}.auth-panel{padding:27px 22px}.publish-form{padding:19px}.profile-hero{align-items:flex-start;padding:20px}.profile-avatar{width:55px;height:55px}.profile-hero h1{font-size:27px}.moderation-row{gap:12px;align-items:flex-start;flex-direction:column}footer{padding:22px 17px}}:focus-visible{outline:2px solid #6f8c33;outline-offset:2px}.skip-link{position:absolute;left:-999px;top:8px}.skip-link:focus{left:12px;z-index:100;background:#fff;padding:9px 14px;border-radius:7px;border:1px solid #cfd6c2}.top-actions{gap:10px;align-items:center;min-width:0}.nav-signout{display:none}.desktop-only{display:flex}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:none;color:#4d5b51;position:relative}.icon-button:hover{background:#f0f3e6}.badge{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#d4472f;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.button-ghost{background:transparent;border-color:#d6dccb;color:#2d4636}.button-outline-dark{background:#fff;border-color:#c8d2b8;color:#2d4636}.button:disabled{opacity:.6;cursor:not-allowed}.google-btn{margin-top:12px}.toast-stack{position:fixed;left:50%;transform:translate(-50%);bottom:24px;display:grid;gap:8px;z-index:200;width:min(92vw,420px);pointer-events:none}.toast{background:#18382c;color:#fff;padding:12px 16px;border-radius:9px;font-size:13px;box-shadow:0 10px 30px #0003}.toast.error{background:#9a3a2a}.post-author-text{flex:1;min-width:0}.post-author-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-img{object-fit:cover;background:#e4edc0}.post-menu{position:relative}.menu-pop{position:absolute;right:0;top:40px;background:#fff;border:1px solid #e3e7d9;border-radius:11px;box-shadow:0 14px 34px #1a2e2114;padding:6px;min-width:200px;z-index:8;display:grid}.menu-pop button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:11px 12px;border-radius:7px;font-size:13px;color:#34453a;text-align:left}.menu-pop button:hover{background:#f3f6ea}.menu-pop .danger{color:#a8402e}.post-content h3 a:hover{color:#58723b}.clamp-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.full-text{white-space:pre-wrap}.post-actions button{font-size:12px;min-height:40px;padding:0 4px}.post-card.detail .post-content h3{font-size:30px;line-height:1.2}.post-card.detail .post-content p{font-size:14px}.load-more{display:flex;justify-content:center;margin:32px 0 0}.skeleton-card{background:#fff;border:1px solid #e9eae2;border-radius:13px;padding:0 0 18px;overflow:hidden}.sk{background:linear-gradient(90deg,#eef0e8 25%,#f7f8f2 37%,#eef0e8 63%);background-size:400% 100%;animation:sk 1.4s ease infinite}.sk-media{aspect-ratio:4/3}.sk-line{height:14px;margin:16px 17px 0;border-radius:6px}.sk-line.short{width:55%}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1d1680;display:grid;place-items:center;z-index:150;padding:18px}.modal{background:#fff;border-radius:14px;padding:26px;width:min(100%,440px);display:grid;gap:14px}.modal h3{font:700 22px Playfair Display;margin:0}.modal p{margin:0;font-size:13px;color:#6b776d;line-height:1.6}.modal label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#425247}.modal select,.modal textarea{width:100%;padding:11px;border:1px solid #dfe4d9;border-radius:7px;font-weight:400;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.counter{justify-self:end;font-size:10px;font-weight:400;color:#8a9488}.upload-preview{border-radius:10px;overflow:hidden;background:#e9ece5}.upload-preview img,.upload-preview video{display:block;width:100%;max-height:340px;object-fit:contain}.comment-head{display:flex;align-items:center;gap:10px}.comment-head .icon-button{margin-left:auto;width:30px;height:30px}.muted{color:#8a9488;font-size:13px}.page.narrow{max-width:760px}.notif-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.notif a,.notif>div{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;background:#fff;border:1px solid #e7e9df;border-radius:11px;font-size:14px;line-height:1.5}.notif.unread a,.notif.unread>div{background:#f4f8df;border-color:#d9e4a4}.notif small{display:block;color:#8a9488;font-size:11px;margin-top:3px}.notif-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4edc0;color:#40601f;flex:none}.profile-info{min-width:0}.profile-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}.profile-form{margin:22px 0 0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.stat{background:#fff;border:1px solid #e7e9df;border-radius:11px;padding:16px}.stat b{display:block;font:700 28px Playfair Display}.stat span{font-size:12px;color:#7c877d}.stat.warn b{color:#b5472f}.pill{display:inline-block;padding:2px 8px;border-radius:20px;background:#eef1e3;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pill.pending{background:#fff1d6;color:#8a5a00}.pill.published{background:#e1f2dc;color:#2d6a1f}.mod-info{min-width:0;flex:1}.mod-info b a:hover{color:#58723b}.report-list{margin:8px 0 0;padding-left:18px;font-size:12px;color:#7a4a3d;line-height:1.7}.moderation-actions button:disabled{opacity:.5}.moderation-actions .danger{color:#a8402e;border-color:#ecc9c0;background:#fff6f3}.tabbar{display:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:650px){body{padding-bottom:64px}.desktop-only{display:none}.nav-signout{display:flex;padding-top:6px;border-top:1px solid #edf0e9}.nav{z-index:12}.nav a{font-size:14px;padding:6px 0}.stat-row{grid-template-columns:repeat(2,1fr)}.toast-stack{bottom:76px}.hero-buttons{flex-wrap:wrap}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;height:60px;background:#fff;border-top:1px solid #e8e9df;z-index:20;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.tabbar a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:#6c786f}.tabbar a.active{color:#17352a;font-weight:700}.tabbar .tab-create{color:#fff}.tabbar .tab-create svg{background:#18382c;border-radius:12px;padding:6px;width:38px;height:38px;color:#d9ec75}.tabbar .tab-create span{display:none}.tabbar .badge{top:4px;right:calc(50% - 20px)}footer{flex-direction:column;gap:6px}}:root{--cca-forest:#17382c;--cca-leaf:#789044;--cca-lime:#d9ec75;--cca-paper:#f7f7f1;--cca-line:#e6e9dd;--cca-shadow:0 18px 48px rgba(25,48,34,.08)}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:radial-gradient(ellipse at 8% 0%,rgba(217,236,117,.1),transparent 32%),var(--cca-paper)}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;box-shadow:0 5px 24px #162d1f09}.brand-mark{border-radius:14px 14px 14px 4px;box-shadow:inset 0 0 0 1px #1e372612}.nav a{position:relative;transition:color .2s ease,transform .2s ease}.nav a:hover{color:var(--cca-forest);transform:translateY(-1px)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:4px;background:var(--cca-lime)}.button{border-radius:11px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 22px #17382c29}.button-dark{background:linear-gradient(135deg,#1b4232,#153326)}.hero{border-radius:24px;box-shadow:var(--cca-shadow);isolation:isolate}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(217,236,117,.08),transparent 72%);z-index:1}.hero-art{z-index:0}.circle-one{box-shadow:0 25px 70px #0000002e,inset 0 0 55px #d9ec7526}.lane-card{border-radius:17px;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s;overflow:hidden}.lane-card:before{content:"";position:absolute;inset:auto -35px -65px auto;width:130px;height:130px;border-radius:50%;background:#d9ec751f;transition:transform .3s}.lane-card:hover{transform:translateY(-5px);border-color:#d5dfbd;box-shadow:0 18px 35px #1a322117}.lane-card:hover:before{transform:scale(1.35)}.chip{transition:background .18s,color .18s,border-color .18s,transform .18s}.chip:hover{transform:translateY(-1px);border-color:#b7c68e}.post-card{border-radius:18px;box-shadow:0 3px 14px #1c302106;transition:transform .22s ease,box-shadow .22s,border-color .22s}.post-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1c302116;border-color:#dce3d0}.post-media{position:relative;background:linear-gradient(135deg,#e9ede2,#dfe6d8);isolation:isolate}.post-media img,.post-media video{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.post-card:hover .post-media img{transform:scale(1.025)}.post-media video{background:#e6eadf;object-fit:cover}.post-content h3 a{transition:color .2s}.post-actions{gap:5px}.post-actions button{border-radius:9px;padding:7px 8px;transition:background .18s,color .18s,transform .18s}.post-actions button:hover{background:#f1f5e8;color:#3d5d2d;transform:translateY(-1px)}.post-actions button.active svg{filter:drop-shadow(0 2px 3px rgba(120,144,68,.25))}.form-page{max-width:820px}.form-heading{padding:0 5px 8px}.publish-form,.auth-panel,.comments,.profile-hero,.stat,.notif a,.notif>div{border-radius:18px;box-shadow:0 8px 28px #19302209}.publish-form{padding:clamp(20px,4vw,36px)}.publish-form input,.publish-form select,.publish-form textarea,.auth-panel input,.comments textarea{border-radius:10px;transition:border-color .2s,box-shadow .2s}.publish-form input:focus,.publish-form select:focus,.publish-form textarea:focus,.auth-panel input:focus,.comments textarea:focus{border-color:#8ca45a;box-shadow:0 0 0 4px #8ca45a21;outline:0}.upload-box{border-radius:15px!important;transition:background .2s,border-color .2s,transform .2s}.upload-box:hover{background:#f2f6e8;border-color:#829b4c!important;transform:translateY(-1px)}.upload-preview{border-radius:16px;border:1px solid var(--cca-line);box-shadow:0 10px 28px #19302212}.upload-preview video{background:#e6eadf;object-fit:contain}.detail-page .post-card{box-shadow:var(--cca-shadow)}.comments{padding:clamp(18px,4vw,30px)}.comment{animation:cca-rise .3s ease both}.icon-button{transition:background .18s,transform .18s}.icon-button:hover{transform:scale(1.06)}.menu-pop{box-shadow:0 18px 42px #142a1c29;border-radius:13px}footer{background:#ffffff6b}@keyframes cca-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.topbar{box-shadow:0 4px 20px #162d1f0f}.hero{border-radius:19px;min-height:560px}.post-card{border-radius:16px}.post-actions button{font-size:11px;gap:4px;padding:8px 5px}.tabbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;box-shadow:0 -8px 24px #17301f0f;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.tabbar a{transition:color .18s,transform .18s}.tabbar a:active{transform:scale(.92)}.tabbar .tab-create svg{box-shadow:0 5px 14px #18382c33}.form-page{padding-top:34px}}