.mirror-page .availability{background:#78364f}.mirror-page h1{font-size:clamp(74px,8.5vw,128px)}.mirror-demo-section{background:radial-gradient(ellipse at 75% 30%,#78364f66,transparent 65%),#171216;padding:80px 0}.mirror-stage{position:relative;aspect-ratio:1.8;min-height:350px;background:radial-gradient(ellipse at bottom left,#8a536c,#3c2738);overflow:hidden;container-type:inline-size}.mirror-macbar{height:43px;background:#e8dfe6;color:#30232d;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:12px}.mirror-macbar>span{display:flex;align-items:center;gap:12px;font-size:11px}.mirror-switch{width:35px;height:31px;background:#fbf8fa;border:1px solid #ad98a7;border-radius:5px;cursor:pointer;font-size:21px;color:#78364f;opacity:.55}.is-open .mirror-switch{opacity:1;background:#d7c2d0;border-color:#78364f}.mirror-switch:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.meeting-card{position:absolute;left:8%;top:24%;width:49%;background:#edebe6;color:#28232b;padding:5%;box-shadow:0 8px 30px #0003}.meeting-card>span:first-child{font:1.3cqw 'IBM Plex Mono',monospace;color:#766a75}.meeting-card h3{font:600 4cqw 'Barlow Condensed',Impact,sans-serif;margin:8% 0}.meeting-card p{font-size:1.7cqw;line-height:1.5;color:#766a75}.meeting-button{display:inline-block;background:#78364f;color:#fff;font-size:1.6cqw;padding:3% 8%;margin-top:5%;border-radius:3px}.mirror-camera{position:absolute;top:16%;right:6%;width:31%;aspect-ratio:1;border:3px solid #eee4ed;box-shadow:0 12px 35px #0005;border-radius:50%;overflow:hidden;background:#181318;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.is-open .mirror-camera{opacity:1;transform:translateY(0)}.mirror-camera>img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom,1));transform-origin:50% 42%;transition:transform .25s ease}.shape-square .mirror-camera{border-radius:0}.shape-rounded .mirror-camera{border-radius:18%}.preview-zoom{position:absolute;right:17%;top:9%;font:1.4cqw 'IBM Plex Mono',monospace;color:#fff;background:#211820aa;padding:1% 3%;border-radius:3px}.mic-meter{position:absolute;left:18%;right:18%;bottom:12%;padding:4% 6%;background:#16131de0;border-radius:4px;display:flex;flex-direction:column;gap:.7cqw}.mic-meter>span{font-size:1.1cqw;color:#e1d8e1}.mic-meter>i{height:.6cqw;min-height:3px;display:block;background:#4a3c4b;border-radius:2px;overflow:hidden}.mic-meter b{display:block;height:100%;background:#c7d4a9;width:58%;animation:mic-level 2s ease infinite}.camera-status{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);font:1.4cqw 'IBM Plex Mono',monospace;white-space:nowrap;color:#dfcfdc}.mirror-caption{display:block;padding:17px;background:#261b26;color:#d4c3d1;font:13px Barlow,Arial,sans-serif;letter-spacing:0}.mirror-options{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}.mirror-options>div{display:flex;align-items:center;gap:8px}.mirror-options>div>span{font:10px 'IBM Plex Mono',monospace;color:#af99aa;margin-right:5px}.mirror-options button{border:1px solid #99758d;background:none;color:#dac9d6;padding:10px 14px;font:13px Barlow,Arial,sans-serif;cursor:pointer}.mirror-options button[aria-pressed=true]{background:#78364f;color:white;border-color:#c89eb8}.mirror-options button:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.demo-note{font-size:13px;line-height:1.6;color:#b8a5b3}.mirror-shortcut{padding-bottom:40px}.mirror-shortcut h2{margin:25px 0 35px}.mirror-shortcut>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:25px;font-size:18px;color:#b9bcb4}.mirror-shortcut strong{font:34px 'IBM Plex Mono',monospace;color:var(--amber);white-space:nowrap}.mirror-shortcut>p{font-size:17px;color:#b9bcb4;line-height:1.6;max-width:700px}@keyframes mic-level{0%,100%{width:30%}25%{width:70%}50%{width:43%}75%{width:85%}}@media(max-width:800px){.mirror-page h1{font-size:clamp(70px,14vw,112px)}.mirror-demo-section{padding:55px 0}.mirror-stage{aspect-ratio:1.2;min-height:370px}.mirror-macbar{padding:0 12px;font-size:11px}.mirror-macbar>span{font-size:9px;gap:8px}.meeting-card{left:7%;top:28%;width:60%;padding:6%}.meeting-card>span:first-child{font-size:1.8cqw}.meeting-card h3{font-size:5cqw}.meeting-card p{font-size:2.4cqw}.meeting-button{font-size:2.4cqw}.mirror-camera{width:43%;right:5%;top:18%}.mic-meter>span{font-size:1.7cqw}.preview-zoom{font-size:2cqw}.camera-status{font-size:2cqw}.mirror-options{gap:18px}.mirror-options button{font-size:12px;padding:9px 11px}.mirror-shortcut>div{align-items:start;flex-direction:column;gap:20px}.mirror-shortcut strong{font-size:30px}.use-grid h2 br:last-child{display:initial}}@media(prefers-reduced-motion:reduce){.mirror-camera,.mirror-camera>img{transition:none}}