.social-welcome{padding:60px 24px;min-height:55vh}.social-welcome h1{font-size:clamp(32px,6vw,52px);line-height:1.1;margin:20px 0}.social-welcome p{line-height:1.7;margin:22px 0}.social-welcome .secondary-button{margin:12px}.social-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px}.social-post-header{display:flex;gap:12px;align-items:center;padding:18px}.social-post-header div{flex:1}.social-post-header small{display:block;opacity:.65;margin-top:4px}.social-post-actions{display:flex;gap:8px;align-items:center;padding:10px 16px}.social-post-actions .liked{color:#bd3d59}.social-caption{padding:0 20px 22px;white-space:pre-wrap;overflow-wrap:anywhere}.social-profile{padding:25px}.social-profile h2{margin-top:35px}.social-profile-top{display:flex;gap:24px;align-items:center;margin-bottom:24px}.social-profile-top h1{font-size:25px}.social-profile .composer-actions{flex-wrap:wrap;margin-top:20px}.social-demo-bar{padding:15px;background:var(--bg);font-size:13px;line-height:1.7}.social-story{display:block;width:min(100%,360px);aspect-ratio:9/16;object-fit:cover;border:10px solid;margin:auto}.social-comments{max-height:45vh;overflow:auto}.social-comments p{padding:12px 0;overflow-wrap:anywhere}.social-profile .large{width:84px;height:84px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:30px}.social-post-header .avatar{flex:none}.social-welcome a{display:inline-block;text-decoration:none}
.social-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.social-profile-grid button{border:0;padding:0;background:none;aspect-ratio:4/5;overflow:hidden}.social-profile-grid img{width:100%;height:100%;object-fit:cover}.modal .social-post-header{padding:10px}.modal .framed-post{margin:0}
#video-upload-start[hidden],#video-upload-pause[hidden]{display:none}
.video-compose{background:var(--bg);width:min(920px,100%);max-height:94dvh}.video-compose .modal-header{padding-bottom:12px}.video-compose-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:20px}.video-compose-nav>span{font-size:12px;color:var(--muted)}.video-next{font-size:15px;font-weight:700;color:var(--ink);padding:10px 16px;border-radius:30px;background:var(--soft)}.video-compose-nav .icon-btn{font-size:32px}.video-compose-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.video-compose-frame{padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:20px}.video-compose-frame video{display:block;width:100%;aspect-ratio:9/16;max-height:57dvh;object-fit:contain;border-radius:12px;background:var(--bg)}.video-compose-meta h3{font-size:21px;margin:5px 0 10px}.video-compose-meta p{font-size:13px;line-height:1.65;color:var(--muted)}.video-kind{display:flex;gap:8px;margin:24px 0}.video-kind button{flex:1;border:1px solid var(--line);border-radius:24px;padding:12px}.video-kind button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.video-compose-note{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:13px}.video-compose-note p{margin-top:8px}.video-compose-help{font-size:11px!important;margin-top:24px}.video-compose-choice{padding:16px 0;border-bottom:1px solid var(--line)}.video-cover-picker{display:flex;gap:12px;align-items:center;margin:24px 0}.video-cover-picker img{width:68px;aspect-ratio:9/16;object-fit:contain;border-radius:8px}.video-cover-picker>div{flex:1;min-width:0}.video-cover-picker label{font-size:12px}.video-cover-picker input{width:100%;accent-color:var(--ink);margin:14px 0}.video-cover-picker span{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.video-cover-picker button{font-size:11px;padding:8px}.gallery-access{text-align:center;padding:15px 12px 8px}.gallery-access-icon{margin:0 auto 22px;width:64px;height:64px;border-radius:50%;background:var(--soft);display:grid;place-items:center}.gallery-access-icon svg{width:28px;height:28px}.gallery-access p{font-size:13px;color:var(--muted);line-height:1.8;margin:15px 0}.video-transfer{position:fixed;z-index:45;left:50%;transform:translateX(-50%);bottom:calc(102px + env(safe-area-inset-bottom));width:min(540px,calc(100% - 28px));background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:10px 16px;box-shadow:0 6px 24px #0002}.video-transfer-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}.video-transfer progress{width:100%;height:5px;accent-color:var(--ink);display:block;margin:4px 0 10px}.video-transfer-bottom{display:flex;gap:12px;align-items:center;font-size:11px}.video-transfer-bottom span{flex:1;color:var(--muted)}.video-transfer button{font-weight:600}.video-transfer [hidden],.video-compose [hidden]{display:none!important}@media(max-width:600px){.modal.video-compose{width:100%;height:100dvh;max-height:100dvh;border-radius:0;overflow-y:auto}.modal-backdrop:has(.video-compose){padding:0}.video-compose .modal-header{padding:20px}.video-compose-layout{display:flex;flex-direction:column;gap:12px}.video-compose-frame{width:min(210px,70%);margin:auto;padding:9px}.video-compose-frame video{max-height:37dvh}.video-compose-meta{width:100%}.video-compose .modal-body{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.video-compose-nav{position:sticky;top:0;background:var(--bg);z-index:2}.video-compose-meta h3{font-size:18px}.video-cover-picker{margin:16px 0}.video-kind{margin:14px 0}.video-compose-help{margin-top:12px}.video-transfer{bottom:calc(100px + env(safe-area-inset-bottom))}}
/* Drafts live in the profile menu. Decode only the item the user opens. */
.draft-list{display:grid;gap:4px;margin-top:16px}
.draft-item{display:grid;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:14px;width:100%;padding:12px 0;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--border,#e5e6e0);cursor:pointer}
.draft-item>span:nth-child(2){min-width:0}.draft-item strong{display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-item small{display:block;font-size:12px;color:var(--muted,#777d71);margin-top:6px}.draft-item>svg{width:16px;height:16px}
.draft-cover{display:flex;align-items:center;justify-content:center;width:58px;height:78px;overflow:hidden;background:var(--surface,#f2f3ee);border-radius:10px}.draft-cover img{width:100%;height:100%;object-fit:cover}.draft-cover svg{width:24px;height:24px;color:var(--muted,#777d71)}
.draft-detail-frame{max-width:280px;aspect-ratio:9/16;margin:16px auto;overflow:hidden;border-radius:14px;background:#101310}.draft-detail-frame video{width:100%;height:100%;object-fit:contain}.draft-detail-caption{white-space:pre-wrap;overflow-wrap:anywhere}.draft-expiry{font-size:12px;color:var(--muted,#777d71)}
.video-next:disabled{opacity:.4;cursor:not-allowed}.video-transfer{max-width:440px;padding:12px 16px}.video-transfer-top strong{font-size:14px}.video-transfer-bottom{font-size:12px}.video-transfer .icon-btn{width:32px;height:32px}.video-transfer progress{height:4px}
.local-draft-row{display:flex;align-items:center;gap:8px}.local-draft-row .draft-item{flex:1;min-width:0}.local-draft-row>.icon-btn{flex:none}
.social-video{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:9/16!important;object-fit:contain!important;background:var(--post-frame)}
.social-story:is(video){display:block;max-height:70dvh;max-width:100%;aspect-ratio:9/16;object-fit:contain;margin:auto}
.story-avatar>img{width:100%;height:100%;object-fit:cover}