:root{--ink:#243d34;--green:#35644d;--muted:#7c867e;--line:#e6e9e1;--paper:#f8f9f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{outline-color:#8baf80}button{border:0;background:none;color:inherit}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:40px 25px;display:flex;flex-direction:column}.brand{font:800 39px Manrope,sans-serif;color:var(--green);text-decoration:none;letter-spacing:-2px}.brand span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:1.6px;margin:7px 0 40px 4px}nav button{display:block;width:100%;padding:16px;text-align:left;margin:7px 0;border-radius:11px;color:#7a847c}nav button.active{background:#eaf0e6;color:var(--green);font-weight:700}.aside-bottom{margin-top:auto}.privacy{padding:20px;background:#f6f7ef;border-radius:14px;font-size:23px}.privacy b{display:block;font-size:13px;margin-top:12px}.privacy p{font-size:12px;color:var(--muted);line-height:1.8}.profile{display:flex;gap:10px;align-items:center;margin-top:28px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#e8d9c5;color:#795d42;font-size:12px;font-weight:700}small{display:block;color:var(--muted);font-size:11px;margin-top:4px}main{margin-left:238px;padding:0 44px 60px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;height:89px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.pill{background:#edf1e8;padding:8px 12px;border-radius:30px;color:#5e7855;font-size:11px}.title-row{display:flex;align-items:center;justify-content:space-between;margin:34px 0 25px}h1{font:700 32px Manrope,sans-serif;letter-spacing:-1.2px;margin:0 0 8px}p{line-height:1.6}.subtitle{margin:0;color:var(--muted)}.primary{background:var(--green);color:white;border-radius:9px;padding:13px 20px;font-weight:600}.secondary{border:1px solid var(--line);border-radius:9px;padding:11px 16px;background:#fff}.welcome{background:#e9eedf;border-radius:16px;padding:28px 32px;position:relative;overflow:hidden;margin-bottom:26px;min-height:145px}.welcome h2{font:600 24px Manrope;margin:0 0 10px;max-width:70%}.welcome p{margin:0;color:#6e7a65;max-width:70%;font-size:13px}.welcome .art{position:absolute;right:38px;top:14px;font-size:90px;color:#b6c7a1;transform:rotate(-15deg)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:27px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{padding:9px 16px;border:1px solid var(--line);border-radius:24px;background:#fff;font-size:12px}.filter.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.post{background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:22px;overflow:hidden}.post-head{display:flex;gap:11px;align-items:center;padding:19px}.post-head .timer{margin-left:auto;color:var(--muted);font-size:11px}.post-head strong{font-size:13px}.visual{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:#eee4d6;color:#695344}.visual .eyebrow{letter-spacing:3px;font-size:10px}.visual h2{font:500 38px Georgia,serif;margin:15px 0}.visual .flower{font-size:43px}.visual.sage{background:#dce5d8;color:#455c47}.visual.lilac{background:#e6e1ef;color:#625875}.post img,.post video{width:100%;max-height:420px;object-fit:contain;background:#eceee7}.post-copy{padding:16px 20px 5px;margin:0;white-space:pre-wrap}.post-foot{display:flex;gap:7px;padding:15px 18px;border-top:1px solid #f1f2ed;margin-top:12px}.reaction{border:1px solid var(--line);border-radius:22px;padding:7px 11px;font-size:12px}.reaction.on{background:#e8efdf;border-color:#a4bb92}.post-foot .delete{margin-left:auto;color:#92978f;font-size:11px}.sidecard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;margin-bottom:18px}.sidecard h3{font-size:14px;margin:0 0 20px}.circle-row{display:flex;align-items:center;gap:12px;padding:11px 0}.circle-icon{background:#f0ebdf;border-radius:12px;font-size:21px;padding:10px}.circle-row b{font-size:12px}.circle-row button{margin-left:auto}.sidecard p{color:var(--muted);font-size:12px}.link{color:var(--green);font-size:12px;padding:12px 0 0}.note{font-size:11px;color:#899083;line-height:1.7;margin:15px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.circle-card{background:#fff;border:1px solid var(--line);padding:23px;border-radius:15px}.circle-card h2{font-size:18px}.members{display:flex;margin:20px 0}.members .avatar{margin-right:-7px;border:3px solid white}.empty{padding:45px;text-align:center;background:#fff;border:1px dashed #cbd5c5;border-radius:15px;color:var(--muted)}dialog{border:0;border-radius:20px;padding:28px;width:min(600px,95vw);max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 25px 100px #17271e44}dialog::backdrop{background:#1d302a77;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{margin:0;font:700 23px Manrope}label{display:block;font-size:12px;font-weight:600;margin:16px 0 7px}input:not([type=checkbox]):not([type=range]),textarea,select{width:100%;border:1px solid #dce2d7;border-radius:9px;padding:12px;background:#fcfdf9;color:var(--ink)}textarea{resize:vertical;min-height:90px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices label{border:1px solid var(--line);border-radius:9px;padding:10px;margin:0;cursor:pointer}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.upload{border:1px dashed #b6c5ac;padding:20px;border-radius:10px;margin-top:16px}.editor-preview{width:100%;max-height:230px;object-fit:contain;margin-top:12px}.error{color:#a44335;font-size:12px}.person{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:14px 0}.person button{margin-left:auto}.badge{font-size:10px;background:#f4eddc;padding:4px 8px;border-radius:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:10px;display:none;z-index:20}.prototype{color:#8d7960;background:#f5f0e6;border-radius:8px;padding:10px 14px;font-size:11px;margin-top:20px}@media(min-width:1500px){main{margin-right:auto}}@media(max-width:1100px){.layout{grid-template-columns:1fr}.right{display:none}.grid{grid-template-columns:repeat(2,1fr)}main{padding:0 25px 50px}}@media(max-width:700px){aside{width:100%;height:68px;top:auto;bottom:0;padding:0 8px;z-index:5;border-top:1px solid var(--line)}aside .brand,.aside-bottom{display:none}nav{display:flex;justify-content:space-around}nav button{font-size:12px;padding:16px 10px;margin:6px 0;text-align:center}main{margin:0;padding:0 17px 85px}header{height:62px;font-size:10px}.title-row{margin-top:25px;gap:10px}h1{font-size:27px}.title-row .primary{font-size:12px;padding:12px}.subtitle{font-size:12px}.welcome{padding:22px;min-height:145px}.welcome h2{font-size:20px}.welcome .art{right:12px;top:25px;font-size:65px}.welcome p{font-size:11px}.grid{grid-template-columns:1fr}.visual h2{font-size:32px}.reaction{font-size:11px;padding:7px 9px}}

.avatar.profile-photo{object-fit:cover;min-height:40px;max-height:40px;padding:0}.profile-settings{display:flex;gap:22px;align-items:center;margin:16px 0 26px}.avatar.large{width:88px;height:88px;min-height:88px;max-height:88px;font-size:26px}.crop-wrap{display:flex;justify-content:center;background:#edf0e8;border-radius:14px;padding:20px}.crop-wrap canvas{width:min(280px,70vw);height:auto;border-radius:50%;box-shadow:0 0 0 4px white}.post .avatar.profile-photo{width:40px;height:40px;max-height:40px;object-fit:cover;background:#eee}
.shared-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:15px 0 25px;background:#fff;border:1px solid var(--line);padding:15px;border-radius:12px}.shared-toolbar .profile{margin:0 auto 0 0}.network-setup{grid-template-columns:1fr 1fr}.network-setup h2{font-size:20px}.network-setup p{color:var(--muted);font-size:13px}.network-setup textarea{font-size:11px;word-break:break-all}.network-setup button{margin-top:12px}.media-slot{background:#eef1e8;min-height:100px;display:flex;justify-content:center;align-items:center}.video-fields{display:flex;gap:15px}.video-fields>div{flex:1}.shared-toolbar+.filters~.post{max-width:800px}@media(max-width:800px){.network-setup{grid-template-columns:1fr}}

/* Account controls and feed are siblings, never a horizontal feed row. */
main{width:calc(100% - 238px);max-width:none;min-width:0;margin-left:238px;margin-right:0;padding:0 clamp(20px,4vw,60px) 50px}
main>header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-height:86px;height:auto;padding:20px 0}
#accountHeader{margin-left:auto;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
#app{min-width:0}.shared-toolbar{width:100%;align-items:center}.shared-toolbar .profile{min-width:0;flex:1 1 230px}.shared-toolbar .profile>div{overflow-wrap:anywhere}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.shared-post{width:100%;max-width:760px!important;margin:0 auto 24px;overflow:hidden}.shared-post .media-slot img,.shared-post .media-slot video{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain}.shared-post .post-foot{display:flex;flex-wrap:wrap;gap:8px}.post-head{min-width:0}.post-head>div{min-width:0;overflow-wrap:anywhere}.timer{white-space:nowrap;margin-left:auto}
dialog{max-width:calc(100vw - 32px);max-height:90vh;overflow:auto}.grid>*{min-width:0}.title-row{flex-wrap:wrap}.shared-toolbar button{flex-shrink:0}
@media(max-width:700px){main{width:100%;margin:0;padding:0 16px 100px}main>header{gap:8px}#breadcrumb{display:none}#accountHeader{margin-left:0;flex:1 1 100%}nav button{padding:10px 4px;font-size:10px}nav{overflow-x:auto}.shared-toolbar .profile{flex-basis:100%}.post-head{flex-wrap:wrap}.shared-post .media-slot img,.shared-post .media-slot video{max-height:55vh}}

.post-replies{padding:16px 20px;border-top:1px solid var(--line)}.invitation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:20px}.person{flex-wrap:wrap}

/* Optional tools keep the main composer short. */
.compose-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compose-row>div{min-width:0}.optional{font-weight:400;color:var(--muted)}.compose-options{border-top:1px solid var(--line);padding:15px 0}.compose-options:first-of-type{margin-top:22px}summary{cursor:pointer;font-weight:600;line-height:1.5}.compose-options[open] summary{margin-bottom:12px}.caption-preview{padding:12px 15px;margin:12px 0;border-left:3px solid #abc0a0;background:#f6f8f2;border-radius:6px}.caption-preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.overlap-note{background:#f4f0e6;padding:14px;border-radius:10px;margin:16px 0}.overlap-note h3{margin:0;font-size:14px}.post-extra{margin:16px 20px;padding:16px;border:1px solid var(--line);border-radius:12px}.event-card{background:#f4f7ee}.event-card h3{font-size:20px;margin:10px 0}.event-card p{margin:8px 0;overflow-wrap:anywhere}.event-card .eyebrow{font-size:10px;letter-spacing:1.5px}.response-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.post-extra small{line-height:1.6}.post-extra .reaction{background:white}.post-extra .reaction.on{background:#dce9d4;border-color:#87a477}#captionFields[hidden],#eventFields[hidden]{display:none}@media(max-width:480px){.compose-row{grid-template-columns:1fr;gap:0}.post-extra{margin:12px;padding:12px}}

.event-action{margin-left:auto}.management-tabs{padding:12px;background:#eef2e9;border-radius:12px}.upload label{margin-top:0}.actions .primary{min-width:120px}

.moment-kind{padding:0 20px;color:var(--muted);font-size:11px}.shared-post .post-copy{overflow-wrap:anywhere}

.auto-short-slot{min-height:260px;background:#101612;color:white;display:flex;align-items:center;justify-content:center}.auto-short-slot video{width:100%;max-height:65vh;object-fit:contain;display:block}.public-short .post-foot{flex-wrap:wrap}

/* LetMeCatch wordmark fits the existing sidebar. */
.brand{font-size:28px;letter-spacing:-1px}.brand span{letter-spacing:.5px;font-size:8px}

/* Full available width, preserve the entire video frame. */
.media-slot video,#videoPreview{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;background:#111}.media-slot video:fullscreen{width:100vw;height:100vh;max-height:none;object-fit:contain;background:#000}.video-fullscreen{margin:8px}.auto-short-slot video{width:100%;object-fit:contain}

.share-people{max-height:40vh;overflow:auto}.share-person[hidden]{display:none!important}.share-person input{width:auto;flex:none}.share-person{cursor:pointer;gap:12px;padding:12px}.share-person small{display:block}

.media-slot:has(video){display:block}.media-slot:has(video) .video-fullscreen{display:block;margin:10px auto}

.admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-stats .sidecard{margin:0;padding:14px}.admin-stats b{display:block;font-size:24px}.admin-stats small{display:block}.admin-users .sidecard{overflow-wrap:anywhere}.admin-users button{margin:4px}#adminSearchForm{margin-top:20px}

/* Stable viewport and protected media affordances. */
html{scrollbar-gutter:stable} [data-no-download]{-webkit-touch-callout:none;user-select:none;-webkit-user-drag:none}.creator-download{margin:8px}.media-slot{overflow:hidden}

.brand-icon{width:48px;height:48px;display:block;margin-bottom:12px;border-radius:12px}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand .brand-icon{width:28px;height:28px;margin:0;border-radius:7px}.shorts-search>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.shorts-search input{flex:1;min-width:140px}.post-foot .creator-download{margin:0 8px 0 0}.post-foot .creator-download+.delete{margin-left:0}.linked-video{outline:2px solid #b99754;outline-offset:3px;scroll-margin-top:20px}

.post-media-layout{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:8px}.media-actions{display:flex;flex-direction:column;gap:6px;padding:8px 0}.media-actions button{font-size:11px;white-space:normal;width:100%;padding:9px 4px;min-height:40px}.post-media-layout .media-slot{display:block;min-width:0;width:100%;overflow:hidden}.post-media-layout .media-slot img,.post-media-layout .media-slot video{display:block;width:100%;max-height:75dvh;object-fit:contain}.album-nav{display:flex;justify-content:space-between;align-items:center;padding:8px}.album-nav button{min-width:44px;min-height:44px}.album-caption{padding:8px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.album-draft{padding:12px 0;border-bottom:1px solid #ddd}.album-draft img,.album-draft video{max-width:100%;max-height:220px;display:block;margin:auto}.album-draft textarea{min-height:65px}@media(max-width:480px){.post-media-layout{grid-template-columns:64px minmax(0,1fr);gap:4px}.media-actions button{font-size:10px}}
/* v0.10.1: full-width media with compact overlay controls. */
.post-media-layout{display:block;position:relative;isolation:isolate;background:#101813}.post-media-layout .media-slot{width:100%;min-width:0;position:relative}.post-media-layout .media-slot img,.post-media-layout .media-slot video{width:100%;max-height:72dvh;object-fit:contain;margin:0}.media-actions{position:absolute;z-index:3;left:10px;top:12px;width:38px;max-height:calc(100% - 68px);overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:6px;padding:0;background:none}.media-actions::-webkit-scrollbar{display:none}.icon-action,.media-actions button{display:flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;min-height:36px;flex:0 0 36px;padding:7px!important;border:1px solid #ffffff50;border-radius:50%;color:white;background:#13241dd9;box-shadow:0 2px 8px #0003;backdrop-filter:blur(8px);cursor:pointer}.icon-action svg{width:21px;height:21px;flex:none;pointer-events:none}.icon-action:hover{background:#294f40}.icon-action:focus-visible{outline:3px solid #e4c579;outline-offset:2px}.icon-action.on{background:#a23b54!important;color:white;border-color:#ef9eae}.icon-action.on svg{fill:currentColor}.icon-count{position:absolute;right:-2px;bottom:-2px;background:#fff;color:#203d31;font-size:9px;font-weight:700;border-radius:8px;padding:1px 4px;line-height:13px}.post-foot[hidden],.post-replies[hidden]{display:none!important}.post-copy:empty{display:none}.post-copy{padding:9px 14px!important;line-height:1.45!important}.shared-post,.public-short{margin-bottom:12px!important;border-radius:18px!important;box-shadow:0 3px 16px #16332906}.post-head{padding:12px 14px!important;gap:9px}.post-head .reaction{margin-left:auto;min-height:30px;font-size:11px;padding:5px 10px}.post-head .timer{font-size:10px}.shared-post>.note,.public-short>.note{padding:6px 14px;margin:0;font-size:11px}.post-media-layout .video-fullscreen{position:absolute!important;top:12px;right:10px;margin:0!important;z-index:2;display:flex!important}.album-nav{padding:3px 10px;font-size:11px;min-height:32px;background:#f0f3ec}.album-nav button{min-width:32px;min-height:30px;padding:3px 8px;background:transparent;border:0}.album-caption{padding:7px 14px;margin:0;background:#fff;color:#233b30;font-size:13px}.notification-bell{display:inline-flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;border:1px solid #dae5dc;border-radius:50%;background:#fff;color:#214e3d;padding:6px;margin-left:8px;flex-shrink:0}.notification-bell span{position:absolute;top:-4px;right:-5px;background:#a43b52;color:#fff;font-size:9px;padding:2px 4px;border-radius:10px}.notification-modes{display:grid;gap:9px}.notification-modes button{text-align:left;display:flex;flex-direction:column;gap:4px;padding:14px}.notification-modes button.selected{background:#e3eee5;border-color:#315e48}.notification-modes small{font-weight:400}.notification-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.notification-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid #e5ebe6;background:white;padding:13px 4px;color:#214333}.notification-item svg{flex-shrink:0}.notification-item span{display:grid;gap:4px}.notification-item small{font-size:11px;font-weight:400;color:#687a70}.admin-video-alert{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #c3d8c6;border-radius:12px;background:#edf4ec;color:#235139;padding:14px;margin:0 0 12px;text-align:left;font-weight:600}.admin-video-alert.has-pending{background:#fff4dd;border-color:#d8bd86}.public-short .post-head{background:#fafbf8}.shorts-search{margin-bottom:8px} @media(max-width:480px){.media-actions{left:8px;gap:5px}.post-media-layout .media-slot img,.post-media-layout .media-slot video{max-height:68dvh}.shared-post,.public-short{border-radius:14px!important}.post-head .timer{font-size:9px}.post-head>div{flex:1}.post-head .reaction{flex-shrink:0}.notification-bell{width:32px;height:32px}}

/* Reserve the same frame before/after loading to avoid scroll activation jumping. */
.post-media-layout .auto-short-slot{height: min(72dvh,640px);min-height:220px;}
.post-media-layout .auto-short-slot video{height:100%;max-height:100%;object-fit:contain;}

.profile-avatar-link,.profile-name-link{border:0;background:none;color:inherit;padding:0;text-align:left;cursor:pointer;font:inherit}.profile-avatar-link{display:flex;flex-shrink:0}.profile-name-link{font-weight:700}.profile-name-link:hover{text-decoration:underline}.creator-profile .profile-identity{display:flex;align-items:center;gap:12px}.profile-identity h2,.profile-identity p{margin:3px 0}.profile-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.profile-post-card{border:1px solid #dce4dc;border-radius:16px;padding:12px;background:#f5f8f2}.profile-open-post{border:0;width:100%;background:transparent;text-align:left;display:grid;gap:8px;cursor:pointer;overflow-wrap:anywhere;color:#193d2c}.profile-open-post b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile-open-post small{font-size:11px}.profile-post-stats{display:flex;flex-wrap:wrap;gap:9px;padding-top:14px}.profile-post-stats .icon-action{background:#294f40}.icon-count{min-width:14px;max-width:none;white-space:nowrap}.post-media-layout .media-slot:has(video){min-height:240px}.post-media-layout .media-slot video{min-height:220px;}

.video-placeholder{display:block;width:100%;height:min(60dvh,520px);background-position:center;background-size:contain;background-repeat:no-repeat;color:white;text-align:center;background-color:#101813}.media-slot[data-feed-video]{min-height:240px;}