.meeting-preview{width:100%;max-width:520px;margin-inline:auto;text-align:left}.preview-window{overflow:hidden;border:1px solid #34435c;border-radius:20px;background:linear-gradient(145deg,#182235,#10141d 65%);box-shadow:0 24px 80px #0005,0 0 65px #3b82f610}.preview-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #ffffff0d;color:#a5b4ca;font-size:11px}.preview-window-dots{display:flex;gap:4px}.preview-window-dots i{width:5px;height:5px;border-radius:50%;background:#64748b}.preview-example{margin-left:auto;color:#94a3b8;font-size:10px}.preview-content{padding:24px}.preview-meeting-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;color:#f1f5f9}.preview-status{display:grid;font-size:10px;font-weight:400}.preview-status>span{grid-area:1 / 1;white-space:nowrap}.preview-complete{color:#a7b8cf}.preview-complete>span{color:#6ee7b7}.preview-recording{opacity:0;color:#93c5fd}.preview-recording i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#60a5fa}.preview-conversation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px}.preview-people{display:flex;gap:18px}.preview-person{display:grid;justify-items:center;gap:6px;color:#b5c0d1;font-size:10px}.preview-avatar{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff1a;border-radius:50%;font-size:14px;font-weight:600}.meeting-preview .blue{background:#254671;color:#bfdbfe}.meeting-preview .violet{background:#403561;color:#ddd6fe}.meeting-preview .teal{background:#214d51;color:#99f6e4}.preview-waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:40px;flex:1}.preview-waveform>span{height:var(--bar-height);width:3px;border-radius:4px;background:#60a5fa;transform:scaleY(.15);opacity:.45}.preview-connector{display:flex;align-items:center;gap:12px;margin:15px 0;color:#719edb}.preview-connector span{height:1px;flex:1;background:#ffffff0b}.preview-connector b{font-size:15px;font-weight:400}.preview-notes{padding:19px;border:1px solid #35435b;border-radius:12px;background:#101824}.preview-notes-heading{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:12px;font-weight:600}.preview-note-icon{color:#93c5fd;font-size:17px}.preview-ready{margin-left:auto;color:#6ee7b7;font-size:9px;font-weight:400}.preview-summary{margin-top:10px;font-size:12px;line-height:1.7;color:#b3bfd0}.preview-label{color:#859ab7;font-size:9px;font-weight:600;letter-spacing:.12em}.preview-decision{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff0b}.preview-decision p{display:flex;align-items:baseline;gap:8px;margin-top:5px;color:#d5dfec;font-size:11px;line-height:1.6}.preview-decision p>span{color:#6ee7b7}.preview-tasks{margin-top:14px}.preview-task{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:#d5dfec}.preview-task-box{width:11px;height:11px;border:1px solid #5c718f;border-radius:3px;flex-shrink:0}.preview-owner{margin-left:auto;border-radius:5px;padding:3px 7px;font-size:9px}.preview-progress{height:2px;background:#ffffff05}.preview-progress span{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#6ee7b7);transform-origin:left}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:14px 4px 0;color:#94a3b8;font-size:11px}.preview-replay{display:inline-flex;align-items:center;gap:5px;padding:5px 6px;border-radius:5px;color:#93c5fd;cursor:pointer;white-space:nowrap}.preview-replay[hidden]{display:none}.preview-replay:hover{background:#3b82f615;color:#bfdbfe}.preview-replay:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}.preview-replay:disabled{cursor:default;color:#94a3b8}.meeting-preview[data-pending] .preview-notes{opacity:0;transform:translateY(10px)}.meeting-preview[data-pending] .preview-progress span{transform:scaleX(0)}.meeting-preview[data-pending] .preview-complete{opacity:0}.meeting-preview[data-pending] .preview-recording{opacity:1}.meeting-preview[data-playing] .preview-waveform>span{animation:preview-wave .4s ease-in-out var(--bar-delay) 4 alternate}.meeting-preview[data-playing] .preview-recording{animation:preview-recording 4.8s both}.meeting-preview[data-playing] .preview-complete{animation:preview-complete 4.8s both}.meeting-preview[data-playing] .preview-notes{animation:preview-summary 4.8s both}.meeting-preview[data-playing] .preview-decision{animation:preview-decision 4.8s both}.meeting-preview[data-playing] .preview-tasks{animation:preview-tasks 4.8s both}.meeting-preview[data-playing] .preview-ready{animation:preview-ready 4.8s both}.meeting-preview[data-playing] .preview-progress span{animation:preview-progress 4.8s linear both}@keyframes preview-wave{0%{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:1}}@keyframes preview-recording{0%,32%{opacity:1}40%,to{opacity:0}}@keyframes preview-complete{0%,32%{opacity:0}40%,to{opacity:1}}@keyframes preview-summary{0%,40%{opacity:0;transform:translateY(10px)}55%,to{opacity:1;transform:translateY(0)}}@keyframes preview-decision{0%,55%{opacity:0;transform:translateY(7px)}69%,to{opacity:1;transform:translateY(0)}}@keyframes preview-tasks{0%,70%{opacity:0;transform:translateY(7px)}90%,to{opacity:1;transform:translateY(0)}}@keyframes preview-ready{0%,85%{opacity:0}to{opacity:1}}@keyframes preview-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:380px){.preview-toolbar{padding:14px;gap:8px;font-size:10px}.preview-content{padding:18px 14px}.preview-notes{padding:14px}.preview-people,.preview-conversation{gap:12px}.preview-waveform{gap:3px}.preview-ready{font-size:8px}}@media(prefers-reduced-motion:reduce){.meeting-preview [class^=preview-],.meeting-preview .preview-waveform>span,.meeting-preview .preview-progress span{animation:none!important}.meeting-preview .preview-notes{opacity:1;transform:none}.meeting-preview .preview-recording{opacity:0}.meeting-preview .preview-complete{opacity:1}.meeting-preview .preview-progress span{transform:none}.preview-replay{display:none}}