:root{--bg:#f8f7f3;--paper:#fffefa;--green:#244c3b;--ink:#1e2e26;--muted:#5e6560;--line:#e7e8df;--sage:#e9eee3;--sand:#f3eade;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #9ba98c;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #8da18b;outline-offset:1px}button:disabled{opacity:.5;cursor:not-allowed}.app{max-width:1460px;min-height:100vh;margin:auto;display:grid;grid-template-columns:244px 1fr}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);padding:35px 25px 22px;display:flex;flex-direction:column}.brand{font:800 48px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-2px;display:block;margin:0 12px 50px}.brand span{display:block;font:600 12px 'Plus Jakarta Sans',sans-serif;letter-spacing:1.2px;margin-top:11px;color:var(--muted)}nav{display:flex;flex-direction:column;gap:9px}.nav-button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:12px;font-weight:500;color:#747c71}.nav-button.active{background:var(--sage);color:var(--green);font-weight:700}.nav-button:hover{background:#eef0e8}.icon{width:21px;height:21px;vertical-align:middle;display:inline-block;flex:none;stroke-width:1.65}.primary{background:var(--green);color:white;border-radius:11px;padding:12px 21px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary:hover{background:#193d2c}.write-button{margin-top:29px;width:100%}.sidebar-bottom{margin-top:auto;padding:25px 8px 0}.demo-label{font-size:10px;letter-spacing:1.4px;color:#83897d}.sidebar-bottom p{font:italic 18px/1.55 'Plus Jakarta Sans',sans-serif;color:#87917d;margin:15px 0 30px}.account{display:flex;align-items:center;text-align:left;gap:11px;padding:17px 0 0;border-top:1px solid var(--line);width:100%}.account b{font-size:14px;font-weight:600}.account small{display:block;color:var(--muted);font-size:12px}.account>.icon{margin-left:auto;width:16px}.avatar{height:42px;width:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 17px 'Plus Jakarta Sans',sans-serif;flex:none}.sage{background:#dfe6d7;color:#435e42}.rose{background:#f0dfd5;color:#95634e}.clay{background:#e9e2d8;color:#816b50}.blue{background:#dce6e7;color:#587579}.peach{background:#f0dfd5;color:#95634e}.small-avatar{width:33px;height:33px;font-size:15px}.workspace{min-width:0}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line)}.location-button{display:flex;align-items:center;gap:8px;font-size:14px}.location-button>.icon:last-child{width:14px}.topbar-right{display:flex;align-items:center;gap:20px}.role-label{font-size:12px;color:#737f69;background:var(--sage);padding:4px 12px;border-radius:20px}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button:hover{background:var(--sage)}.columns{display:grid;grid-template-columns:minmax(0,650px) minmax(230px,280px);gap:36px;padding:33px 38px 20px;justify-content:center}main{min-width:0}h1,h2,h3,p{margin-top:0}h1{font:800 36px/1.18 'Plus Jakarta Sans',sans-serif;letter-spacing:-1px;margin-bottom:10px}h2{font:700 24px/1.28 'Plus Jakarta Sans',sans-serif;letter-spacing:-.5px;margin-bottom:13px}h3{font:700 19px/1.35 'Plus Jakarta Sans',sans-serif;letter-spacing:-.3px;margin-bottom:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.page-heading h1{font-size:40px;letter-spacing:-1.2px}.page-heading p{color:var(--muted);font-size:15px;margin:4px 0 0;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#5a7b5c;text-transform:uppercase;margin-bottom:10px}.round-plus{border:1px solid var(--line);background:var(--paper);border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.feed-tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:19px}.feed-tab{padding:9px 0 13px;font-size:14px;color:var(--muted);position:relative}.feed-tab.active{color:var(--green);font-weight:700}.feed-tab.active:after{content:'';position:absolute;height:2px;background:var(--green);bottom:-1px;left:0;right:0}.search-row{display:flex;gap:10px;margin-bottom:14px}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:#efefe8;border:1px solid transparent;border-radius:10px;padding:0 14px}.search-box .icon{color:#848a7f;width:19px}.search-box input{width:100%;min-width:0;padding:11px 0;border:0;background:transparent;outline:none;font-size:14px;color:var(--ink)}.filter-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 13px;font-size:13px;background:var(--paper)}.chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin-bottom:20px}.chip{padding:6px 15px;white-space:nowrap;border-radius:25px;font-size:13px;border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;gap:6px}.chip.active{background:var(--green);color:white;border-color:var(--green)}.chip:hover:not(.active){background:var(--sage)}.chip .icon{width:14px;height:14px}.filter-summary{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.filter-summary:empty{display:none}.filter-tag{font-size:12px;border-radius:6px;background:var(--sage);padding:4px 8px}.compose{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;gap:13px;padding:17px 20px;margin-bottom:22px;width:100%;text-align:left}.compose .prompt{font-size:14px;color:#8a8d81;flex:1}.compose .icon{color:#6c7d63}.post{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;overflow:hidden}.post-inner{padding:22px 23px 0}.post-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}.post-user{flex:1;min-width:0}.post-user b{font-size:14px;font-weight:600}.post-user small{display:block;font-size:12px;color:var(--muted)}.post-tag{font-size:11px;color:#6d7a5e;background:#f0f2e9;padding:3px 9px;border-radius:6px;margin-left:6px}.post-title{font:700 21px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.4px;margin-bottom:11px}.post-text{font-size:15px;line-height:1.75;color:#4e5a4a;margin-bottom:20px}.post-actions{display:flex;align-items:center;gap:19px;padding:14px 22px;border-top:1px solid #eeeee6}.post-actions button{display:flex;align-items:center;gap:7px;font-size:12px;color:#737c6c;padding:0;min-height:25px}.post-actions button.chosen{color:var(--green);font-weight:700}.post-actions button.chosen svg{fill:#dce8d6}.post-actions .save{margin-left:auto}.post-actions .icon{width:19px;height:19px}.post-picture{width:100%;height:230px;object-fit:cover;display:block}.rail-section{padding:24px 0;border-bottom:1px solid var(--line)}.rail-section:first-child{padding-top:5px}.rail-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:15px}.rail-heading h2{font-size:20px;margin:0}.text-button{font-size:12px;color:#6c7c63;text-decoration:underline;text-underline-offset:4px}.group-row{display:flex;align-items:center;gap:10px;margin-top:19px}.group-icon{width:42px;height:42px;border-radius:12px;background:var(--sage);display:grid;place-items:center;flex:none}.group-icon.sand{background:var(--sand)}.group-row b{font-size:13px;font-weight:600;display:block}.group-row small{font-size:11px;color:var(--muted);display:block}.join{margin-left:auto;border:1px solid var(--line);border-radius:7px;width:29px;height:29px;display:grid;place-items:center;flex:none}.join .icon{width:15px}.join.joined{background:var(--sage)}.rail-card{margin-top:26px;border-radius:18px;background:#e8eddf;overflow:hidden}.rail-card .rail-copy{padding:23px 23px 18px}.rail-card h2{font-size:26px;line-height:1.18;letter-spacing:-.5px;margin:7px 0 12px}.rail-card p{font-size:13px;color:#6d7963;margin-bottom:17px}.rail-card img{width:100%;height:175px;object-fit:cover;display:block}.rail-cta{padding:0;font-size:12px;font-weight:700;display:flex;align-items:center;gap:13px}.rail-cta .icon{width:16px}.rail-footer{margin-top:25px;font-size:11px;color:#8a907f;line-height:2}.rail-footer .wordmark{display:block;font:700 22px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.5px;color:#9ea791;margin-bottom:8px}.micro-note{font-size:12.5px;color:var(--muted);line-height:1.7}.prototype-note{font-size:11px;color:#919588;text-align:center;padding:10px 25px 30px}.mobile-brand,.mobile-nav{display:none}.empty{text-align:center;padding:45px 20px;border:1px dashed #d6ddcc;border-radius:18px;background:var(--paper)}.empty p{font-size:14px;color:var(--muted)}.empty .icon{width:30px;height:30px;margin-bottom:15px;color:#849579}.empty .primary{font-size:14px}.segmented{display:flex;background:#edeee6;padding:4px;border-radius:11px;margin-bottom:20px}.segmented button{flex:1;padding:8px;border-radius:8px;font-size:14px}.segmented button.active{background:var(--paper);box-shadow:0 1px 4px #26392c0b;font-weight:700}.items-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.item{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--paper);position:relative}.item-cover{width:100%;padding:0;display:block;overflow:hidden}.item-cover img{height:220px;width:100%;object-fit:cover;display:block;transition:transform .3s}.item-cover:hover img{transform:scale(1.035)}.item-info{padding:14px 16px;display:block;text-align:left;width:100%}.item h3{font:700 15px/1.4 'Plus Jakarta Sans',sans-serif;margin:8px 0}.item small{font-size:12px;color:var(--muted)}.free{display:inline-block;background:#e1ebd6;color:#47633c;border-radius:5px;font-size:11px;padding:2px 7px;font-weight:700}.item-bookmark{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:9px;background:#fffefaed;display:grid;place-items:center}.item-bookmark.chosen{background:#dfe9d7}.item-bookmark .icon{width:18px}.need{padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--paper);margin-bottom:15px}.need h3{margin:12px 0;font-size:21px;font-weight:700}.need p{font-size:14.5px;color:var(--muted)}.need .primary{font-size:13px;padding:8px 14px}dialog{border:1px solid var(--line);border-radius:23px;background:var(--paper);color:var(--ink);padding:0;max-width:540px;width:calc(100% - 32px);max-height:88dvh;box-shadow:0 25px 100px #15281926}dialog::backdrop{background:#20342666;backdrop-filter:blur(4px)}.dialog-head{padding:24px 25px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px}.dialog-body{padding:0 25px 25px}.dialog-body>p{font-size:14.5px;color:var(--muted);line-height:1.65}.field{display:flex;flex-direction:column;gap:7px;font-size:13.5px;margin:17px 0}.field input,.field textarea,.field select{background:#f5f5ee;border:1px solid #e3e5d9;border-radius:9px;padding:11px 12px;color:var(--ink);width:100%}.field textarea{resize:vertical;min-height:120px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .field{margin:8px 0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:23px}.secondary{border:1px solid #d9ddcf;border-radius:10px;padding:10px 17px;font-size:14px}.detail-image{width:100%;max-height:300px;object-fit:cover;display:block}.detail-title{font:800 28px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.6px;margin:16px 0 10px}.detail-meta{font-size:13.5px;color:var(--muted)}.detail-owner{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:20px 0}.detail-owner small{display:block;font-size:12px;color:var(--muted)}.full-width{width:100%}.comment{padding:15px 0;border-top:1px solid var(--line);font-size:14px}.comment b{font-size:13px}.comment p{margin:5px 0 0;color:#4e5a4a}.comment-form{display:flex;gap:8px;margin-top:20px}.comment-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:14px}.comment-form .primary{padding:10px 15px;font-size:13px}.profile-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:25px}.profile-top{display:flex;gap:18px;align-items:center;margin-bottom:25px}.profile-top .avatar{height:70px;width:70px;font-size:28px}.profile-top h2{margin:0;font-weight:800;font-size:22px;letter-spacing:-.4px}.profile-top p{margin:4px 0 0;font-size:13.5px;color:var(--muted)}.profile-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px 0;border-top:1px solid var(--line);font-size:14.5px}.profile-row small{display:block;color:var(--muted);font-size:12px}.end-note{display:flex;gap:10px;align-items:center;justify-content:center;padding:20px;color:#8c9583;font-size:12px}.end-note:before,.end-note:after{content:'';height:1px;background:var(--line);width:45px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:var(--green);color:white;border-radius:12px;padding:12px 22px;font-size:14px;z-index:10;transition:.2s;max-width:90%;box-shadow:0 8px 24px #21372822}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.inline-info{background:var(--sage);padding:13px 16px;border-radius:10px;font-size:13px;color:#5a6b50;margin:15px 0}.check-row{display:flex;align-items:center;gap:8px;font-size:14px;margin:12px 0}.check-row input{accent-color:var(--green)}.sent{color:var(--green);font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px}.spaced{margin-top:22px}.group-select{border:none;background:transparent;font-size:12px;color:var(--muted);padding:0;text-align:left}.group-select:hover{text-decoration:underline}.result-count{font-size:12px;color:var(--muted);margin:-7px 0 13px}
@media(min-width:1500px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:1180px){.app{grid-template-columns:206px 1fr}.sidebar{padding:30px 17px}.brand{font-size:48px}.columns{gap:24px;padding:28px 25px;grid-template-columns:minmax(0,1fr) 235px}.topbar{padding:0 25px}.nav-button{padding:13px 12px}.right-rail .rail-copy{padding:20px}.post-inner{padding:19px 19px 0}}@media(max-width:980px){.right-rail{display:none}.columns{grid-template-columns:minmax(0,660px)}.app{grid-template-columns:205px 1fr}.topbar{height:77px}}@media(max-width:680px){body{font-size:16px}.app{display:block}.sidebar{display:none}.topbar{height:74px;padding:0 20px;position:sticky;top:0;background:#f8f7f3f5;backdrop-filter:blur(12px);z-index:3}.mobile-brand{display:block;font:800 36px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.8px}.topbar>.location-button{font-size:12px;margin-left:auto;margin-right:15px;gap:5px}.location-button .icon{width:15px}.topbar-right{gap:0}.topbar-right .role-label,.topbar-right>.avatar{display:none}.columns{padding:24px 17px 10px;display:block}.page-heading{margin-bottom:21px}h1{font-size:33px}.page-heading p{font-size:13px}.eyebrow{font-size:10px;margin-bottom:8px}.feed-tabs{gap:30px;margin-bottom:17px}.feed-tab{font-size:14px}.filter-button{font-size:0;padding:0 13px;gap:0}.filter-button .icon{width:20px}.chips{gap:7px;margin-bottom:16px}.chip{padding:6px 13px}.compose{padding:13px 15px;border-radius:15px;margin-bottom:17px}.compose .avatar{width:35px;height:35px;font-size:18px}.compose .prompt{font-size:13px}.post{border-radius:16px}.post-inner{padding:19px 17px 0}.post-head{margin-bottom:17px}.post-title{font-size:22px}.post-text{font-size:14px;line-height:1.75}.post-user small{font-size:11px}.post-tag{font-size:10px;margin-left:3px}.post-actions{padding:13px 17px;gap:17px}.post-actions button{font-size:12px}.post-actions button.share span{display:none}.mobile-nav{position:fixed;display:flex;flex-direction:row;justify-content:space-around;bottom:0;left:0;right:0;padding:8px 8px max(9px,env(safe-area-inset-bottom));background:#fffefaed;border-top:1px solid var(--line);backdrop-filter:blur(12px);gap:0;z-index:4}.mobile-nav .nav-button{flex-direction:column;gap:4px;padding:5px 7px;font-size:10px;border-radius:0;width:24%;background:transparent;font-weight:400}.mobile-nav .nav-button.active{font-weight:700;color:var(--green)}.mobile-nav .nav-button.active .icon{fill:#e3eadb}.prototype-note{padding:10px 25px 100px;font-size:10px}.item-cover img{height:190px}.items-grid{gap:12px}.item-info{padding:12px}.item h3{font-size:13px}.item small{font-size:11px}.item{border-radius:13px}.dialog-head{padding:21px 20px 14px}.dialog-body{padding:0 20px 23px}#toast{bottom:90px;width:max-content;text-align:center}.form-grid{gap:10px}.profile-card{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} 

/* The app uses the same compact bottom navigation on every screen size. */
.app{display:block;max-width:1120px;padding-bottom:82px}
.sidebar{display:none}
.mobile-brand{display:block;font:800 40px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.8px}
.topbar{position:sticky;top:0;z-index:3;background:#f8f7f3f5;backdrop-filter:blur(12px);gap:24px}
.topbar>.location-button{margin-right:auto}
.mobile-nav{position:fixed;display:flex;flex-direction:row;justify-content:space-around;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:100%;max-width:1120px;padding:8px 12px max(10px,env(safe-area-inset-bottom));background:#fffefaef;border-top:1px solid var(--line);backdrop-filter:blur(12px);gap:0;z-index:4}
.mobile-nav .nav-button{flex-direction:column;justify-content:center;gap:4px;min-height:48px;padding:5px 8px;font-size:12px;border-radius:10px;width:24%;max-width:160px;background:transparent;font-weight:400}
.mobile-nav .nav-button.active{font-weight:700;color:var(--green)}
.mobile-nav .nav-button.active .icon{fill:#e3eadb}
.prototype-note{padding-bottom:25px}
#toast{bottom:94px}
@media(max-width:680px){.topbar{gap:0}.mobile-brand{font-size:38px}.topbar>.location-button{margin-left:auto;margin-right:15px}.mobile-nav .nav-button{font-size:12px;max-width:none}.app{padding-bottom:82px}}

.title-link{font:inherit;letter-spacing:inherit;text-align:left;padding:0}.title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.group-card{padding:23px;border:1px solid var(--line);background:var(--paper);border-radius:18px;margin:18px 0}.group-card-heading{display:flex;align-items:center;gap:14px}.group-card-heading h2{font-size:24px;margin:0}.group-card small{font-size:12px;color:var(--muted)}.group-card p{font-size:14px;color:var(--muted);margin:17px 0}.group-card-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.group-card-actions .primary{font-size:14px}.audience-note{font-size:12px!important;color:#617655!important;background:var(--sage);padding:9px 12px;border-radius:8px}.similar-topics{background:#f0f2e8;border-radius:12px;padding:15px;margin-bottom:17px}.similar-topics>b{font-size:14px}.similar-topics>p{font-size:12px;color:var(--muted);margin:6px 0 10px}.similar-topic{width:100%;display:flex;align-items:center;gap:10px;justify-content:space-between;text-align:left;border-top:1px solid #dce1d2;padding:11px 0;font-size:14px}.similar-topic small{display:block;color:#66805b;font-size:12px;margin-top:3px}.comment-author{font-size:14px}#topic-source>p{font-size:14px;color:#616d5b;line-height:1.8}.contribution-heading{padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}.comment-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.comment-byline .avatar{width:27px;height:27px;font-size:14px}.comment-byline small{font-size:11px;color:var(--muted)}.comment-tools{display:flex;gap:20px;margin-top:10px}.comment-tool{padding:5px 0;font-size:12px;display:inline-flex;align-items:center;gap:6px;color:#4d6e45;min-height:32px}.comment-tool .icon{width:15px;height:15px}.comment-replies{margin-left:15px;padding-left:15px;border-left:2px solid #dbe2d1}.comment-replies .comment{border-top:0}.quoted-contribution{margin:12px 0;padding:12px 14px;background:#f0f2e8;border-left:3px solid #91a381;border-radius:0 8px 8px 0}.quoted-contribution p{font-size:13px}.quote-source{display:flex;align-items:center;gap:9px;padding:0;font-size:12px;text-align:left}.quote-source .icon{width:14px}.reply-form{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.reply-form textarea{min-height:100px}.reply-footer{display:flex;justify-content:space-between;align-items:center;gap:14px}.reply-footer small{font-size:11px;color:var(--muted)}.reply-context{background:var(--sage);border-radius:11px;padding:10px 14px}.reply-context>div{display:flex;justify-content:space-between;align-items:center;font-size:12px}.reply-context blockquote{margin:7px 0;padding-left:10px;border-left:2px solid #8e9f7f;font-size:12px}.reply-context blockquote p{margin:3px 0;max-height:100px;overflow:auto}.comment:target{background:var(--sage)}

/* Five primary destinations; listings and account remain in the header. */
.mobile-nav .nav-button{width:20%;min-width:0;font-size:12px}
.mobile-nav .care-nav .icon{stroke:var(--green);background:#e7eddf;box-sizing:content-box;padding:5px;border-radius:50%;margin-top:-5px;margin-bottom:-5px}
.listings-shortcut{font-size:13px;font-weight:600;border:1px solid #cdd6c5;border-radius:8px;padding:6px 12px;white-space:nowrap}
.listings-shortcut:hover{background:var(--sage)}
.care-listings-link{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--sage);border-radius:13px;margin-bottom:23px;font-size:14px;gap:15px}
.care-listings-link>span{display:flex;gap:9px;align-items:center}.care-listings-link>span:last-child{font-size:12px;color:#5a6f50}.care-listings-link .icon{width:18px}
.global-search{padding:3px 15px}.global-search input{font-size:16px}
.search-suggestion{display:flex;width:100%;gap:12px;align-items:center;text-align:left;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.search-suggestion .icon:last-child{margin-left:auto;width:16px;color:var(--muted)}
.search-result{padding:19px 0;border-bottom:1px solid var(--line)}.search-result small{font-size:12px;color:var(--muted)}.search-result .title-link{display:block;font-size:18px;font-weight:600;margin:6px 0}.search-result p{font-size:14px;color:var(--muted);margin:0}
.listing-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);margin:18px 0}.listing-card h2{font-size:23px}.listing-card>p{font-size:14px;color:var(--muted)}.listing-card .secondary{display:flex;align-items:center;gap:13px}.listing-card .icon{width:16px}
@media(max-width:680px){.topbar{padding:0 15px;gap:10px}.topbar>.location-button{margin-left:auto;margin-right:0}.topbar>.location-button #location-label{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{gap:10px}.topbar-right>.avatar{display:inline-flex}.mobile-brand{font-size:33px}.listings-shortcut{padding:5px 9px;font-size:12px}.mobile-nav{padding-left:4px;padding-right:4px}.mobile-nav .nav-button{font-size:11px;padding:5px 2px}}
@media(max-width:360px){.topbar>.location-button{display:none}.topbar-right{margin-left:auto}}

/* Warm, photographic Beşik language. */
:root{--bg:#f7f3eb;--paper:#fffcf6;--green:#354f3e;--ink:#233b32;--muted:#677068;--line:#e9e3d9;--sage:#e6e9db;--sand:#f9e5d7;--radius:22px}
body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(115deg,#eee7db 0%,#f8f5ef 35%,#f6f2e9 100%)}
.app{max-width:1060px;border:0;background:var(--bg);min-height:100dvh}.topbar{height:86px;background:#f9f6f0ee;border-bottom:0;padding:0 32px}.mobile-brand{font-size:42px;letter-spacing:-2px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}.topbar-right{gap:16px}.role-label{display:none}.listings-shortcut{border:0;display:flex;align-items:center;gap:7px;font-weight:500;font-size:14px}.topbar>.location-button{font-size:13px;color:var(--muted)}.columns{padding:18px 32px 30px;grid-template-columns:minmax(0,620px) 250px;gap:32px}.right-rail{padding-top:12px}.rail-section .micro-note{display:none}.rail-card{background:var(--sage)}.rail-footer{font-size:12px}.eyebrow{display:none}h1{font-size:32px;letter-spacing:-.6px;font-weight:700}h2,h3{letter-spacing:-.3px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600}.page-heading p{font-size:16px}.page-heading{margin-bottom:25px}.search-box{background:#edeae3;border-radius:24px}.search-box input{font-size:16px;padding:12px 0}.feed-tabs{gap:8px;border:0;margin-bottom:18px}.feed-tab{padding:9px 20px;font-size:14px;border:1px solid var(--line);border-radius:30px}.feed-tab.active{color:white;background:var(--green);font-weight:500}.feed-tab.active:after{display:none}.chip{font-size:14px;padding:6px 14px}.chips{margin-bottom:15px}.filter-button{border-radius:22px}.compose{padding:10px 14px;background:#f9eadd99;border:0;border-radius:18px;margin-bottom:20px;gap:12px}.compose .prompt{font-size:16px;color:var(--ink)}.compose-symbol,.choice-icon{width:44px;height:44px;background:#f8d8c5;display:grid;place-items:center;border-radius:50%;flex:none}.compose .icon:last-child{margin-left:auto}.post{border:1px solid #eee7dc;box-shadow:0 4px 14px #51462f05}.post-inner{padding:18px 20px 0}.post-head{margin-bottom:14px}.post-user b{font-size:14px;font-weight:600}.post-user small{font-size:12px;color:var(--muted)}.post-tag{font-size:12px;font-weight:400;background:#e9eadb}.post-title{font:700 21px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.4px;margin:14px 0 9px}.post-text{font-size:15px;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#626860}.post-picture{border-radius:14px;height:auto;max-height:330px;aspect-ratio:1.6;object-fit:cover}.post-actions{border:0;padding:0 20px 16px;gap:23px}.post-actions button{font-size:13px;color:var(--ink);min-height:34px}.post-actions .icon{width:21px;height:21px}.post-actions .share span{display:none}.post-actions button.chosen[data-action=like]{color:#af534c}.post-actions button.chosen[data-action=like] svg{fill:#efd0c8}.mobile-nav{max-width:1060px;background:#fffcf3ee;border-color:var(--line);padding-top:10px}.mobile-nav .nav-button{font-size:12px;gap:6px;color:var(--ink)}.mobile-nav .icon{width:23px;height:23px}.mobile-nav .care-nav .icon{background:#d7dec8;padding:9px;margin-top:-9px;margin-bottom:-9px}.mobile-nav .nav-button.active .icon{fill:#cdd8c9}.group-cover{width:100%;aspect-ratio:1.4;object-fit:cover;display:block}.groups-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.group-card{padding:0;overflow:hidden;border-radius:17px;margin:0 0 16px;background:var(--paper);box-shadow:0 3px 8px #5c4d3407;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;border:1px solid #eee7dc;display:flex;flex-direction:column}.group-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(50,40,25,0.09);border-color:#d5decb}.groups-grid .group-card{margin:0}.group-card-content{padding:14px;display:flex;flex-direction:column;flex:1}.group-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.group-card-heading h2{font:700 16px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:-.2px;margin:0 0 7px;flex:1}.group-badge-member{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--green);background:#e6ede0;padding:2px 8px;border-radius:12px;white-space:nowrap;flex:none}.group-badge-member .icon{width:12px;height:12px}.group-card small{font-size:12px}.group-card small .icon{height:15px;width:15px;margin-right:4px}.group-card-footer{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0ecdf;gap:8px}.group-open-hint{font-size:12.5px;font-weight:600;color:var(--green);display:inline-flex;align-items:center;gap:4px}.group-open-hint .icon{width:14px;height:14px}.group-leave-btn{font-size:12px;color:var(--muted);padding:4px 8px;border-radius:8px;background:transparent}.group-leave-btn:hover{color:#b3261e;background:#fee8e6}.group-join-quick-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:white;background:var(--green);padding:4px 10px;border-radius:14px;border:none}.group-join-quick-btn:hover{background:#1f3d2f}.group-join-quick-btn .icon{width:12px;height:12px}.compose-target-banner{display:flex;align-items:center;gap:12px;background:#eef3e8;border:1px solid #d4e2cb;border-radius:14px;padding:12px 14px;margin-bottom:16px}.compose-target-icon{width:38px;height:38px;border-radius:50%;background:white;color:var(--green);display:grid;place-items:center;flex:none;box-shadow:0 2px 6px rgba(0,0,0,0.04)}.compose-target-icon .icon{width:20px;height:20px}.compose-target-info{display:flex;flex-direction:column;gap:2px}.compose-target-title{font-size:14px;color:var(--ink)}.compose-target-sub{font-size:12px;color:#5a6e54}.primary{border-radius:24px;font-weight:500}.field{font-size:14px}.field input,.field textarea,.field select{font-size:16px;background:#f5f1e9;border-color:var(--line);border-radius:13px}.dialog-body>p{font-size:16px}dialog{background:var(--paper);border-radius:26px}.compose-intro{text-align:center;margin:12px 0 28px}.compose-intro h3{font-size:32px;margin-bottom:12px}.compose-intro p{color:var(--muted)}.compose-choice{display:flex;align-items:center;width:100%;gap:18px;border:1px solid var(--line);padding:19px 17px;border-radius:18px;margin:12px 0;text-align:left;background:#fffdf8}.compose-choice .choice-icon{height:57px;width:57px;background:#e0e5d3}.compose-choice:nth-child(2) .choice-icon,.compose-choice:nth-child(3) .choice-icon{background:#f9e1d3}.choice-icon .icon{height:28px;width:28px}.compose-choice b{font:700 19px 'Plus Jakarta Sans',sans-serif}.compose-choice small{display:block;font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:5px}.compose-choice>.icon{margin-left:auto;width:17px}.compose-kind-note{text-align:center;margin:30px 0 8px!important;font-size:14px!important;color:var(--muted)}.compose-kind-note .icon{color:#b47753}.profile-row{gap:13px;font-size:16px}.profile-row>span{flex:1}.prototype-note{font-size:12px;color:var(--muted)}
/* Conversations keep context visible while messages scroll independently. */
dialog.chat-dialog{width:min(650px,100% - 28px);height:min(850px,92dvh);max-height:92dvh;overflow:hidden}.chat-dialog #dialog-content{height:100%;display:flex;flex-direction:column}.chat-dialog .dialog-head{padding:14px 22px 9px;flex:none}.chat-dialog .dialog-head h2{font:700 16px 'Plus Jakarta Sans',sans-serif}.chat-dialog .dialog-body{padding:0;display:flex;flex-direction:column;min-height:0;flex:1}.chat-topic{padding:8px 22px 16px;background:var(--paper);border-bottom:1px solid var(--line);flex:none}.chat-topic h3{font-size:22px;font-weight:700;letter-spacing:-.4px;margin:9px 0 0}.chat-audience{font-size:12px;color:var(--muted);margin:0;display:flex;gap:7px;align-items:center}.chat-audience .icon{width:16px;height:16px}.chat-scroll{flex:1;overflow:auto;padding:20px;background:#f0ede4;overscroll-behavior:contain}.source-bubble{background:#fff;border:1px solid #e7e3d8;border-radius:16px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.source-bubble>p{font-size:15px;line-height:1.55;margin:8px 0 2px;white-space:pre-wrap}.comment-byline{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-byline b{font-size:13px}.comment-byline .avatar{height:24px;width:24px;font-size:13px}.chat-divider{text-align:center;font-size:12px;color:var(--muted);margin:16px 0}.chat-message{display:flex;margin:8px 0;animation:msgSlideIn .2s ease-out}.message-bubble{max-width:85%;background:#fff;border:1px solid #e8e4da;border-radius:16px 16px 16px 4px;padding:8px 13px 7px;box-shadow:0 1px 3px rgba(0,0,0,.04);color:#202422}.message-bubble>p{font-size:14.5px;line-height:1.45;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.own-message{justify-content:flex-end}.own-message .message-bubble{background:linear-gradient(135deg,#dbe8d2 0%,#e4f0dc 100%);border:1px solid #c8d9be;border-radius:16px 16px 4px 16px;color:#182d1f;box-shadow:0 1px 3px rgba(36,76,59,.07)}.bubble-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;font-size:11px}.bubble-actions{display:flex;align-items:center;gap:8px}.bubble-time{font-size:10.5px;color:#78817a;white-space:nowrap;margin-left:auto}.own-message .bubble-time{color:#49654b}.comment-tools{display:flex;align-items:center;gap:14px;margin-top:3px}.comment-tool{font-size:11.5px;color:#4b6450;padding:0}.comment-tool.icon-only{display:inline-flex;align-items:center;justify-content:center;padding:2px 4px;border-radius:6px;opacity:0.75;transition:opacity .15s,background .15s}.comment-tool.icon-only:hover{opacity:1;background:rgba(0,0,0,.05)}.comment-tool.icon-only .icon{width:13px;height:13px}.topic-menu-btn{margin-left:auto;padding:2px 6px;opacity:.78}.topic-menu-btn:hover{opacity:1}.comment-tools small{margin-left:auto;align-self:center;font-size:10.5px;color:var(--muted)}.message-quote{display:block;width:100%;text-align:left;border-left:3px solid #7c9572;background:#e7e9deaa;padding:9px 11px;margin:10px 0;border-radius:6px}.message-quote b,.message-quote span{display:block;font-size:12px}.message-quote span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}.chat-composer{padding:12px 17px max(12px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);flex:none}.chat-input-row{display:flex;gap:10px;align-items:flex-end}.chat-input-row textarea{border:1px solid var(--line);background:#f0ede6;border-radius:23px;resize:none;min-height:47px;max-height:130px;padding:12px 17px;flex:1;min-width:0;font-size:16px;line-height:1.4}.send-button{height:46px;width:46px;flex:none;padding:0}.send-button .icon{transform:rotate(-90deg)}.chat-composer>small{font-size:11px;color:var(--muted);display:block;margin:7px 4px 0}.reply-context{margin-bottom:10px;padding:8px 12px}.reply-context blockquote{max-height:75px;overflow:auto}.reply-context .icon-button{height:28px;width:28px}.chat-empty{font-size:14px;text-align:center;color:var(--muted)}.chat-message:target{outline:2px solid #8a9c7c;outline-offset:3px}
@media(max-width:980px){.columns{grid-template-columns:minmax(0,650px)}.app{max-width:760px}.mobile-nav{max-width:760px}.right-rail{display:none}}
@media(max-width:680px){body{background:var(--bg)}.topbar{height:79px;padding:0 20px}.mobile-brand{font-size:43px}.topbar>.location-button{display:none}.topbar-right{margin-left:auto;gap:12px}.topbar-right>.avatar{width:36px;height:36px}.columns{padding:12px 16px 24px}.feed-tabs{gap:6px;margin-bottom:13px}.feed-tab{font-size:14px;flex:1;padding:8px 10px}.post-inner{padding:16px 15px 0}.post-title{font-size:21px;font-weight:700}.post-text{font-size:15px}.post-picture{max-height:250px;aspect-ratio:1.5}.post-actions{padding:0 15px 12px;gap:21px}.compose .prompt{font-size:15px}.search-row{margin-bottom:12px}.chips{margin-bottom:13px}.chip{font-size:13px;padding:5px 12px}.groups-grid{gap:12px}.group-card-content{padding:12px}.group-card-heading h2{font-size:15px}.group-card-actions{flex-wrap:wrap;gap:7px}.group-open{font-size:13px}.page-heading h1{font-size:30px;letter-spacing:-.6px;font-weight:700}.page-heading p{font-size:15px}.mobile-nav .nav-button{font-size:12px}.compose-choice{gap:14px;padding:17px 13px}.compose-choice .choice-icon{height:48px;width:48px}.compose-choice b{font-size:18px}.compose-choice small{font-size:13px}.form-grid{grid-template-columns:1fr}dialog.chat-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0;border-radius:0}.chat-topic h3{font-size:22px}.chat-scroll{padding:16px}.message-bubble{max-width:94%}.chat-dialog .dialog-head{padding-top:max(12px,env(safe-area-inset-top))}.chat-audience{line-height:1.4}.chat-composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
.inbox-row{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:20px 0;border-block:1px solid var(--line)}.inbox-row>span:nth-child(2){flex:1}.inbox-row b{font-size:16px}.inbox-row small{font-size:12px;color:var(--muted);display:block}.inbox-row p{font-size:14px;line-height:1.4;margin:6px 0 0}.chat-topic>small{font-size:12px;color:var(--muted)}
/* One consistent, explicit creation action across all sections. */
.create-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fffdf7;border:1px solid var(--green);border-radius:999px;padding:11px 19px;min-height:46px;font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;flex:none;box-shadow:0 3px 9px #354f3e12}.create-action .icon{width:20px;height:20px;stroke-width:1.8}.create-action:hover{background:#263e30}.feed-create{display:flex;justify-content:flex-end;margin:2px 0 19px}.page-heading{gap:16px;flex-wrap:wrap;align-items:center}.page-heading>div{flex:1;min-width:180px}.group-description{font-size:14px;line-height:1.5;color:var(--muted);margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.group-card-heading h2{overflow-wrap:anywhere}.form-error{color:#9a4134;font-size:14px}.form-error:empty{display:none}@media(max-width:680px){.create-action{padding:10px 15px;font-size:14px;min-height:44px}.page-heading>div{min-width:155px}.page-heading{gap:12px}.feed-create{margin-bottom:17px}.page-heading h1{font-size:28px}}
.photo-attach{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid #d8dfcd;border-radius:22px;padding:8px 13px;cursor:pointer;font-size:14px;color:var(--green);background:#e9eddf;min-height:40px}.photo-attach input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.photo-attach:focus-within{outline:2px solid var(--green);outline-offset:3px}.photo-attach:has(input:disabled){opacity:.5}.photo-attach .icon{width:18px;height:18px}.media-picker{margin:12px 0}.media-picker>small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.media-preview{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.media-preview:empty{display:none}.photo-preview{position:relative;width:78px;height:78px}.photo-preview img{width:100%;height:100%;object-fit:cover;border-radius:12px}.photo-remove{position:absolute;top:-5px;right:-5px;border-radius:50%;width:28px;height:28px;background:var(--paper);box-shadow:0 2px 8px #0002;display:grid;place-items:center}.photo-remove .icon{width:16px;height:16px}.media-feedback{font-size:12px;color:var(--muted);margin:7px 0 0}.media-feedback:empty{display:none}.photo-gallery{margin:12px 0;overflow:hidden;border-radius:14px}.photo-open{display:block;width:100%;padding:0;background:#e9e4d9}.photo-open img{display:block;width:100%;max-height:360px;aspect-ratio:1.6;object-fit:cover}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.photo-grid .photo-open img{aspect-ratio:1;max-height:230px}.message-bubble .photo-gallery{max-width:260px}.message-bubble .photo-open img{aspect-ratio:auto;max-height:260px;object-fit:contain}.chat-composer .media-picker{margin:0 0 9px}.chat-composer .media-picker>small{display:none}.chat-composer .photo-attach{font-size:12px;padding:5px 10px;min-height:32px}.chat-composer .photo-preview{width:54px;height:54px}.chat-composer .media-feedback{max-width:100%;font-size:11px}.inbox-shortcut{color:var(--ink)}#photo-viewer{background:#15221fec;width:calc(100% - 24px);height:calc(100dvh - 24px);max-width:1100px;max-height:none;overflow:hidden;padding:45px 12px 12px;border:0}#photo-viewer img{width:100%;height:100%;object-fit:contain}#photo-viewer .viewer-close{position:absolute;right:12px;top:6px;color:white;font-size:32px;width:40px;height:40px}.chat-composer{max-height:45dvh;overflow-y:auto}@media(max-width:680px){.topbar-right{gap:7px}.topbar{padding-inline:16px}.inbox-shortcut{width:34px}.photo-open img{max-height:260px}}
.inbox-shortcut{position:relative}.inbox-badge{position:absolute;top:-1px;right:-2px;min-width:17px;height:17px;background:#9f604d;color:white;border-radius:20px;padding:0 4px;font:700 11px/17px 'Plus Jakarta Sans',sans-serif}.inbox-row>div{min-width:0;flex:1}.inbox-row b{overflow-wrap:anywhere}
/* Brand and first steps */
.mobile-brand{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap}.mobile-brand img{width:56px;height:56px;object-fit:contain;flex:none}.onboard-intro{display:flex;gap:14px;align-items:center;margin-bottom:22px}.onboard-intro p{margin:0;color:var(--muted)}.role-choices{padding:0;border:0;display:flex;gap:12px;margin:0 0 22px}.role-choices legend{font-size:14px;margin-bottom:10px}.role-choices label{display:flex;align-items:center;gap:8px;padding:13px;border:1px solid var(--line);border-radius:15px;flex:1;font-size:14px}.role-choices label:has(:checked){background:var(--sage);border-color:var(--green)}.role-choices input{accent-color:var(--green)}.optional-profile{border-block:1px solid var(--line);padding:16px 0;margin:10px 0 18px}.optional-profile summary{cursor:pointer;font-weight:500}.optional-profile summary small{color:var(--muted);font-weight:400;margin-left:8px}.optional-profile[open] summary{margin-bottom:16px}.interest-choices{display:flex;flex-wrap:wrap;gap:10px}.interest-choices label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:24px;padding:7px 12px;font-size:14px}.interest-choices label:has(:checked){background:var(--sage);border-color:var(--green)}.interest-choices input{accent-color:var(--green)}.manager-label{display:block;color:var(--green);font-size:13px;margin:10px 0 4px}.manage-group,.group-info-button{display:flex;gap:7px;align-items:center;font-size:14px;padding:8px 0}.manage-group{font-weight:600;color:var(--green)}.group-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.member-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.member-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.member-row small{display:block;color:var(--muted)}.member-row .secondary{font-size:14px;padding:8px 12px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.discovery{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px;margin-top:16px}.discovery>p{color:var(--muted)}.discovery-icon{display:inline-flex;padding:12px;background:var(--sage);border-radius:50%;margin-bottom:18px}.discovery h3{margin-top:26px}.discovery .form-actions{justify-content:flex-start;flex-wrap:wrap}.message-bubble .comment-tool{margin-right:12px}@media(max-width:680px){.mobile-brand img{width:42px;height:42px}.mobile-brand{font-size:36px;gap:5px}.topbar{padding-inline:16px}.topbar-right{gap:6px}.listings-shortcut{font-size:14px}.discovery{padding:20px}.role-choices{gap:8px}.role-choices label{padding:10px;gap:5px}.member-row{flex-wrap:wrap}}
.person-name{font:inherit;font-weight:600;padding:0;text-align:left;border-radius:4px}.person-name:hover{text-decoration:underline}.person-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--line)}.person-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.person-row small{display:block;color:var(--muted);font-size:14px}.person-row:hover{background:var(--sage)}
.notification-shortcut{position:relative}.unread-notification{background:var(--sage);border-radius:14px;padding-inline:12px}.new-marker{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.notification-shortcut .inbox-badge{right:-3px;top:-2px}.region-fields select{width:100%}@media(max-width:400px){.mobile-brand{font-size:31px}.mobile-brand img{width:34px;height:34px}.topbar{padding-inline:12px}.topbar-right{gap:2px}.topbar-right .icon-button{width:32px}.topbar-right>.avatar{width:30px;height:30px}.listings-shortcut{font-size:13px}}
.cover-choice{position:absolute;bottom:4px;left:4px;right:4px;border-radius:12px;padding:5px;background:var(--paper);font-size:12px;color:var(--green);box-shadow:0 2px 6px #0002}.item-edit-link{padding:10px 16px;font-size:14px;display:flex;align-items:center;gap:6px}.category-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;min-height:170px;background:var(--sage);color:var(--green)}.category-placeholder .icon{width:48px;height:48px}.detail-default{overflow:hidden;border-radius:16px;max-height:320px}.detail-default img{width:100%;max-height:320px;object-fit:cover}.request-intro{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sage);border-radius:12px;padding:12px}.group-page-description{color:var(--muted);font-size:15px}.group-select{position:relative;z-index:1;min-height:30px;text-decoration:underline;text-underline-offset:3px}
/* Quiet context cues and compact, expandable media. */
.accent-icon{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:11px;background:#e5eadc;color:#486347}.accent-icon.peach{background:#f4e2d5;color:#936447}.accent-icon .icon{width:19px;height:19px}.icon-heading{display:flex;align-items:center;gap:12px}.icon-heading .accent-icon{width:40px;height:40px}.segmented button{display:flex;align-items:center;justify-content:center;gap:9px}.feed-context{display:flex;align-items:center;gap:11px;margin:0 0 24px}.feed-context strong{display:block;font-size:19px}.feed-context small{display:block;color:var(--muted);font-size:14px;margin-top:3px}.group-context{background:#e9eddf;border:1px solid #dce3d0;border-radius:22px;padding:22px 24px;margin-bottom:16px}.group-context h1{font-size:clamp(26px,4vw,36px);margin:8px 0}.group-context p{font-size:15px;margin:8px 0 0}.context-label{display:flex;align-items:center;gap:7px;color:#536b4e;font-size:14px;font-weight:600}.context-label .icon{width:18px;height:18px}.back-to-feed{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;margin-bottom:18px;min-height:32px}.back-to-feed .icon{width:17px;transform:rotate(180deg)}.member-count{display:inline-block;margin-left:6px;color:#536b4e}.filter-summary:empty{display:none}.photo-gallery,.photo-gallery.photo-grid{display:flex;flex-wrap:wrap;gap:9px;overflow:visible;border-radius:0;max-width:100%}.photo-gallery .photo-open{width:144px;height:112px;border-radius:12px;overflow:hidden;flex:0 0 auto;cursor:zoom-in}.photo-gallery .photo-open img,.photo-grid .photo-open img,.message-bubble .photo-open img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}.message-bubble .photo-gallery .photo-open{width:100px;height:84px}.draft-photo-open{display:block;width:100%;height:100%;padding:0;cursor:zoom-in;border-radius:12px;overflow:hidden}.media-preview .photo-preview{width:72px;height:72px}.chat-composer .media-preview .photo-preview{width:58px;height:58px}.cover-choice{font-size:11px;padding:3px 5px}.photo-open:focus-visible,.draft-photo-open:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:680px){.group-context{padding:18px;border-radius:18px}.feed-context{margin-bottom:18px}.photo-gallery .photo-open{width:120px;height:96px}.segmented button{gap:6px}.segmented .accent-icon{width:28px;height:28px}}
/* One icon language for navigation choices, fields and actions. */
.option-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.option-icon{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:9px;flex-shrink:0;background:#e5eadc;color:#486347}.option-icon.peach{background:#f3e2d7;color:#906044}.option-icon.sand{background:#eee5cf;color:#826c39}.option-icon .icon{width:17px;height:17px}.active>.option-label>.option-icon{background:#ffffff24;color:inherit}.feed-tab.active .option-icon,.chip.active .option-icon{color:#fff}.feed-tabs .feed-tab{display:flex;align-items:center;justify-content:center;min-width:0}.chips .chip{display:inline-flex;align-items:center;min-height:42px}.field-caption{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--ink)}.field-caption .icon{width:17px;height:17px;color:#73856a}.icon-action{display:inline-flex;align-items:center;gap:8px}.icon-action>.icon{width:18px;height:18px;flex-shrink:0}.profile-row{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:12px 10px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:12px!important;font-size:15px!important;font-weight:500!important;color:var(--ink)!important;background:transparent!important;text-align:left!important;text-decoration:none!important;box-sizing:border-box!important;transition:background .15s ease!important}.profile-row:hover{background:#f3efe6!important}.profile-row .row-icon{display:inline-grid!important;place-items:center!important;flex:0 0 34px!important;flex-shrink:0!important;flex-grow:0!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#e7eddf!important;color:#284c3c!important}.profile-row .row-icon.danger{background:#fbeae8!important;color:#b0362b!important}.profile-row .row-icon .icon{width:18px!important;height:18px!important}.profile-row .row-label,.profile-row>span:not(.row-icon):not(.row-chevron){flex:1 1 auto!important;min-width:0!important;text-align:left!important;color:var(--ink)!important}.profile-row .row-chevron,.profile-row>svg:last-child{margin-left:auto!important;flex:0 0 auto!important;flex-shrink:0!important;flex-grow:0!important;width:16px!important;height:16px!important;color:#8c9387!important}.profile-row.danger{color:#b0362b!important}.profile-row.danger .row-label,.profile-row.danger>span:not(.row-icon):not(.row-chevron){color:#b0362b!important}.profile-row.danger:hover{background:#fdf2f1!important}.group-tools{gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}.field+.field{margin-top:16px}@media(max-width:680px){.feed-tabs{gap:6px}.feed-tabs .feed-tab{padding:10px 8px;font-size:14px}.option-label{gap:5px}.option-icon{width:24px;height:24px;border-radius:8px}.option-icon .icon{width:16px;height:16px}.chips{gap:7px}.chips .chip{padding:8px 12px}}@media(max-width:360px){.feed-tabs .feed-tab{padding-inline:5px}.feed-tabs .option-icon{width:20px;height:22px}.feed-tabs .option-label{gap:4px}}
[data-item-condition][hidden]{display:none!important}.own-tabs{flex-wrap:wrap;margin:20px 0}.own-tabs .icon{width:18px;height:18px}.own-tabs .chip{gap:7px}.own-tabs small{font-size:12px;opacity:.75}.own-entry{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper);margin-bottom:16px}.own-entry h2{font-size:23px;margin:14px 0 8px}.own-entry>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.own-meta{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}.own-meta>span:first-child{display:flex;gap:7px;align-items:center;color:var(--green)}.own-meta .icon{width:17px;height:17px}.sharing-context{font-size:14px;color:var(--muted);line-height:1.6;margin:12px 0 20px}
/* Title-first feed cards and restrained section tones. */body{--section-bg:#f6f5f0;--section-soft:#edeae3;background:var(--section-bg)}body[data-section-tone=sage]{--section-bg:#f2f5ee;--section-soft:#e4eadb}body[data-section-tone=peach]{--section-bg:#f8f2ec;--section-soft:#f0e3d8}body[data-section-tone=sand]{--section-bg:#f6f3eb;--section-soft:#eee8d8}body[data-section-tone=mist]{--section-bg:#f2f5f3;--section-soft:#e2eae5}.app{background:var(--section-bg)}.topbar{background:var(--section-bg)}.search-box{background:var(--section-soft)}.post.twitter-post,.editorial-post{display:flex;align-items:flex-start;gap:13px;background:#fffefb;border:1px solid #e5e8e1;border-radius:18px;padding:16px 18px 12px;margin-bottom:12px;box-shadow:0 1px 4px rgba(36,76,59,0.03);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.post.twitter-post:hover{background:#ffffff;border-color:#d4ddd0;box-shadow:0 4px 14px rgba(36,76,59,0.06)}.post-avatar-col{flex-shrink:0;padding-top:2px}.post-avatar-col .avatar{width:42px;height:42px;font-size:17px;font-weight:700;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.06)}.post-main-col{flex:1;min-width:0}.post-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.post-author-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;min-width:0;font-size:14.5px;line-height:1.4}.post-author-meta .person-name,.post-author-meta>b{font-weight:700;color:var(--ink);font-size:14.5px}.post-time{font-size:13px;color:var(--muted)}.post-group-badge{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;color:#3d6346;background:#ebf2e7;border:1px solid #dbe6d5;padding:1px 8px;border-radius:10px;cursor:pointer;line-height:1.4;transition:background .15s}.post-group-badge:hover{background:#deead8;color:#244c3b}.post-more-btn{color:#8c9389;width:28px;height:28px;margin:-4px -6px 0 0;flex-shrink:0;border-radius:50%;display:inline-grid;place-items:center;transition:background .15s,color .15s}.post-more-btn:hover{background:#eff3ea;color:var(--ink)}.twitter-post .post-title,.editorial-post .post-title{font-size:16px;font-weight:750;line-height:1.35;letter-spacing:-.3px;margin:0 0 6px 0;color:var(--ink)}.twitter-post .post-title .title-link,.editorial-post .post-title .title-link{color:inherit;font:inherit;padding:0;border:0;background:none;text-align:left;cursor:pointer;transition:color .15s}.twitter-post .post-title .title-link:hover,.editorial-post .post-title .title-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:2px}.twitter-post .post-text,.editorial-post .post-text{font-size:15px;line-height:1.55;color:#2e3a32;margin:0 0 9px 0;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.photo-gallery-twitter{margin:10px 0;border-radius:14px;overflow:hidden;border:1px solid #e2e6de;background:#f3efe8}.photo-gallery-twitter.count-1{display:block;width:100%}.photo-gallery-twitter.count-1 .photo-open{display:block;width:100%;padding:0;background:none;border:none;cursor:zoom-in}.photo-gallery-twitter.count-1 .photo-open img{display:block;width:100%;max-height:360px;aspect-ratio:1.6;object-fit:cover;transition:filter .15s}.photo-gallery-twitter.count-1 .photo-open:hover img{filter:brightness(.97)}.photo-gallery-twitter.count-2{display:grid;grid-template-columns:1fr 1fr;gap:3px}.photo-gallery-twitter.count-2 .photo-open{display:block;width:100%;height:210px;padding:0;border:none;cursor:zoom-in}.photo-gallery-twitter.count-2 .photo-open img{width:100%;height:100%;object-fit:cover;display:block}.photo-gallery-twitter.count-3{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:240px}.photo-gallery-twitter.count-3 .photo-open{padding:0;border:none;cursor:zoom-in;width:100%;height:100%}.photo-gallery-twitter.count-3 .photo-open:nth-child(1){grid-row:1 / span 2}.photo-gallery-twitter.count-3 .photo-open img{width:100%;height:100%;object-fit:cover;display:block}.photo-gallery-twitter.count-4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:260px}.photo-gallery-twitter.count-4 .photo-open{padding:0;border:none;cursor:zoom-in;width:100%;height:100%}.photo-gallery-twitter.count-4 .photo-open img{width:100%;height:100%;object-fit:cover;display:block}.twitter-post .post-actions,.editorial-post .post-actions{display:flex;align-items:center;justify-content:space-between;max-width:440px;margin:8px 0 0;padding:6px 0 0;border:none;border-top:1px solid #f0f2eb;gap:12px}.twitter-post .action-btn,.editorial-post .post-actions button{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:18px;font-size:13px;font-weight:500;color:#657369;background:transparent;border:none;cursor:pointer;min-height:30px;transition:all .15s ease}.twitter-post .action-btn .icon,.editorial-post .post-actions .icon{width:18px;height:18px}.twitter-post .action-count{font-size:12.5px;font-variant-numeric:tabular-nums}.twitter-post .comment-btn:hover{color:#0284c7;background:#f0f9ff}.twitter-post .like-btn:hover{color:#e11d48;background:#fff1f2}.twitter-post .like-btn.chosen{color:#e11d48;font-weight:700}.twitter-post .like-btn.chosen .icon{fill:#fecdd3;stroke:#e11d48}.twitter-post .share-btn:hover{color:#0d9488;background:#f0fdfa}.twitter-post .save-btn:hover{color:#15803d;background:#f0fdf4}.twitter-post .save-btn.chosen{color:#15803d;font-weight:700}.twitter-post .save-btn.chosen .icon{fill:#dcfce7;stroke:#15803d}@media(max-width:680px){.post.twitter-post,.editorial-post{padding:13px 13px 10px;gap:10px;border-radius:15px;margin-bottom:10px}.post-avatar-col .avatar{width:38px;height:38px;font-size:15px}.twitter-post .post-title,.editorial-post .post-title{font-size:15.5px}.twitter-post .post-text,.editorial-post .post-text{font-size:14.5px;line-height:1.5}.twitter-post .post-actions,.editorial-post .post-actions{margin-top:6px;padding-top:4px;max-width:100%}.twitter-post .action-btn,.editorial-post .post-actions button{padding:4px 6px;gap:4px;font-size:12px}.twitter-post .action-btn .icon,.editorial-post .post-actions .icon{width:17px;height:17px}.photo-gallery-twitter.count-1 .photo-open img{max-height:240px}.photo-gallery-twitter.count-2 .photo-open{height:160px}.photo-gallery-twitter.count-3{height:190px}.photo-gallery-twitter.count-4{height:200px}}}
/* Small contextual illustrations keep the working surface close to the top. */
.section-banner{position:relative;display:flex;align-items:center;min-height:92px;margin:0 0 16px;padding:8px 0;isolation:isolate}.section-banner-copy{position:relative;z-index:1;width:calc(100% - 110px);max-width:440px}.section-banner h1{font-size:26px;line-height:1.2;margin:0 0 4px;letter-spacing:-.6px}.section-banner p{font-size:14px;line-height:1.45;color:var(--muted);margin:0;max-width:330px}.section-illustration{position:absolute;right:0;top:50%;transform:translateY(-50%);width:96px;height:96px;object-fit:contain;pointer-events:none;opacity:.85}.section-heading-action{display:flex;justify-content:flex-end;margin:-4px 0 14px}@media(max-width:680px){.section-banner{min-height:80px;margin-bottom:12px}.section-banner-copy{width:calc(100% - 85px)}.section-banner h1{font-size:24px}.section-banner p{font-size:13px;max-width:240px}.section-illustration{width:80px;height:80px;right:-2px}.section-heading-action{margin-top:-2px}}@media(max-width:360px){.section-banner-copy{width:calc(100% - 75px)}.section-illustration{width:70px;height:70px}.section-banner h1{font-size:22px}}
/* Integrated editorial banners: readable live text and a full scene share one surface. */
.section-banner{--banner-color:#dfe5d0;background:var(--banner-color);border-radius:22px;overflow:hidden;min-height:190px;padding:26px 25px;margin:0 0 22px;isolation:isolate;box-shadow:inset 0 0 0 1px #354f3e06}.section-banner-groups{--banner-color:#e2e3ce}.section-banner-care{--banner-color:#f3dfcf}.section-banner-search{--banner-color:#e3e6d8}.section-banner-items{--banner-color:#efe2c7}.section-banner-copy{width:51%;max-width:none;position:relative;z-index:2}.section-banner h1{font-size:38px;line-height:1.12;letter-spacing:-1px;margin-bottom:12px;color:#233b32}.section-banner p{font-size:15px;line-height:1.5;color:#35473b;max-width:250px}.section-illustration{right:0;top:0;transform:none;width:62%;height:100%;opacity:1;object-fit:cover;object-position:65% center;mask-image:linear-gradient(to right,transparent 0%,#000 24%);pointer-events:none}.section-heading-action{margin:0 0 20px}@media(max-width:680px){.section-banner{min-height:164px;padding:20px 18px;border-radius:19px;margin-bottom:18px}.section-banner-copy{width:54%}.section-banner h1{font-size:31px;margin-bottom:9px}.section-banner p{font-size:14px;line-height:1.45;max-width:220px}.section-illustration{width:62%;height:100%;right:0;object-position:62% center;mask-image:linear-gradient(to right,transparent 0%,#000 31%)}.section-heading-action{margin:0 0 18px}}@media(max-width:360px){.section-banner{padding:18px 15px;min-height:165px}.section-banner h1{font-size:29px}.section-banner p{font-size:13px}.section-banner-copy{width:56%}}
/* Compact same-surface mastheads: half-height, fine separation, small artwork. */
.section-banner{background:transparent;border:0;border-bottom:1px solid #dcded5;border-radius:0;box-shadow:0 5px 8px -9px #233b3266;min-height:96px;padding:12px 0;margin:0 0 18px;overflow:visible;gap:16px;display:flex;align-items:center;justify-content:space-between}.section-banner-copy{width:calc(100% - 112px);max-width:none}.section-banner h1{font-size:28px;line-height:1.18;letter-spacing:-.55px;margin:0 0 6px}.section-banner p{font-size:14px;line-height:1.45;color:var(--muted);max-width:none;margin:0}.section-illustration{position:static;flex:0 0 96px;width:96px;height:76px;transform:none;object-fit:contain;object-position:center;mask-image:none;opacity:1;pointer-events:none}.section-heading-action{margin:0 0 16px}@media(max-width:680px){.section-banner{min-height:88px;padding:10px 0;margin-bottom:16px;border-radius:0;gap:10px}.section-banner-copy{width:calc(100% - 88px)}.section-banner h1{font-size:26px;line-height:1.18;margin-bottom:5px}.section-banner p{font-size:14px;line-height:1.4;max-width:none}.section-illustration{width:78px;height:68px;flex-basis:78px;mask-image:none;object-position:center}.section-heading-action{margin-bottom:16px}}@media(max-width:360px){.section-banner-copy{width:calc(100% - 78px)}.section-banner h1{font-size:25px}.section-illustration{width:68px;height:64px;flex-basis:68px}}

/* Unified search keeps source excerpts and context visible. */
.community-search-form{display:flex;align-items:stretch;gap:10px}.community-search-form .search-box{flex:1;min-width:0;margin:0}.community-search-form .search-box input{min-width:0;width:100%;font-size:16px}.community-search-form>.primary{flex-shrink:0;padding:12px 23px}.search-mode{font-size:14px;line-height:1.6;color:var(--muted);margin:20px 0 12px}.discovery-result{background:#fffdf9;border:1px solid #e5e5dd;border-radius:18px;padding:22px;margin:14px 0;box-shadow:0 4px 16px #243b3207}.discovery-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);margin-bottom:12px}.discovery-meta>span{display:inline-flex;gap:7px;align-items:center;font-size:14px}.discovery-meta svg{width:17px;height:17px}.discovery-meta small{font-size:14px}.discovery-result .title-link{font-size:24px;line-height:1.3}.discovery-result>p{font-size:16px;line-height:1.65}.discovery-result .text-button{display:flex;gap:8px;align-items:center;font-size:14px}.discovery-result .text-button svg{width:16px;height:16px}.matched-reply{border-left:2px solid #a9b59b;padding-left:14px}.search-highlight .message-bubble{outline:2px solid #8e9c7b;outline-offset:3px}.search-scopes{flex-wrap:wrap}@media(max-width:450px){.community-search-form{gap:7px}.community-search-form>.primary{padding:10px 17px}.community-search-form .search-box{padding:12px}.discovery-result{padding:18px}.discovery-result .title-link{font-size:22px}}
.notice-list .person-row{width:100%;text-align:left;align-items:flex-start;gap:14px}.notice-list .person-row>span:nth-child(2){min-width:0;flex:1}.notice-detail{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.member-row{flex-wrap:wrap}.notice-list .avatar{flex-shrink:0}

/* Refined Need (İhtiyaç) Card Typography & Structure */
.need{padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:var(--paper);margin-bottom:18px;transition:border-color .2s,box-shadow .2s}
.need:hover{border-color:#d5d8cc;box-shadow:0 4px 20px rgba(36,76,59,.04)}
.need-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.need-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.need-badge{display:inline-flex;align-items:center;gap:5px;background:#e2ebdc;color:#35533f;border-radius:7px;font-size:11px;padding:3px 9px;font-weight:700;letter-spacing:.3px}
.need-badge.closed{background:#edebe4;color:#7b7970}
.need-category-tag{font-size:11px;color:#786c58;background:#f4eee2;padding:3px 9px;border-radius:7px;font-weight:600}
.need .free{display:inline-block;background:#e2ebdc;color:#35533f;border-radius:7px;font-size:11px;padding:3px 9px;font-weight:700;margin-bottom:8px}
.need h3,.need-title{font:700 20px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.3px;margin:0 0 10px;color:var(--ink)}
.need h3 .title-link,.need-title .title-link{font:inherit;letter-spacing:inherit;text-align:left;padding:0;color:inherit;text-decoration:none;display:inline-block;transition:color .15s ease}
.need h3 .title-link:hover,.need-title .title-link:hover{color:var(--green);text-decoration:none}
.need-body{font-size:14.5px;line-height:1.75;color:#5c6356;margin:0 0 16px}
.need-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #eeeee6;padding-top:16px;margin-top:16px;flex-wrap:wrap}
.need-author{display:flex;align-items:center;gap:11px}
.need-author-details b{font-size:13.5px;font-weight:600;display:block;color:var(--ink)}
.need-author-details small{display:block;font-size:12px;color:var(--muted)}
.need-actions{display:flex;align-items:center;gap:9px;margin:0}
.need-actions .primary{padding:9px 18px;font-size:13px;border-radius:10px}
.need-actions .secondary{padding:9px 15px;font-size:13px;border-radius:10px}

/* Group Moderation & Report Cards */
.report-list{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.report-card{background:#fdfcf9;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 2px 8px rgba(36,76,59,.03)}
.report-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.report-tag{font-size:11px;font-weight:700;color:#944a42;background:#fdeeed;padding:3px 8px;border-radius:6px}
.report-target-snippet{font-size:13.5px;line-height:1.55;color:var(--ink);margin:0 0 10px;background:#f4f4ec;padding:10px 12px;border-radius:8px}
.report-reason-box{font-size:12.5px;color:#5a6256;margin-bottom:12px}
.report-actions{margin-top:8px;gap:8px;align-items:center;display:flex;flex-wrap:wrap}
.report-actions .primary{padding:8px 14px;font-size:12.5px;background:#964138}
.report-actions .primary:hover{background:#7d342c}
.report-actions .secondary{padding:8px 13px;font-size:12.5px}
.report-actions .text-button{font-size:12px;color:#964138;margin-left:auto}

/* Listing Filters Card & Controls */
.listing-filters-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px 18px 12px;margin:14px 0 20px;box-shadow:0 2px 8px rgba(36,76,59,.03)}
.listing-filters-card .form-grid{margin-bottom:0}
.listing-filter-row{display:flex;align-items:flex-end;gap:16px}
.listing-filter-row .field{flex:1;margin:8px 0}
.listing-filter-clear{padding-bottom:18px;font-size:13px;white-space:nowrap}

/* Live Feed Update Notification Pill */
.feed-new-pill-container{position:sticky;top:90px;z-index:6;display:flex;justify-content:center;margin:-6px 0 16px;pointer-events:none}
.feed-new-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;background:var(--green);color:white;padding:9px 19px;border-radius:24px;font-size:13.5px;font-weight:600;box-shadow:0 4px 18px rgba(36,76,59,.3);cursor:pointer;animation:pillSlideDown .25s ease-out;transition:transform .15s ease,background .15s ease}
.feed-new-pill:hover{background:#1a3a2d;transform:translateY(-1px)}
.feed-new-pill .pill-dot{width:8px;height:8px;border-radius:50%;background:#85e3a0;box-shadow:0 0 7px #85e3a0}
.feed-new-pill svg{width:16px;height:16px;stroke-width:2}
@keyframes pillSlideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* Dynamic Typing Indicator */
.typing-indicator-row{display:flex;margin:8px 0;animation:msgSlideIn .2s ease-out}
.typing-bubble{display:inline-flex;align-items:center;gap:7px;background:#ffffff;border:1px solid #e8e4da;border-radius:16px 16px 16px 4px;padding:7px 12px;font-size:12.5px;color:#616b64;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.typing-name{font-weight:600;color:#244c3b}
.typing-dots{display:inline-flex;gap:4px;align-items:center;margin-left:3px}
.typing-dots .dot{width:5px;height:5px;background:#557850;border-radius:50%;animation:typingBounce 1.2s infinite ease-in-out}
.typing-dots .dot:nth-child(1){animation-delay:0s}
.typing-dots .dot:nth-child(2){animation-delay:.18s}
.typing-dots .dot:nth-child(3){animation-delay:.36s}
@keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-3.5px);opacity:1}}
@keyframes msgSlideIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Floating Chat Pill for New Messages */
.chat-pill-container{position:sticky;bottom:10px;display:flex;justify-content:center;z-index:9;pointer-events:none;margin-top:-44px}
.chat-new-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;background:#244c3b;color:#fff;border:1px solid #1a3a2d;border-radius:24px;padding:8px 18px;font-size:13px;font-weight:700;box-shadow:0 6px 20px rgba(24,52,40,.36);cursor:pointer;animation:pillSlideDown .25s cubic-bezier(0.16,1,0.3,1);transition:transform .15s ease}
.chat-new-pill:hover{background:#1d4031;transform:translateY(-1px)}
.chat-new-pill:active{transform:scale(0.97)}
.chat-new-pill .pill-dot{width:8px;height:8px;border-radius:50%;background:#86e6a1;box-shadow:0 0 7px #86e6a1}

/* Unified Chat Navigation Header */
dialog.chat-dialog .dialog-head{display:none!important}
.chat-nav-header{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 18px;display:flex;align-items:center;gap:12px;flex:none}
.chat-back-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg);flex:none;color:var(--ink);padding:0;transition:background .15s ease,transform .15s ease}
.chat-back-btn:hover{background:var(--sage)}
.chat-back-btn .icon{width:18px;height:18px;transform:rotate(180deg)}
.chat-nav-titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.chat-nav-eyebrow{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#536e57;line-height:1.25;letter-spacing:.2px}
.chat-nav-eyebrow .icon{width:14px;height:14px;vertical-align:middle}
.chat-nav-title{font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.35px;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.chat-nav-menu{width:38px;height:38px;flex:none;color:var(--muted)}
.chat-nav-menu:hover{color:var(--ink);background:var(--sage)}

/* Glowing New Messages */
@keyframes newMsgGlow{0%{background-color:#d1efcb;box-shadow:0 0 0 3px #72c768,0 6px 18px rgba(45,117,71,.28);transform:translateY(-2px)}30%{background-color:#e4f5de;box-shadow:0 0 0 2px #8fd385,0 3px 12px rgba(45,117,71,.16);transform:translateY(0)}100%{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04);transform:none}}
@keyframes ownMsgGlow{0%{background:#c2e2b3;box-shadow:0 0 0 3px #559b43,0 6px 18px rgba(36,76,59,.32);transform:translateY(-2px)}30%{background:#d3ebd2;box-shadow:0 0 0 2px #74b862,0 3px 12px rgba(36,76,59,.18);transform:translateY(0)}100%{background:linear-gradient(135deg,#dbe8d2 0%,#e4f0dc 100%);box-shadow:0 1px 3px rgba(36,76,59,.07);transform:none}}
.message-bubble.message-new-glow{animation:newMsgGlow 2.8s ease-out forwards}
.own-message .message-bubble.message-new-glow{animation:ownMsgGlow 2.8s ease-out forwards}

/* Care Card Grid & Badges */
.group-cover-wrap{position:relative;overflow:hidden}
.care-badge{position:absolute;top:10px;right:10px;background:rgba(36,76,59,.9);color:white;border-radius:6px;font-size:11px;font-weight:700;padding:3px 8px;backdrop-filter:blur(4px);box-shadow:0 2px 6px rgba(0,0,0,.2)}

@media(max-width:680px){
  .chat-nav-header{padding:max(10px,env(safe-area-inset-top)) 14px 10px;gap:10px}
  .chat-back-btn{width:36px;height:36px}
  .chat-nav-title{font-size:16px}
  .chat-nav-eyebrow{font-size:11px}
}

/* Deleted Message Styling */
.message-deleted{opacity:0.8}
.deleted-bubble{background:#f4f1ea !important;border:1px dashed #d5cebf !important;color:#858c84 !important}
.deleted-msg-text{margin:0;font-size:13.5px;display:flex;align-items:center;gap:6px;color:#7e877e}
.deleted-msg-text em{font-style:italic}
.deleted-msg-text .icon{width:14px;height:14px;opacity:0.7}

/* Listing Wage & Quick Interest */
.listing-wage-badge{display:inline-flex;align-items:center;gap:4px;background:#e9f2e3;color:#244c3b;border:1px solid #c7dcbe;font-size:12px;font-weight:700;padding:3px 8px;border-radius:8px;margin-left:auto}
.listing-card-footer{display:flex;align-items:center;justify-content:space-between;margin:10px 0 14px}
.listing-detail-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 16px}
.listing-wage-pill{display:inline-flex;align-items:center;gap:6px;background:#e4ede0;color:#1e3c2f;font-weight:700;font-size:14px;padding:6px 14px;border-radius:20px;border:1px solid #c2d8b8}
.listing-interest-box{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.listing-interest-box details summary{font-size:13px;color:var(--green);cursor:pointer;font-weight:600}

/* Topic Source Message Harmonization */
.topic-source-message{margin:0 0 10px 0}
.topic-source-message .message-bubble{max-width:90%}
@media(max-width:680px){.topic-source-message .message-bubble{max-width:94%}}

/* Interactive Poll Feature */
.poll-widget{background:#fbfaf6;border:1px solid #e7e3d8;border-radius:14px;padding:12px 14px;margin:9px 0;box-shadow:0 1px 3px rgba(0,0,0,.02);box-sizing:border-box}
.poll-widget.comment-poll{padding:10px 12px;margin:7px 0;background:rgba(255,255,255,.9);border-color:#dfdbd0}
.own-message .poll-widget{background:rgba(255,255,255,.8);border-color:#c8d9be}
.poll-question{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:13.5px;color:#1f2b23;line-height:1.4}
.poll-badge-inline{margin-bottom:7px}
.poll-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#29543e;background:#e4eee0;padding:3px 8px;border-radius:12px;letter-spacing:.2px}
.poll-badge .icon{width:12px;height:12px}
.poll-options{display:flex;flex-direction:column;gap:6px}
.poll-option-row{position:relative;width:100%;display:flex;align-items:center;padding:9px 12px;border:1.5px solid #e3dfd3;border-radius:10px;background:#ffffff;cursor:pointer;text-align:left;overflow:hidden;font-family:inherit;font-size:13.5px;line-height:1.35;color:#222924;transition:border-color .15s ease,background-color .15s ease,transform .1s ease;box-sizing:border-box}
.poll-option-row:hover{border-color:#8da488}
.poll-option-row:active{transform:scale(.995)}
.poll-option-row.chosen-option{border-color:#466e51;font-weight:600}
.poll-bar{position:absolute;left:0;top:0;bottom:0;background:#eef3eb;border-radius:8px;transition:width .35s ease;z-index:1;pointer-events:none}
.chosen-option .poll-bar{background:#d4e4cf}
.poll-content{position:relative;z-index:2;display:flex;align-items:center;width:100%;gap:9px;pointer-events:none}
.poll-check-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none}
.poll-check-icon .icon{width:16px;height:16px;color:#244c3b;stroke-width:2.5}
.poll-radio-circle{width:14px;height:14px;border-radius:50%;border:1.5px solid #a4aba0;display:inline-block}
.poll-text{flex:1;min-width:0;overflow-wrap:anywhere}
.poll-pct{margin-left:auto;font-size:12px;font-weight:700;color:#29543e;white-space:nowrap}
.poll-pct small{font-weight:500;color:#6a746a;font-size:11px}
.poll-meta{margin-top:8px;font-size:11.5px;color:#727a71;display:flex;align-items:center;justify-content:space-between}
.poll-creator-box{background:#f7f6f1;border:1px dashed #d5d0c2;border-radius:12px;padding:10px 14px;margin:12px 0}
.poll-toggle-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#2e5540;background:none;border:none;padding:4px 0;cursor:pointer;font-family:inherit}
.poll-toggle-btn .icon{width:16px;height:16px}
.poll-fields{margin-top:10px;padding-top:10px;border-top:1px solid #e3ded2}
.comment-tools-bar{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.comment-tool-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#3b5c46;background:#ebf1e8;border:1px solid #d2ded0;border-radius:14px;padding:4px 10px;cursor:pointer;font-family:inherit;font-weight:500}
.comment-tool-btn:hover{background:#e0eadb}
.comment-tool-btn .icon{width:13px;height:13px}
.comment-poll-box{background:#fbfaf7;border:1px solid #e2ddd3;border-radius:10px;padding:8px 10px;margin-bottom:8px;display:flex;flex-direction:column;gap:5px}
.mini-poll-input{font-size:12.5px;padding:6px 10px;border:1px solid #e2ddd3;border-radius:7px;background:#fff;width:100%;box-sizing:border-box}

/* ==============================================================
   Refined Spacious Modal Designs: Inbox (Mesajlarım) & Notifications
   ============================================================== */
dialog:has(.inbox-cards-list), dialog:has(.notice-cards-list){
  max-width: 580px;
  width: min(580px, calc(100% - 24px));
}

/* Mesajlarım (Inbox) */
.inbox-head-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ebe8dc;
}
.inbox-intro{
  font-size: 13px;
  color: var(--muted);
  margin: 0;
  line-height: 1.45;
  flex: 1;
}
.compact-btn{
  padding: 8px 16px;
  font-size: 13px;
  border-radius: 20px;
  white-space: nowrap;
  gap: 6px;
  display: inline-flex;
  align-items: center;
  flex: none;
}
.compact-btn .icon{
  width: 14px;
  height: 14px;
}
.inbox-cards-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.inbox-card{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: #ffffff;
  border: 1px solid #e8e4da;
  border-radius: 18px;
  text-align: left;
  transition: all .18s ease;
  position: relative;
  box-shadow: 0 1px 4px rgba(36,76,59,0.03);
}
.inbox-card.interactive-card{
  cursor: pointer;
}
.inbox-card.interactive-card:hover{
  background: #f6f8f1;
  border-color: #cbd8c7;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(36,76,59,0.07);
}
.inbox-card.has-unread{
  background: #fbfdf9;
  border-color: #bed2b9;
}
.inbox-card-avatar{
  position: relative;
  flex: none;
}
.inbox-card-avatar .avatar{
  width: 46px;
  height: 46px;
  font-size: 18px;
  font-weight: 700;
}
.inbox-unread-pip{
  position: absolute;
  top: -1px;
  right: -1px;
  width: 11px;
  height: 11px;
  background: #b05a46;
  border: 2px solid white;
  border-radius: 50%;
}
.inbox-card-body{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.inbox-card-top{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.inbox-sender-name{
  font-size: 15px;
  font-weight: 700;
  color: #1a2b21;
}
.inbox-topic-pill{
  font-size: 11.5px;
  color: #43624a;
  background: #e7efe3;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 500;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inbox-unread-badge{
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  color: white;
  background: #244c3b;
  padding: 2px 9px;
  border-radius: 12px;
  letter-spacing: .2px;
}
.inbox-card-snippet{
  font-size: 13.5px;
  color: #5c665e;
  line-height: 1.4;
  margin: 2px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inbox-card-snippet.request-intro{
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #3b4d40;
}
.inbox-status-tag{
  font-size: 11.5px;
  color: #798377;
  margin-top: 2px;
}
.inbox-status-tag.highlight{
  color: #a4533f;
  font-weight: 600;
}
.inbox-card-actions{
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.inbox-card-arrow{
  color: #9ea999;
  flex: none;
  display: flex;
  align-items: center;
  transition: transform .15s, color .15s;
}
.inbox-card-arrow .icon{
  width: 17px;
  height: 17px;
}
.inbox-card:hover .inbox-card-arrow{
  transform: translateX(3px);
  color: #244c3b;
}

/* Bildirimler (Notifications) */
.notice-head-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebe8dc;
}
.notice-count-info{
  font-size: 13.5px;
  color: var(--muted);
}
.notice-count-info b{
  color: var(--green);
  font-size: 14px;
  font-weight: 700;
}
.notice-mark-all{
  font-size: 12.5px;
  color: var(--green);
  font-weight: 600;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 8px;
  transition: background .15s;
}
.notice-mark-all:hover{
  background: var(--sage);
}
.notice-cards-list{
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.notice-card{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 14px;
  text-align: left;
  width: 100%;
  transition: all .18s ease;
  position: relative;
  border: 1px solid #e7e3d7;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(36,76,59,0.02);
  cursor: pointer;
}
.notice-card:hover{
  background: #f7f9f3;
  border-color: #cbd8c8;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(36,76,59,0.05);
}
.notice-card.notice-unread{
  background: #f1f6ec;
  border-color: #c7dac2;
}
.notice-icon-wrapper{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  flex: none;
  background: #e3ebd8;
  color: #274f38;
}
.notice-icon-wrapper.group-kind{
  background: #e8e4d5;
  color: #5c5139;
}
.notice-icon-wrapper.msg-kind{
  background: #dfece3;
  color: #225139;
}
.notice-icon-wrapper .icon{
  width: 16px;
  height: 16px;
}
.notice-card-content{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.notice-card-header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.notice-card-title{
  font-size: 13.5px;
  font-weight: 700;
  color: #1b2a20;
  line-height: 1.35;
}
.notice-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #257849;
  flex: none;
  margin-top: 4px;
  box-shadow: 0 0 0 2px #d1ebd8;
}
.notice-card-detail{
  font-size: 12.5px;
  line-height: 1.45;
  color: #46554a;
  margin: 3px 0 1px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background: rgba(0,0,0,0.025);
  padding: 4px 8px;
  border-radius: 7px;
  border-left: 2px solid #82a379;
}
.notice-card-time{
  font-size: 11px;
  color: #7b8779;
  margin-top: 2px;
}

/* Phone SMS Auth Styles */
.phone-input-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}
.phone-prefix-badge {
  background: var(--sage);
  color: var(--green);
  font-weight: 700;
  font-size: 15px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #d5dfce;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: none;
}
.phone-input-field {
  flex: 1;
  font-size: 17px !important;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 12px 14px !important;
  border-radius: 12px !important;
}
.sms-code-container {
  margin: 18px 0 14px;
  text-align: center;
}
.sms-code-input {
  width: 100% !important;
  max-width: 280px;
  margin: 10px auto !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: 8px !important;
  text-align: center !important;
  padding: 12px 8px !important;
  border-radius: 14px !important;
  border: 2px solid var(--green) !important;
  background: #fff !important;
  color: var(--ink) !important;
  box-shadow: 0 4px 14px rgba(36, 76, 59, 0.08);
}
.sms-code-input:focus {
  outline: 3px solid #8da18b !important;
  outline-offset: 2px;
}
.sms-info-box {
  background: #f1f5ec;
  border: 1px solid #dce5d5;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 13px;
  color: #3b503e;
  line-height: 1.5;
  margin: 12px 0 16px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.sms-info-box .icon {
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 1px;
}
.phone-step-actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.phone-step-actions .secondary {
  flex: 1;
}
.phone-step-actions .primary {
  flex: 2;
}

/* Legal / KVKK / Footer Styles */
.app-footer {
  margin-top: 32px;
  padding: 24px 20px 48px;
  border-top: 1px solid var(--line);
  text-align: center;
  font-size: 13px;
  color: var(--muted);
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 820px;
  margin: 0 auto;
  line-height: 1.6;
}
.footer-link-btn {
  background: none;
  border: none;
  padding: 2px 4px;
  font-size: 13px;
  color: var(--muted);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .15s ease;
}
.footer-link-btn:hover {
  color: var(--green);
}
.footer-links .dot {
  color: #c5cbc0;
}
.footer-video-link {
  color: var(--green);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-left: 2px;
}
.legal-modal-content {
  text-align: left;
  max-height: 65vh;
  overflow-y: auto;
  padding-right: 6px;
}
.legal-lead {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--ink);
  margin-bottom: 16px;
  font-weight: 500;
}
.legal-item {
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f0ecdf;
}
.legal-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.legal-item h4 {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 6px 0;
}
.legal-item p {
  font-size: 13.5px;
  line-height: 1.6;
  color: #555e54;
  margin: 0;
}
.legal-consent-text {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
  margin: 14px 0 6px 0;
  text-align: center;
}
.legal-consent-text button {
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
  color: var(--green);
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}

/* Admin Moderation Panel Styles */
.admin-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #c0392b;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  margin-left: 6px;
  line-height: 1;
}
.admin-nav-button {
  background: #fdf5e6 !important;
  color: #8c531b !important;
  border: 1px solid #ebd4b0 !important;
  font-weight: 600 !important;
}
.admin-nav-button:hover {
  background: #faecd5 !important;
}
.admin-topbar-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fdf5e6;
  border: 1px solid #ebd4b0;
  color: #8c531b;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s ease;
}
.admin-topbar-btn:hover {
  background: #faecd5;
  transform: translateY(-1px);
}
.admin-modal-container {
  max-height: 75vh;
  overflow-y: auto;
  padding-right: 4px;
}
.admin-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 12px;
  margin-bottom: 18px;
}
.admin-tab-btn {
  background: transparent;
  border: 1px solid var(--line);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 13.5px;
  color: var(--muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all .15s ease;
}
.admin-tab-btn.active {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
  font-weight: 600;
}
.admin-report-card {
  background: #fff;
  border: 1px solid #e8e4da;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
.admin-report-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 12px;
  color: var(--muted);
}
.admin-report-reason-box {
  background: #fff4e5;
  border-left: 3px solid #e67e22;
  padding: 10px 14px;
  border-radius: 0 8px 8px 0;
  margin-bottom: 12px;
}
.admin-report-reason-title {
  font-size: 12px;
  font-weight: 700;
  color: #b75a07;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 3px;
}
.admin-report-reason-body {
  font-size: 13.5px;
  color: #4a3622;
  margin: 0;
  line-height: 1.45;
}
.admin-target-preview {
  background: #faf8f5;
  border: 1px solid #eee7dc;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 14px;
}
.admin-target-author {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 6px;
}
.admin-target-body {
  font-size: 13.5px;
  color: #434c44;
  line-height: 1.5;
  margin: 0;
}
.admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #f2ede4;
}
.admin-btn {
  padding: 7px 13px;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all .15s ease;
}
.admin-btn-dismiss {
  background: #f0f2eb;
  color: #475446;
  border: 1px solid #d8dfd1;
}
.admin-btn-dismiss:hover {
  background: #e2e7dc;
}
.admin-btn-delete {
  background: #feeceb;
  color: #c0392b;
  border: 1px solid #f8c9c6;
}
.admin-btn-delete:hover {
  background: #fcd5d3;
}
.admin-btn-ban {
  background: #2c3e50;
  color: #fff;
  border: 1px solid #2c3e50;
}
.admin-btn-ban:hover {
  background: #1a252f;
}
.admin-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
.admin-stat-card {
  background: #fff;
  border: 1px solid #e8e4da;
  border-radius: 12px;
  padding: 14px;
  text-align: center;
}
.admin-stat-val {
  font-size: 24px;
  font-weight: 800;
  color: var(--green);
  line-height: 1.2;
}
.admin-stat-lbl {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}
.admin-user-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f0ecdf;
  font-size: 13px;
}
.admin-user-row:last-child {
  border-bottom: none;
}

/* PWA Install Banner & Buttons */
.pwa-install-banner {
  position: fixed;
  bottom: 74px;
  left: 16px;
  right: 16px;
  max-width: 440px;
  margin: 0 auto;
  background: var(--card, #ffffff);
  border: 1px solid var(--border, #e5e0d8);
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 998;
  animation: pwaSlideUp 0.35s ease-out;
}
@media (min-width: 768px) {
  .pwa-install-banner {
    bottom: 24px;
    right: 24px;
    left: auto;
    width: 380px;
  }
}
@keyframes pwaSlideUp {
  from { transform: translateY(100px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.pwa-banner-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.pwa-banner-info {
  flex: 1;
  min-width: 0;
}
.pwa-banner-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--text, #1c2b27);
  line-height: 1.25;
}
.pwa-banner-desc {
  font-size: 11.5px;
  color: var(--muted, #5f746d);
  line-height: 1.25;
  margin-top: 2px;
}
.pwa-banner-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.pwa-btn-install {
  background: var(--primary, #244c3b);
  color: #fff;
  border: none;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
}
.pwa-btn-install:hover {
  opacity: 0.9;
}
.pwa-btn-close {
  background: transparent;
  border: none;
  color: var(--muted, #7c9088);
  font-size: 16px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  border-radius: 50%;
}
.pwa-btn-close:hover {
  color: var(--text, #1c2b27);
  background: rgba(0,0,0,0.05);
}

.pwa-sidebar-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  margin-top: 10px;
  background: rgba(36, 76, 59, 0.06);
  border: 1px dashed rgba(36, 76, 59, 0.25);
  border-radius: 12px;
  color: var(--primary, #244c3b);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  text-align: left;
}
.pwa-sidebar-btn:hover {
  background: rgba(36, 76, 59, 0.12);
}

.pwa-guide-steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 16px 0;
}
.pwa-step-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--border, #e5e0d8);
  border-radius: 12px;
  background: var(--card, #ffffff);
}
.pwa-step-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--primary, #244c3b);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pwa-step-text {
  font-size: 13px;
  line-height: 1.4;
  color: var(--text, #1c2b27);
}
.pwa-step-text strong {
  color: var(--primary, #244c3b);
}