:root{--ink:#183e39;--muted:#71847f;--brand:#087f75;--pale:#e6f4ef;--line:#e4ece8;--bg:#f3f6f3;--white:#fff;--shadow:0 8px 32px #183e3906}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;background:var(--pale);color:var(--brand);padding:10px 15px;font-weight:650}button:hover,.primary:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}a{color:var(--brand);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #dda744;outline-offset:3px}h1,h2,h3,p{margin:0 0 14px}h1{line-height:1.15;letter-spacing:-1.7px}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:16px}small,.muted{color:var(--muted)}.primary{background:var(--brand);color:white;display:inline-block}.danger{color:#af3e38;background:#fff0ed}.ghost{background:transparent}.card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px;margin-bottom:20px}.brand{font-size:27px;font-weight:850;letter-spacing:-1.4px;color:var(--brand);line-height:1.1}.brand span{display:block;font-size:11px;font-weight:500;letter-spacing:1.2px;margin-top:8px;text-transform:uppercase;color:var(--muted)}.topbar{height:88px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px);gap:25px}.search{max-width:420px;flex:1}.search input{border:0;background:var(--bg);border-radius:40px;padding:13px 20px}.top-actions,.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.layout{max-width:1440px;margin:30px auto;display:grid;grid-template-columns:220px minmax(0,680px) 290px;gap:30px;padding:0 30px}.sidebar{position:sticky;top:118px;align-self:start}.nav button{display:flex;width:100%;text-align:left;gap:16px;margin-bottom:9px;background:transparent;color:#59716b;padding:14px 17px}.nav button.active{background:#dceee5;color:var(--brand)}.nav .ico{font-size:20px;width:23px;text-align:center}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:800;color:var(--muted)}.side-note{margin:38px 16px;font-size:12px;color:var(--muted)}.side-note strong{color:var(--brand)}.welcome{padding:26px 29px;background:#e2eee3;border:1px solid #d4e3d2;border-radius:18px;position:relative;margin-bottom:24px;overflow:hidden}.welcome:after{content:'✳';position:absolute;font-size:150px;right:20px;top:-31px;color:#b6cbb3;opacity:.45;pointer-events:none}.welcome h1{font-size:30px;max-width:370px;margin-top:8px;position:relative;z-index:1}.welcome p{font-size:13px;margin-bottom:0;position:relative;z-index:1;max-width:390px}.avatar{width:43px;height:43px;flex-shrink:0;border-radius:50%;background:#e1eee7;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;color:var(--brand);font-weight:800;border:2px solid white}.avatar.large{width:88px;height:88px;font-size:30px}.avatar.tiny{width:34px;height:34px;font-size:12px}.compose textarea{border:0;resize:vertical;background:#f6f8f5;min-height:86px;border-radius:12px;padding:15px}.compose .row{align-items:start}.compose-body{flex:1}.composer-actions{padding-top:16px;margin-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.composer-actions label{font-size:12px;cursor:pointer;color:#5b7269;margin:0}.composer-actions input[type=file]{font-size:11px;width:200px;padding:4px;background:white;border:0}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{border-radius:30px;background:transparent;color:var(--muted);font-size:12px;padding:7px 17px}.tabs button.active{background:white;color:var(--brand);box-shadow:0 2px 8px #00000008}.post{padding:0;overflow:hidden}.post-head{padding:21px 23px 0;display:flex;gap:10px;align-items:center}.post-head .author{flex:1}.post-head small{font-size:11px}.name{background:none;padding:0;text-align:left;color:var(--ink);font-weight:750}.post-body{padding:16px 23px;white-space:pre-wrap;overflow-wrap:anywhere}.post-media{width:100%;max-height:620px;object-fit:contain;background:#122f2b;display:block}.reel-video{height:530px;object-fit:contain;width:100%;background:#132923}.post-stats{padding:14px 23px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.post-actions{display:flex;border-top:1px solid var(--line);margin:0 20px;padding:7px 0}.post-actions button{flex:1;background:transparent;color:var(--muted);font-size:12px}.post-actions button.liked{color:var(--brand);background:var(--pale)}.shared{margin:0 20px 12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.shared .post-body{padding:14px}.shared .post-media{max-height:400px}.comment-list{padding:10px 22px 22px;border-top:1px solid var(--line)}.comment{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.comment p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-form{display:flex;gap:8px;margin-top:16px}.aside .card{padding:20px}.aside h3{margin-bottom:16px}.person{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.person:last-child{border-bottom:0}.person .info{flex:1;min-width:0}.person button{font-size:12px}.person small{font-size:11px}.community-card{background:#154c43;color:#fff;border:0}.community-card .eyebrow{color:#a7d0bc}.community-card p{font-size:13px;color:#d2e4dc}.community-card .mark{font-size:44px;line-height:1;margin-bottom:23px;color:#dfbc73}.community-card h2{font-size:26px}.aside-footer{padding:0 8px;color:var(--muted);font-size:11px}.empty{text-align:center;padding:45px 25px}.empty .symbol{font-size:46px;color:#a1bca8;margin-bottom:12px}.empty p{font-size:14px;color:var(--muted);max-width:380px;margin:0 auto 20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.member-card{text-align:center}.member-card .avatar{margin-bottom:10px}.member-card .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:18px}.member-card p{font-size:12px;min-height:20px}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.auth-story{background:#153f37;color:white;padding:10vh 8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-story .brand{color:white;margin-bottom:75px}.auth-story .brand span{color:#b3c8bc}.auth-story h1{font-size:clamp(40px,5vw,70px);max-width:540px;font-weight:650;letter-spacing:-3px;margin-bottom:25px;z-index:1}.auth-story h1 em{font-style:normal;color:#b9d5ab}.auth-story p{max-width:390px;color:#b7cdc0;z-index:1}.auth-story .ornament{font-size:180px;line-height:1;color:#436b53;letter-spacing:25px;margin-top:40px}.auth-panel{padding:60px 8vw;display:flex;justify-content:center;flex-direction:column}.auth-panel h2{font-size:30px}.auth-panel>p{color:var(--muted);font-size:14px}.auth-panel form{margin:20px 0}.auth-panel .primary{width:100%;margin-top:10px}.auth-panel .auth-switch{font-size:13px;text-align:center}.auth-panel footer{font-size:11px;color:var(--muted);margin-top:50px}.auth-panel .error{color:#a93b33;font-size:13px}label{display:block;font-size:12px;font-weight:650;margin-bottom:15px}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #dbe5dd;border-radius:9px;color:var(--ink);background:#fbfcfa;outline:none;margin-top:6px}input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #087f7510}textarea{min-height:85px;resize:vertical}dialog{border:0;padding:28px;border-radius:20px;width:min(560px,92vw);color:var(--ink);max-height:88vh;box-shadow:0 20px 80px #082a3040}dialog::backdrop{background:#12383080;backdrop-filter:blur(3px)}.close{float:right}.chat-log{height:350px;overflow-y:auto;background:var(--bg);padding:15px;border-radius:12px;margin:16px 0}.bubble{background:white;border-radius:12px 12px 12px 0;padding:10px 14px;max-width:82%;width:fit-content;margin:10px 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#dceee4;border-radius:12px 12px 0 12px}.bubble small{display:block;font-size:9px}.notification{display:block;width:100%;text-align:left;background:var(--bg);margin:8px 0;font-size:13px}.notification.unread{background:var(--pale)}.profile-header{background:linear-gradient(120deg,#dbead7,#f7f0db);padding:30px}.profile-header p{white-space:pre-wrap}.install{max-width:560px;margin:8vh auto;padding:35px}.install h1{font-size:30px;margin-top:35px}.install p{font-size:14px}.admin-row{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.admin-row button{margin:5px;font-size:12px}.load-more{display:block;margin:20px auto}.mobile-logo{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#143e36;color:white;border-radius:12px;padding:12px 24px;max-width:90vw;box-shadow:0 5px 30px #0002;display:none}#toast.show{display:block}.file-hint{font-size:10px;color:var(--muted);margin-top:10px}.hero-pill{background:#ffffff12;border:1px solid #ffffff20;padding:8px 13px;width:fit-content;border-radius:50px;font-size:10px;letter-spacing:1px;color:#d3e4d1;margin-bottom:26px}.text-link{padding:0;background:transparent;font-size:inherit;color:var(--brand)}.auth-story .hero-pill{margin-top:8px}.tiny-count{background:var(--brand);color:white;font-size:9px;border-radius:30px;padding:2px 6px;margin-left:6px}.policy{font-size:13px;color:var(--muted)}
@media(min-width:1600px){.layout{gap:40px}}@media(max-width:1150px){.layout{grid-template-columns:190px minmax(0,700px);justify-content:center;gap:22px}.aside{display:none}.auth-story{padding:8vw 5vw}.auth-panel{padding:8vw 6vw}}@media(max-width:750px){.topbar{height:72px;padding:0 16px;gap:12px}.topbar .brand{font-size:24px}.topbar .brand span,.topbar .search,.top-actions .username{display:none}.top-actions{gap:5px}.top-actions button{padding:7px 9px;font-size:12px}.layout{display:block;padding:0 12px;margin:15px auto 90px}.sidebar{position:fixed;bottom:0;top:auto;left:0;right:0;z-index:30;background:#fffffff5;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.nav{display:flex;justify-content:space-around}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 3px;font-size:9px;margin:0;border-radius:0;width:auto}.nav .ico{font-size:19px}.side-note{display:none}.welcome{padding:22px}.welcome h1{font-size:27px}.card{padding:18px;border-radius:14px}.post{padding:0}.post-head{padding:18px 18px 0}.post-body{padding:14px 18px}.post-actions{margin:0 10px}.composer-actions{flex-wrap:wrap}.composer-actions input[type=file]{width:180px}.composer-actions button{font-size:12px}.auth-layout{display:block}.auth-story{padding:36px 28px 30px;min-height:280px}.auth-story .brand{margin-bottom:28px}.auth-story h1{font-size:38px;letter-spacing:-1.5px;margin-bottom:12px}.auth-story .ornament,.auth-story .hero-pill{display:none}.auth-story p{font-size:13px;margin-bottom:0}.auth-panel{padding:30px 28px}.auth-panel h2{font-size:26px}.auth-panel footer{margin-top:25px}.grid{grid-template-columns:1fr}.install{margin:20px 12px}.member-card p{min-height:0}.reel-video{height:480px}.topbar .avatar{width:32px;height:32px}}
input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0;vertical-align:middle}
