.composer{flex-wrap:wrap}.attachment-preview{order:-1;flex:0 0 100%;display:flex;align-items:center;gap:12px;min-height:64px;padding:9px 12px;border:1px solid rgba(82,220,232,.16);border-radius:15px;background:rgba(8,13,22,.88)}.attachment-thumb{width:52px;height:52px;flex:0 0 52px;border-radius:11px;object-fit:cover;background:#1a2130}.attachment-thumb.video-note{border-radius:50%}.attachment-icon{display:grid;place-items:center;font-size:22px;color:var(--cyan)}.attachment-info{min-width:0;flex:1}.attachment-info strong,.attachment-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-info small{color:var(--muted)}.attachment-remove{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#c2cbdb;cursor:pointer}.upload-progress{height:3px;margin-top:7px;border-radius:3px;background:#263044;overflow:hidden}.upload-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .15s}.composer.uploading{pointer-events:none;opacity:.76}.recorder-modal{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:18px;background:rgba(3,6,12,.86);backdrop-filter:blur(18px)}.recorder-card{width:min(390px,100%);padding:35px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:27px;background:#121826;box-shadow:0 35px 100px #000}.recording-pulse{width:92px;height:92px;margin:0 auto 20px;border-radius:50%;background:radial-gradient(circle,#ef5364 0 18%,rgba(239,83,100,.18) 20% 50%,rgba(239,83,100,.05) 52%);animation:recordPulse 1.1s ease-in-out infinite}.recording-video{width:210px;height:210px;margin:0 auto 20px;border-radius:50%;object-fit:cover;border:4px solid rgba(82,220,232,.35)}.recorder-card h2{margin:8px}.recorder-card time{font-size:25px;font-variant-numeric:tabular-nums}.recorder-card p{color:var(--muted)}.recorder-actions{display:flex;gap:10px;margin-top:24px}.recorder-actions button{flex:1;min-height:48px;border:0;border-radius:14px;background:rgba(255,255,255,.09);color:white;cursor:pointer}.recorder-actions .stop-recording{background:#ec5263}@keyframes recordPulse{50%{transform:scale(1.08);filter:brightness(1.15)}}@media(max-width:720px){.composer{gap:5px}.attach,.send{flex-basis:40px;width:40px}.attachment-preview{min-height:60px}.recording-video{width:180px;height:180px}}