.record-round svg{width:25px;height:25px}#composer .record-round,#composer .media-add{flex:none;border-radius:50%;padding:7px;background:var(--soft);color:var(--accent);border:1px solid var(--line)}.media-picker,.round-recorder{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:24px;width:min(440px,94vw);max-height:94dvh;overflow:auto}.media-picker::backdrop,.round-recorder::backdrop{background:#06111dcc;backdrop-filter:blur(12px)}.media-picker button{display:block;width:100%;margin:10px 0;padding:15px;border-radius:16px}.round-recorder h2,.round-recorder>.hint{text-align:center}.round-stage{width:min(310px,75vw);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--card);margin:22px auto;border:2px solid var(--line)}.round-stage video{width:100%;height:100%;object-fit:cover;display:block}.round-recorder[data-phase=recording] .round-stage{border-color:#ed4e71;box-shadow:0 0 0 7px #ed4e7122}.round-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.round-controls button{border-radius:24px;padding:13px 20px}.round-controls .quiet{color:var(--ink);border:1px solid var(--line)}.media.video.round-media{position:relative;width:min(230px,65vw);height:min(230px,65vw);border-radius:50%;overflow:hidden;isolation:isolate}.media.video.round-media video{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:50%;cursor:pointer}.media.video.round-media:not(.playing):after{content:'▶';pointer-events:none;position:absolute;inset:0;display:grid;place-items:center;font-size:36px;color:white;text-shadow:0 2px 15px #000;background:#0002}@media(max-width:600px){.media-picker{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;width:100%;max-width:none;border-radius:26px 26px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.round-recorder{padding:20px 14px}.round-stage{margin:16px auto}#composer{align-items:center}}