@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);display:flex;flex-direction:column}@media (max-width:767px){.mobile-composer{background-color:#0F172A;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 6px 24px rgba(0,0,0,.25);padding:16px}.mobile-composer-row-1{display:flex;align-items:center;gap:12px;height:56px}.mobile-composer-avatar-row{flex-shrink:0}.mobile-composer-avatar-row [role=img],.mobile-composer-avatar-row img{width:40px;height:40px;border-radius:50%}.mobile-composer-input-row-1{flex:1;min-width:0;width:100%;height:52px;border-radius:26px;padding:0 16px;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:15px;font-weight:400;line-height:52px;resize:none;outline:none}.mobile-composer-input-row-1::-moz-placeholder{color:rgba(255,255,255,.5)}.mobile-composer-input-row-1::placeholder{color:rgba(255,255,255,.5)}.mobile-composer-input-row-1:focus{border-color:rgba(255,255,255,.2);background-color:rgba(255,255,255,.08)}.mobile-composer-sparkle{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6)}.mobile-composer-sparkle-icon{width:36px;height:36px}.mobile-composer-row-2{display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.mobile-composer-action-row-2{flex:1;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;border-radius:8px;padding:0;cursor:pointer;transition:background-color .2s}.mobile-composer-action-row-2:hover{background-color:rgba(255,255,255,.05)}.mobile-composer-action-row-2:disabled{opacity:.4;cursor:not-allowed}.mobile-composer-action-icon-row-2{width:20px;height:20px;color:rgba(255,255,255,.7)}.mobile-composer-action-label-row-2{font-size:12px;font-weight:500;color:rgba(255,255,255,.7)}.mobile-composer-action-disabled-row-2{opacity:.4;cursor:not-allowed}.mobile-composer-row-3{display:flex;align-items:center;gap:12px;height:48px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.mobile-composer-selector-left,.mobile-composer-selector-right{flex:1;height:48px}.mobile-composer-select-row-3{width:100%;height:48px;border-radius:14px;padding:0 16px;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.mobile-composer-select-row-3:focus{border-color:rgba(255,255,255,.2);background-color:rgba(255,255,255,.08)}.mobile-composer-select-row-3 option{background-color:#0F172A;color:#fff}.mobile-composer-selector-left>.mobile-composer-select-row-3,.mobile-composer-selector-right>.mobile-composer-select-row-3{width:100%;height:48px;border-radius:14px;padding:0 16px;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.mobile-composer-row-4{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.mobile-composer-row-4>label{display:block}.mobile-composer-row-4>label>select,.mobile-composer-row-4>label>span:first-child{display:none}.mobile-composer-row-4>label>span{font-size:11px;opacity:.6;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-composer-media-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin-top:12px;background-color:rgba(255,255,255,.05);border-radius:12px}.mobile-composer-media-info{display:flex;flex-direction:column;gap:4px}.mobile-composer-media-type{font-size:12px;font-weight:500;color:rgba(255,255,255,.7)}.mobile-composer-media-name{font-size:11px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.mobile-composer-media-remove{background:transparent;border:none;border-radius:50%;padding:8px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);cursor:pointer}.mobile-composer-media-remove:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.mobile-composer-media-remove-icon{width:16px;height:16px}.mobile-composer-error{padding:12px;margin-top:12px;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#fca5a5;font-size:13px}.mobile-composer-success{padding:12px;margin-top:12px;background-color:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:12px;color:#86efac;font-size:13px}.mobile-composer-submit{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.mobile-composer-clear,.mobile-composer-submit-button{font-size:13px;font-weight:500;padding:8px 16px;min-height:36px}.mobile-composer-submit-button{display:flex;align-items:center;gap:6px}.mobile-composer-submit-icon{width:16px;height:16px}.mobile-composer-submit-text{font-size:13px}}.mobile-composer-input-row{display:flex;align-items:flex-start;gap:var(--mz-space-md);padding-bottom:var(--mz-space-md)}.mobile-composer-avatar{flex-shrink:0;padding-top:2px}.mobile-composer-avatar [role=img],.mobile-composer-avatar img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.mobile-composer-input-wrapper{flex:1;min-width:0;padding-top:4px}.mobile-composer-input{width:100%;background-color:transparent;border:none;outline:none;resize:none;overflow-y:auto;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);min-height:24px;max-height:200px;height:auto;transition:all var(--mz-transition-focus-duration) var(--mz-transition-focus-easing)}.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::-moz-placeholder{color:var(--mz-text-muted)}.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{display:flex;align-items:center;justify-content:space-between;gap:var(--mz-space-md);padding-top:var(--mz-space-sm);padding-bottom:var(--mz-space-sm)}.mobile-composer-action{background:transparent;border:none;border-radius:var(--mz-radius-md);padding:var(--mz-space-sm);min-width:64px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mz-space-xs);transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing)}.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 [role=img],.mobile-composer-avatar-row 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{display:flex;align-items:center;justify-content:space-between;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)}.mobile-composer-media-info{display:flex;flex-direction:column;gap:var(--mz-space-xs);flex:1;min-width:0}.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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-composer-media-remove{background:transparent;border:none;border-radius:var(--mz-radius-full);padding:var(--mz-space-xs);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--mz-text-secondary);transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing)}.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{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--mz-radius-md);color:#fca5a5}.mobile-composer-error,.mobile-composer-success{padding:var(--mz-space-sm) var(--mz-space-md);margin-bottom:var(--mz-space-md);font-size:var(--mz-body-sm-size);font-weight:var(--mz-body-sm-weight);line-height:var(--mz-body-sm-line)}.mobile-composer-success{background-color:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:var(--mz-radius-md);color:#86efac}.mobile-composer-submit{display:flex;justify-content:flex-end;gap:var(--mz-space-sm);padding-top:var(--mz-space-sm)}.mobile-composer-clear,.mobile-composer-submit-button{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{display:flex;align-items:center;gap:var(--mz-space-xs)}.mobile-composer-submit-icon{width:16px;height:16px}.mobile-composer-submit-text{white-space:nowrap}.mobile-composer-uploader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--mz-space-lg)}.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);max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.mobile-composer-uploader-header{display:flex;align-items:center;justify-content:space-between;padding:var(--mz-space-md);border-bottom:1px solid var(--mz-border-subtle)}.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{background:transparent;border:none;border-radius:var(--mz-radius-full);padding:var(--mz-space-xs);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--mz-text-secondary);transition:all var(--mz-transition-hover-duration) var(--mz-transition-hover-easing)}.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{transform:none;background-color:transparent}.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{width:100%;background-color:var(--mz-surface-tertiary);border:1px solid var(--mz-border-subtle);border-radius:var(--mz-radius-md);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{width:100%;background-color:var(--mz-surface-tertiary);border:1px solid var(--mz-border-subtle);border-radius:var(--mz-radius-md);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::-moz-placeholder{color:var(--mz-text-muted)}.mobile-composer-poll-input::placeholder{color:var(--mz-text-muted)}.mobile-composer-poll-add,.mobile-composer-poll-remove{background:transparent;border:none;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)}.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}}