[hidden]{display:none!important}.record-player{--record-color:#eeb8c5;width:100%;padding:16px 0;text-align:center}.record-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px;max-height:400px;overflow:auto;padding:12px 6px}.little-record{appearance:none;border:2px solid transparent;background:transparent;border-radius:22px;padding:10px;cursor:pointer;min-width:0;color:#345653}.little-record:hover,.little-record[aria-pressed=true]{background:#fff5e4;border-color:#cbb2bc}.little-record:focus-visible{outline:3px solid #245977;outline-offset:3px}.record-vinyl,.turntable-platter{position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle,#364f50 0 2px,#294344 2px 4px);border:3px solid #345653;border-radius:50%;box-shadow:inset 0 0 0 5px #536e6b,4px 5px 0 #34565318}.record-vinyl{width:88px;height:88px;margin:0 auto 10px}.record-vinyl:after,.turntable-platter:after{content:'';position:absolute;inset:9px;border:2px solid #d6dfd839;border-radius:50%;border-left-color:#f5eddc80;transform:rotate(-30deg)}.record-label{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--record-color);color:#345653;font-family:var(--font-title);font-weight:800;font-size:16px;z-index:1}.record-label i{position:absolute;bottom:7px;width:5px;height:5px;border-radius:50%;background:#fff9ee}.little-record strong,.little-record small{display:block;overflow-wrap:anywhere;line-height:1.4}.little-record small{font-size:12px;margin-top:4px}.cute-turntable{position:relative;width:min(330px,100%);height:215px;margin:28px auto 18px;border:3px solid #345653;border-radius:30px 34px 24px 26px;background:linear-gradient(145deg,#f8e4c9,#f3cdcb);box-shadow:0 9px 0 #c9b090,0 12px 0 #345653;transform:rotate(-1deg)}.turntable-platter{position:absolute;top:25px;left:25px;width:143px;height:143px}.turntable-platter .record-label{width:59px;height:59px;font-size:22px}.turntable-arm{position:absolute;right:44px;top:36px;width:17px;height:113px;border:3px solid #345653;background:#bcdfee;border-radius:12px;transform:rotate(27deg);transform-origin:50% 10px;z-index:3}.turntable-arm:before{content:'';position:absolute;top:-8px;left:-8px;width:28px;height:28px;background:#fff3d7;border:3px solid #345653;border-radius:50%}.turntable-arm:after{content:'';position:absolute;bottom:-6px;left:-6px;width:22px;height:29px;background:#c7dba9;border:2px solid #345653;border-radius:7px}.turntable-buttons{position:absolute;bottom:18px;left:29px;display:flex;gap:8px}.turntable-buttons i{width:15px;height:11px;border:2px solid #345653;border-radius:5px;background:#fff9ee}.turntable-buttons i+i{background:#bcdfee}.turntable-speaker{position:absolute;bottom:17px;right:22px;width:76px;height:22px;border-radius:8px;border:2px solid #345653;background:repeating-linear-gradient(90deg,#345653 0 2px,transparent 2px 7px)}.turntable-flower{position:absolute;right:12px;top:6px;font-size:29px;color:#ac5b75}.turntable-stars{position:absolute;left:168px;bottom:65px;color:#ad804b;font-size:21px}.turntable-now{font-weight:800;overflow-wrap:anywhere}.record-player audio{width:min(420px,100%)}.record-player.is-playing .turntable-platter{animation:record-spin 8s linear infinite}.record-player.is-playing .turntable-arm{transform:rotate(36deg)}.contribution-preview{display:block;max-height:240px;max-width:100%;margin:16px auto;border-radius:20px}.real-recorder .row,.party-voice-controls,.party-voice-review{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.real-recorder input,.real-recorder textarea{max-width:100%}.voice-list{display:block!important}.party-voice-list{margin-top:24px}.record-error:empty{display:none}@keyframes record-spin{to{transform:rotate(360deg)}}@media(max-width:400px){.record-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.cute-turntable{width:270px;height:200px}.turntable-arm{right:30px}.turntable-speaker{width:58px}}@media(prefers-reduced-motion:reduce){.record-player.is-playing .turntable-platter{animation:none}}
.drawing-send-invitation{padding:24px;background:#fff0cf;border-radius:24px;margin:20px 0}.drawing-upload-steps{padding:20px 20px 20px 42px;background:#fff0cf;border-radius:20px;line-height:1.8}.emoji-tools{margin:4px 0 16px}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-width:420px;padding:12px;background:#fff9ee;border:1px solid #d5c9b6;border-radius:18px}.emoji-grid button{font-size:24px;min-height:44px;min-width:0;border:0;background:transparent;border-radius:12px;cursor:pointer}.emoji-grid button:hover{background:#ffe7ab}.emoji-grid button:focus-visible{outline:3px solid #8052ad}@media(max-width:400px){.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}