.record-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px 18px 0;border-top:1px solid #eee4e9;background:#fffdfb}.record-tools button{display:flex;gap:7px;align-items:center;font-size:19px;border-radius:18px;padding:7px 12px;color:#725367;background:#f5eff2;transition:background .2s,transform .2s}.record-tools button span{font-size:11px}.record-tools button:hover:enabled{background:#e9dce5;transform:translateY(-2px)}.record-tools button:disabled{opacity:.4;cursor:not-allowed}.record-tools>a{margin-left:auto;border:1px solid #ded0d9;border-radius:50%;font:13px Georgia;width:23px;height:23px;text-align:center}.emoji-panel{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:12px 20px;background:#f8f2f5;border-top:1px solid #e6d8e0;animation:record-pop .2s ease-out}.emoji-panel[hidden]{display:none}.emoji-panel button{font-size:25px;padding:5px;border-radius:9px;transition:transform .15s,background .15s}.emoji-panel button:hover,.emoji-panel button:focus-visible{background:#eee1e9;transform:scale(1.16)}.voice-message{min-width:0;width:260px;max-width:100%}.recording-label{display:block;font-size:11px;margin-bottom:9px;letter-spacing:.03em}.voice-message audio{width:100%;max-width:100%;height:38px}.circle-player{position:relative;display:block;width:220px;max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;padding:0;background:#3c2d37;border:3px solid #d1bbaa;box-shadow:0 8px 25px #422a4120}.circle-player video{width:100%;height:100%;object-fit:cover;display:block}.circle-play-icon{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:33px;background:#28142422;transition:opacity .2s}.circle-player.playing .circle-play-icon{opacity:0}.circle-player small{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#261c26aa;border-radius:12px;padding:2px 9px;color:#fff;font-size:10px}.record-draft-preview{display:block;max-width:100%;margin-top:8px}.record-draft-preview.voice{width:260px;height:40px}.record-draft-preview.circle{width:100px;height:100px;border-radius:50%;object-fit:cover}.chat-file-preview:has(.record-draft-preview){flex-wrap:wrap}.record-dialog{width:460px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:34px;text-align:center;background:#fcf8f4;border:1px solid #dbc8d3;border-radius:25px;box-shadow:0 30px 100px #25112345}.record-dialog[open]{animation:record-pop .28s ease-out}.record-dialog::backdrop{background:#39243188;backdrop-filter:blur(8px)}.record-close{position:absolute;right:15px;top:10px;font-size:25px;color:#8b7181;width:38px;height:38px}.record-dialog .eyebrow{display:block;font-size:9px;letter-spacing:.18em;margin:12px 20px 18px}.record-dialog h2{font:35px/1.15 Georgia,serif;color:#5c3c50;margin:0 0 15px}.record-dialog>p{font-size:12px;color:#826b79;line-height:1.8}.record-stage{position:relative;width:220px;height:220px;max-width:100%;margin:25px auto 18px;border:1px solid #ceb49b;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#fcf6ef,#eadce5);box-shadow:0 0 0 8px #f3eae6,0 0 0 9px #e2cfc8;overflow:hidden}.record-stage video{width:100%;height:100%;object-fit:cover}.record-stage audio{width:90%;height:44px}.record-seal{font:70px Georgia,serif;color:#8f6e83;transform:translateY(-18px)}.record-wave{display:flex;align-items:center;justify-content:center;gap:3px;position:absolute;bottom:48px;left:20px;right:20px;height:32px;pointer-events:none}.record-wave i{width:3px;height:5px;background:#a37d94;border-radius:3px}.record-stage.circle .record-wave{bottom:22px}.record-stage.circle .record-wave i{background:#fff}.is-recording .record-wave i{animation:record-wave .7s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.095s)}.is-recording .record-stage{animation:record-ring 1.4s ease-in-out infinite}.record-timer{font:32px Georgia,serif;color:#6d4b60;font-variant-numeric:tabular-nums}.record-timer span{font-size:17px;color:#b298a8}#recordStatus{min-height:44px}.record-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0}.record-actions .btn{font-size:12px}.record-dialog>small{font-size:10px;color:#9c8592;display:block;margin-top:18px}.record-tools button:focus-visible,.emoji-panel button:focus-visible,.circle-player:focus-visible{outline:2px solid #967588;outline-offset:3px}.chat-bubble:has(.circle-player){background:transparent!important;box-shadow:none!important;padding:6px!important}.chat-bubble:has(.circle-player) .chat-message-meta{justify-content:center;color:#967c89}.chat-bubble:has(.circle-player)>p{color:#4c3746;background:#f1e7ed;border-radius:12px;padding:10px}@keyframes record-wave{from{height:4px}to{height:28px}}@keyframes record-ring{50%{box-shadow:0 0 0 11px #f3eae6,0 0 0 12px #b799ac}}@keyframes record-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:600px){.record-tools{padding:8px 9px 0;gap:5px}.record-tools button{font-size:17px;padding:6px 8px;gap:5px}.record-tools button span{font-size:10px}.record-tools>a{display:none}.emoji-panel{padding:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-panel button{font-size:24px}.circle-player{width:185px}.voice-message{width:220px}.record-dialog{padding:23px}.record-dialog h2{font-size:29px}.record-stage{width:195px;height:195px}.record-timer{font-size:28px}.record-actions .btn{padding:11px 15px}}@media(prefers-reduced-motion:reduce){.record-dialog,.record-tools *,.emoji-panel *,.record-stage,.record-wave i{animation:none!important;transition:none!important}.is-recording .record-wave i{height:14px}}

.record-dialog [hidden]{display:none!important}
.record-tools button,.emoji-panel button,.record-close{min-height:44px;min-width:44px}

.record-permission-help{font-size:12px;line-height:1.7;margin:18px 0;text-align:left}.record-permission-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.record-permission-help p{white-space:normal}