@media (max-width:1023px){.mobile-composer{background-color:var(--mz-surface-secondary);border:1px solid var(--mz-border-subtle);border-radius:var(--mz-radius-lg);box-shadow:var(--mz-shadow-xs);padding:var(--mz-space-lg);flex-direction:column;display:flex}@media (max-width:767px){.mobile-composer{background-color:#0f172a;border:1px solid #ffffff14;border-radius:18px;padding:16px;box-shadow:0 6px 24px #00000040}.mobile-composer-row-1{align-items:center;gap:12px;height:56px;display:flex}.mobile-composer-avatar-row{flex-shrink:0}.mobile-composer-avatar-row img,.mobile-composer-avatar-row [role=img]{border-radius:50%;width:40px;height:40px}.mobile-composer-input-row-1{color:#fff;resize:none;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:26px;outline:none;flex:1;width:100%;min-width:0;height:52px;padding:0 16px;font-size:15px;font-weight:400;line-height:52px}.mobile-composer-input-row-1::placeholder{color:#ffffff80}.mobile-composer-input-row-1:focus{background-color:#ffffff14;border-color:#fff3}.mobile-composer-sparkle{color:#fff9;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-composer-sparkle-icon{width:36px;height:36px}.mobile-composer-row-2{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;height:48px;margin-top:12px;padding-top:12px;display:flex}.mobile-composer-action-row-2{cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;height:36px;padding:0;transition:background-color .2s;display:flex}.mobile-composer-action-row-2:hover{background-color:#ffffff0d}.mobile-composer-action-row-2:disabled{opacity:.4;cursor:not-allowed}.mobile-composer-action-icon-row-2{color:#ffffffb3;width:20px;height:20px}.mobile-composer-action-label-row-2{color:#ffffffb3;font-size:12px;font-weight:500}.mobile-composer-action-disabled-row-2{opacity:.4;cursor:not-allowed}.mobile-composer-row-3{border-top:1px solid #ffffff14;align-items:center;gap:12px;height:48px;margin-top:12px;padding-top:12px;display:flex}.mobile-composer-selector-left,.mobile-composer-selector-right{flex:1;height:48px}.mobile-composer-select-row-3{color:#fff;appearance:none;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;height:48px;padding:0 16px;font-size:13px;font-weight:500}.mobile-composer-select-row-3:focus{background-color:#ffffff14;border-color:#fff3}.mobile-composer-select-row-3 option{color:#fff;background-color:#0f172a}.mobile-composer-selector-left>.mobile-composer-select-row-3,.mobile-composer-selector-right>.mobile-composer-select-row-3{color:#fff;appearance:none;cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;height:48px;padding:0 16px;font-size:13px;font-weight:500}.mobile-composer-row-4{border-top:1px solid #ffffff14;margin-top:12px;padding-top:12px}.mobile-composer-row-4>label{display:block}.mobile-composer-row-4>label>span:first-child,.mobile-composer-row-4>label>select{display:none}.mobile-composer-row-4>label>span{opacity:.6;color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mobile-composer-media-preview{background-color:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.mobile-composer-media-info{flex-direction:column;gap:4px;display:flex}.mobile-composer-media-type{color:#ffffffb3;font-size:12px;font-weight:500}.mobile-composer-media-name{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;overflow:hidden}.mobile-composer-media-remove{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px;display:flex}.mobile-composer-media-remove:hover{color:#fffc;background-color:#ffffff1a}.mobile-composer-media-remove-icon{width:16px;height:16px}.mobile-composer-error{color:#fca5a5;background-color:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-top:12px;padding:12px;font-size:13px}.mobile-composer-success{color:#86efac;background-color:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;margin-top:12px;padding:12px;font-size:13px}.mobile-composer-submit{border-top:1px solid #ffffff14;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;display:flex}.mobile-composer-clear{min-height:36px;padding:8px 16px;font-size:13px;font-weight:500}.mobile-composer-submit-button{align-items:center;gap:6px;min-height:36px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.mobile-composer-submit-icon{width:16px;height:16px}.mobile-composer-submit-text{font-size:13px}}.mobile-composer-input-row{align-items:flex-start;gap:var(--mz-space-md);padding-bottom:var(--mz-space-md);display:flex}.mobile-composer-avatar{flex-shrink:0;padding-top:2px}.mobile-composer-avatar img,.mobile-composer-avatar [role=img]{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.mobile-composer-input-wrapper{flex:1;min-width:0;padding-top:4px}.mobile-composer-input{resize:none;width:100%;color:var(--mz-text-primary);font-size:var(--mz-body-md-size);font-weight:var(--mz-body-md-weight);line-height:var(--mz-body-md-line);height:auto;min-height:24px;max-height:200px;transition:all var(--mz-transition-focus-duration) var(--mz-transition-focus-easing);background-color:#0000;border:none;outline:none;overflow-y:auto}.mobile-composer-input:focus{outline:none}.mobile-composer-input:focus-visible{outline:2px solid var(--mz-border-focus);outline-offset:2px;border-radius:var(--mz-radius-sm)}.mobile-composer-input::placeholder{color:var(--mz-text-muted)}.mobile-composer-divider{width:100%;height:var(--mz-border-width-default);background-color:color-mix(in srgb, var(--mz-text-secondary) 5%, transparent);margin-bottom:var(--mz-space-md)}.mobile-composer-actions{justify-content:space-between;align-items:center;gap:var(--mz-space-md);padding-top:var(--mz-space-sm);padding-bottom:var(--mz-space-sm);display:flex}.mobile-composer-action{border-radius:var(--mz-radius-md);padding:var(--mz-space-sm);justify-content:center;align-items:center;gap:var(--mz-space-xs);min-width:64px;min-height:44px;transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing);background:0 0;border:none;flex-direction:column;display:flex}.mobile-composer-action:hover{background-color:var(--mz-surface-hover);transform:scale(1.05)}.mobile-composer-action:active{transform:scale(.95)}.mobile-composer-action:focus-visible{outline:2px solid var(--mz-border-focus);outline-offset:2px}.mobile-composer-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-composer-action-icon{width:20px;height:20px;color:var(--mz-text-secondary)}.mobile-composer-action-label{font-size:var(--mz-label-md-size);font-weight:var(--mz-label-md-weight);line-height:var(--mz-label-md-line);color:var(--mz-text-secondary)}.mobile-composer-action:hover .mobile-composer-action-icon,.mobile-composer-action:hover .mobile-composer-action-label{color:var(--mz-text-primary)}@media (max-width:360px){.mobile-composer{padding:12px}.mobile-composer-row-1{height:52px}.mobile-composer-avatar-row img,.mobile-composer-avatar-row [role=img]{width:36px;height:36px}.mobile-composer-input-row-1{height:48px;font-size:14px}.mobile-composer-sparkle,.mobile-composer-sparkle-icon{width:32px;height:32px}.mobile-composer-row-2{height:44px}.mobile-composer-action-row-2{height:32px}.mobile-composer-action-icon-row-2{width:18px;height:18px}.mobile-composer-action-label-row-2{font-size:11px}.mobile-composer-row-3{height:44px}.mobile-composer-select-row-3{height:44px;font-size:12px}}@media (min-width:391px) and (max-width:430px){.mobile-composer{padding:16px}}@media (min-width:431px){.mobile-composer{padding:16px}}.mobile-composer-media-preview{justify-content:space-between;align-items:center;gap:var(--mz-space-md);padding:var(--mz-space-sm);margin-bottom:var(--mz-space-md);background-color:var(--mz-surface-tertiary);border-radius:var(--mz-radius-md);border:1px solid var(--mz-border-subtle);display:flex}.mobile-composer-media-info{gap:var(--mz-space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.mobile-composer-media-type{font-size:var(--mz-label-sm-size);font-weight:var(--mz-label-sm-weight);color:var(--mz-text-secondary);text-transform:uppercase;letter-spacing:.05em}.mobile-composer-media-name{font-size:var(--mz-body-sm-size);font-weight:var(--mz-body-sm-weight);color:var(--mz-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-composer-media-remove{border-radius:var(--mz-radius-full);padding:var(--mz-space-xs);min-width:32px;min-height:32px;color:var(--mz-text-secondary);transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-composer-media-remove:hover{background-color:var(--mz-surface-hover);color:var(--mz-text-primary)}.mobile-composer-media-remove:focus-visible{outline:2px solid var(--mz-border-focus);outline-offset:2px}.mobile-composer-media-remove-icon{width:16px;height:16px}.mobile-composer-error{padding:var(--mz-space-sm) var(--mz-space-md);margin-bottom:var(--mz-space-md);border-radius:var(--mz-radius-md);color:#fca5a5;font-size:var(--mz-body-sm-size);font-weight:var(--mz-body-sm-weight);line-height:var(--mz-body-sm-line);background-color:#ef44441a;border:1px solid #ef444433}.mobile-composer-success{padding:var(--mz-space-sm) var(--mz-space-md);margin-bottom:var(--mz-space-md);border-radius:var(--mz-radius-md);color:#86efac;font-size:var(--mz-body-sm-size);font-weight:var(--mz-body-sm-weight);line-height:var(--mz-body-sm-line);background-color:#22c55e1a;border:1px solid #22c55e33}.mobile-composer-submit{justify-content:flex-end;gap:var(--mz-space-sm);padding-top:var(--mz-space-sm);display:flex}.mobile-composer-clear{font-size:var(--mz-label-sm-size);font-weight:var(--mz-label-sm-weight);padding:var(--mz-space-sm) var(--mz-space-md);min-height:36px}.mobile-composer-submit-button{align-items:center;gap:var(--mz-space-xs);font-size:var(--mz-label-sm-size);font-weight:var(--mz-label-sm-weight);padding:var(--mz-space-sm) var(--mz-space-md);min-height:36px;display:flex}.mobile-composer-submit-icon{width:16px;height:16px}.mobile-composer-submit-text{white-space:nowrap}.mobile-composer-uploader-overlay{z-index:1000;padding:var(--mz-space-lg);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-composer-uploader-modal{background-color:var(--mz-surface-primary);border-radius:var(--mz-radius-lg);border:1px solid var(--mz-border-subtle);box-shadow:var(--mz-shadow-lg);width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.mobile-composer-uploader-header{padding:var(--mz-space-md);border-bottom:1px solid var(--mz-border-subtle);justify-content:space-between;align-items:center;display:flex}.mobile-composer-uploader-title{font-size:var(--mz-heading-md-size);font-weight:var(--mz-heading-md-weight);color:var(--mz-text-primary);margin:0}.mobile-composer-uploader-close{border-radius:var(--mz-radius-full);padding:var(--mz-space-xs);min-width:32px;min-height:32px;color:var(--mz-text-secondary);transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-composer-uploader-close:hover{background-color:var(--mz-surface-hover);color:var(--mz-text-primary)}.mobile-composer-uploader-close:focus-visible{outline:2px solid var(--mz-border-focus);outline-offset:2px}.mobile-composer-uploader-close-icon{width:20px;height:20px}.mobile-composer-action-disabled{opacity:.4;cursor:not-allowed}.mobile-composer-action-disabled:hover{background-color:#0000;transform:none}.mobile-composer-action-disabled .mobile-composer-action-icon,.mobile-composer-action-disabled .mobile-composer-action-label{color:var(--mz-text-muted)}.mobile-composer-owner,.mobile-composer-visibility{margin-bottom:var(--mz-space-md)}.mobile-composer-visibility-select{background-color:var(--mz-surface-tertiary);border:1px solid var(--mz-border-subtle);border-radius:var(--mz-radius-md);width:100%;padding:var(--mz-space-sm) var(--mz-space-md);color:var(--mz-text-primary);font-size:var(--mz-body-sm-size);font-weight:var(--mz-body-sm-weight);line-height:var(--mz-body-sm-line);transition:all var(--mz-transition-focus-duration) var(--mz-transition-focus-easing)}.mobile-composer-visibility-select:focus{outline:2px solid var(--mz-border-focus);outline-offset:2px}.mobile-composer-poll-editor{padding:var(--mz-space-md)}.mobile-composer-poll-input{background-color:var(--mz-surface-tertiary);border:1px solid var(--mz-border-subtle);border-radius:var(--mz-radius-md);width:100%;padding:var(--mz-space-sm) var(--mz-space-md);margin-bottom:var(--mz-space-sm);color:var(--mz-text-primary);font-size:var(--mz-body-sm-size);font-weight:var(--mz-body-sm-weight);line-height:var(--mz-body-sm-line);transition:all var(--mz-transition-focus-duration) var(--mz-transition-focus-easing)}.mobile-composer-poll-input:focus{outline:2px solid var(--mz-border-focus);outline-offset:2px}.mobile-composer-poll-input::placeholder{color:var(--mz-text-muted)}.mobile-composer-poll-add,.mobile-composer-poll-remove{border-radius:var(--mz-radius-md);padding:var(--mz-space-sm) var(--mz-space-md);color:var(--mz-text-secondary);font-size:var(--mz-body-sm-size);font-weight:var(--mz-body-sm-weight);line-height:var(--mz-body-sm-line);min-height:44px;transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing);background:0 0;border:none}.mobile-composer-poll-add:hover,.mobile-composer-poll-remove:hover{background-color:var(--mz-surface-hover);color:var(--mz-text-primary)}.mobile-composer-poll-add:focus-visible,.mobile-composer-poll-remove:focus-visible{outline:2px solid var(--mz-border-focus);outline-offset:2px}}