.recent-room{display:block;width:100%;border:1px dashed #ddd2e7;border-radius:9px;background:#f8f4fc;color:#9b80b0;font-size:11px;padding:11px;margin:0 0 20px;letter-spacing:.3px}.recent-room:hover{background:#f1eaf8}.dialog-copy{font-size:13px;color:#a08dab;line-height:1.9;margin-bottom:24px}.dialog-actions,.result-actions{display:flex;align-items:center;gap:20px}.dialog-actions>.primary-button{flex:1;width:auto}.dialog-actions>.quiet-button{font-size:12px}.record-actions{display:flex;gap:18px;align-items:center}.record-actions .quiet-button{font-size:10px}#result-dialog{max-width:500px;max-height:90dvh;padding-bottom:25px}#result-dialog h2{font-size:21px;margin:13px 0 20px}#result-image{display:block;width:100%;height:auto;border-radius:9px;border:1px solid #eee6f2}.result-hint{font-size:10px;text-align:center;color:#ac99b7;line-height:1.9;margin:14px 0}.result-actions .primary-button{flex:1;min-height:44px;font-size:12px}.result-actions .quiet-button{font-size:11px}.room-code-pill strong{letter-spacing:1px}#room-code{letter-spacing:3px}.play{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:680px){.record-actions{gap:12px}.record-actions .quiet-button{font-size:9px}.history-heading{flex-wrap:wrap;gap:8px}.history-heading h2{font-size:11px}.history-heading h2 span{font-size:8px;margin-left:5px}.room-toolbar{gap:6px}.room-code-pill{gap:5px;padding:7px 7px}.room-code-pill strong{font-size:10px;letter-spacing:.4px}.room-toolbar>.quiet-button{font-size:9px}.network-status{font-size:8px}.dialog-copy{font-size:12px}.dialog-actions{gap:15px}.dialog-actions>.quiet-button{font-size:11px}.recent-room{font-size:10px}.result-actions{gap:15px}}
@media(max-width:350px){.room-toolbar{flex-wrap:wrap}.network-status{margin-left:auto}.play-heading h1{font-size:21px}.player-top>span:nth-child(2){max-width:54px}.record-actions{width:100%;justify-content:flex-end}}