.publish-app{position:fixed;z-index:65;inset:0;left:50%;width:min(520px,100%);transform:translateX(-50%);height:100dvh;background:#111210;color:#f2f3ed;display:flex;flex-direction:column;overflow:hidden;animation:publish-in .2s ease}.publish-app *{box-sizing:border-box}.publish-header{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #292b27}.publish-header h1{font-size:15px;margin:0;font-weight:600}.publish-cancel{border:0;background:none;color:#c7c9c1;font-size:13px;padding:9px 5px}.publish-send{border:0;background:#d6ff58;color:#1b1d15;border-radius:999px;padding:8px 15px;font-size:12px;font-weight:700;opacity:.48;transition:opacity .18s,transform .18s}.publish-send.ready{opacity:1}.publish-send:active{transform:scale(.96)}.publish-scroll{flex:1;overflow:auto;overscroll-behavior:contain;padding:15px 17px 22px}.publish-author{display:flex;align-items:center;gap:10px;margin-bottom:14px}.publish-author img{width:37px;height:37px;border-radius:50%;object-fit:cover}.publish-author strong{font-size:13px;display:block}.publish-author small{font-size:10px;color:#8c9087;display:block}.publish-text{display:block;width:100%;min-height:135px;resize:none;border:0;outline:0;background:transparent;color:#f4f5ef;font:inherit;font-size:16px;line-height:1.7;padding:0}.publish-text::placeholder{color:#777b72}.publish-count{text-align:right;color:#6e7269;font-size:10px;margin-top:-4px}.publish-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0 16px}.publish-media-cell{position:relative;aspect-ratio:1;min-width:0;border-radius:4px;overflow:hidden;background:#22241f}.publish-media-cell img,.publish-media-cell video{width:100%;height:100%;object-fit:cover}.publish-remove{position:absolute;right:4px;top:4px;width:23px;height:23px;border:0;border-radius:50%;background:#080908c9;color:#fff;display:grid;place-items:center}.publish-add{width:100%;height:100%;border:1px solid #343731;background:#1d1f1b;color:#999d92;display:grid;place-content:center;justify-items:center;gap:5px;font-size:10px}.publish-add i{font-size:22px;color:#cffa58}.publish-toolbar{border-top:1px solid #292b27;padding:4px 16px}.publish-option{width:100%;height:51px;display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid #252722;background:none;color:#e0e2dc;text-align:left;padding:0 2px}.publish-option:last-child{border-bottom:0}.publish-option>i:first-child{width:21px;color:#aab09f;font-size:18px}.publish-option span{flex:1;font-size:12px}.publish-option small{font-size:10px;color:#8a8e85}.publish-option .icon-chevron-right{font-size:15px;color:#767a72}.publish-audience{color:#d6ff58!important}.publish-tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 13px}.publish-tag{border:1px solid #45493d;border-radius:999px;padding:5px 9px;color:#b9c19f;font-size:10px;background:#1b1d19}.publish-tag:before{content:'#';color:#d6ff58;margin-right:3px}.publish-location{display:inline-flex;gap:5px;align-items:center;color:#c9d29e;background:#272a20;border-radius:999px;padding:6px 9px;font-size:10px;margin:5px 5px 10px 0}.publish-sheet-backdrop{position:absolute;inset:0;background:#0009;display:flex;align-items:flex-end}.publish-sheet{width:100%;background:#1d1f1c;border-radius:20px 20px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));animation:publish-sheet-in .2s ease}.publish-grip{width:34px;height:4px;border-radius:4px;background:#51554d;margin:0 auto 15px}.publish-sheet h2{font-size:16px;margin:0 0 14px}.publish-sheet p{font-size:11px;color:#a0a49b;line-height:1.65}.publish-sheet-choice{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid #30332e;color:#e6e8e1;padding:14px 2px;text-align:left;font-size:13px}.publish-sheet-choice small{display:block;color:#8d9288;font-size:10px;margin-top:3px}.publish-sheet-choice i{color:#d6ff58}.publish-done{width:100%;border:0;border-radius:999px;background:#d6ff58;color:#191b13;padding:12px;font-weight:700;margin-top:14px}.publish-toast{position:absolute;z-index:4;left:50%;bottom:24px;transform:translate(-50%,15px);opacity:0;background:#e8f4be;color:#1e2314;padding:9px 14px;border-radius:99px;font-size:11px;transition:.2s;white-space:nowrap}.publish-toast.show{opacity:1;transform:translate(-50%,0)}.publish-preview{margin:12px 0;padding:12px;border-top:1px solid #292b27;border-bottom:1px solid #292b27;background:#171815}.publish-preview-head{display:flex;align-items:center;gap:8px}.publish-preview-head img{width:30px;height:30px;object-fit:cover;border-radius:50%}.publish-preview-head strong{font-size:11px}.publish-preview-text{font-size:12px;line-height:1.6;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.publish-preview-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.publish-preview-imgs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}@keyframes publish-in{from{opacity:.4;transform:translate(-48%,0)}to{opacity:1;transform:translate(-50%,0)}}@keyframes publish-sheet-in{from{transform:translateY(30px);opacity:.7}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.publish-app,.publish-sheet{animation:none}}