@font-face{font-family:Local;src:local('PingFang SC')}*{box-sizing:border-box} :root{--lime:#d1ff27;--cyan:#62edff;--ink:#090a0d;--line:#ffffff14;--muted:#78818b;--gift:#ffc463}html{color-scheme:dark;background:var(--ink)}body{margin:0;color:#f4f3f6;font:13px/1.5 -apple-system,BlinkMacSystemFont,Local,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 48% 35%,#13252a24,transparent 45%),#090a0d}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gift);outline-offset:5px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.header{max-width:1440px;margin:auto;padding:25px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand>b{font-size:21px;letter-spacing:-1px}.brand>em{background:#ff365e;padding:2px 5px;font:750 9px Arial;font-style:normal}.brand>span{font:10px Arial;letter-spacing:2px;color:#b6bbc5;border-left:1px solid #454854;padding-left:16px;margin-left:3px}.version{display:flex;gap:8px;align-items:center;font:9px Arial;letter-spacing:1.2px;color:#c2c9cf}.version i,.room-label i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d1ff2750}.version>b{font-size:11px;color:var(--lime)}.version>span{letter-spacing:0;color:#5c6571;margin-left:10px}.studio{max-width:1280px;margin:44px auto 0;display:grid;grid-template-columns:276px 388px 286px;justify-content:space-between;align-items:start;gap:34px;padding:0 30px}.eyebrow{font:8px/1.4 Arial;letter-spacing:1.8px;color:#9ca6ae;margin:0 0 17px}.brief h1{font-size:42px;letter-spacing:-2px;line-height:1.25;margin:0;font-weight:650}.brief h1 span{color:var(--lime)}.lede{font-size:12px;line-height:1.8;color:#7d8791;margin:18px 0 28px}.gift-picker{display:flex;gap:8px}.gift-picker button{width:calc((100% - 16px)/3);border:1px solid #ffffff18;border-radius:10px;background:#14161c;padding:5px 5px 10px;position:relative;transition:border-color .2s,transform .2s}.gift-picker button:hover{transform:translateY(-3px)}.gift-picker button.selected{border-color:#c5ee4a;background:#20261b}.gift-picker button.selected:after{content:'✓';position:absolute;right:5px;top:5px;background:var(--lime);color:#11200d;border-radius:50%;height:15px;width:15px;font-size:10px}.gift-picker img{display:block;width:100%;aspect-ratio:680/864;object-fit:contain;border-radius:6px}.gift-picker b{display:block;font:bold 17px Impact,'Arial Narrow',Arial;margin-top:9px;letter-spacing:.2px}.gift-picker small{display:block;color:#949d9f;font-size:8px;margin-top:4px}.gift-copy{margin-top:25px}.gift-copy>span{font:8px Arial;letter-spacing:1px;color:var(--gift)}.gift-copy h2{font-size:19px;letter-spacing:-.4px;font-weight:600;margin:7px 0 10px}.gift-copy p{font-size:10px;color:#87929c;line-height:1.85;min-height:55px;margin:0}.send{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:var(--lime);color:#11180b;padding:13px 16px;border-radius:6px;margin-top:22px;font-weight:650;font-size:12px}.send>b{font:22px Arial}.queue{font-size:9px;line-height:1.6;min-height:29px;color:#6e7986;margin:9px 0 14px}.mode{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:#6f7a86}.mode select{flex:1;min-width:0;background:#14171d;border:1px solid #ffffff13;border-radius:5px;padding:8px 9px;color:#c0c5ce;font-size:10px}.round-guide{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.round-guide p{display:flex;justify-content:space-between;margin:0 0 10px;color:#b6c2c7;font-size:10px}.round-guide p b{font:8px Arial;color:#5a6672}.step-track{display:flex;gap:4px;margin-bottom:10px}.step-track i{width:20%;height:2px;background:#262d35}.step-track i.active{background:var(--gift);box-shadow:0 0 7px color-mix(in srgb,var(--gift),transparent 70%)}.round-guide>small{font-size:9px;color:#626d7a;line-height:1.6}.room-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font:8px Arial;letter-spacing:1.5px}.room-label>span{display:flex;align-items:center;gap:7px;color:#a7b2bc}.room-label i{background:#ff3d6a;box-shadow:0 0 7px #ff3d6a70}.room-label button{border:0;background:none;padding:0;color:#6e7885;letter-spacing:0;font-size:9px}.phone{aspect-ratio:9/16;width:100%;background:#101217;border-radius:26px;overflow:hidden;position:relative;box-shadow:0 0 0 1px #54596655,0 0 0 5px #11141a,0 35px 80px #0009;isolation:isolate;container-type:inline-size}.phone canvas{display:block;width:100%;height:100%}.live-top{position:absolute;top:2.5%;left:4%;right:4%;display:flex;align-items:center;gap:9px}.identity{display:flex;align-items:center;gap:6px;flex:1}.avatar{border:1px solid #ffffff9e;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:#3c3b3bbd;font:12px Arial}.identity>div{line-height:1.2}.identity b{font-size:10px}.identity small{font:6px Arial;color:#ccc1b8;display:block;margin-top:3px}.identity button{border:0;border-radius:18px;background:#ff3d6b;padding:6px 10px;font:8px Arial;margin-left:4px}.audience{font:9px Arial;background:#1b1c2960;padding:5px 8px;border-radius:14px}.close-room{font:22px Arial;color:#e8e6e6}.gift-toast{position:absolute;left:4%;top:10%;display:flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;min-width:52%;border-radius:30px;border:1px solid #ffffff2b;background:linear-gradient(90deg,#24213cce,#111a29ab);backdrop-filter:blur(12px);animation:toastIn .45s cubic-bezier(.16,1,.3,1)}.sender{font:9px Arial;display:grid;place-items:center;background:#67585c;border:1px solid #e7d6d65e;width:24px;height:24px;border-radius:50%}.gift-toast>div{line-height:1.2;flex:1}.gift-toast b{font:8px Arial}.gift-toast small{font:7px Arial;color:#c7bec3;display:block;margin-top:3px}.gift-toast img{width:18px;height:27px;object-fit:contain}.gift-toast strong{font:italic bold 14px Arial;color:#ffe5a0}.idle{position:absolute;left:7%;right:7%;top:54%;text-align:center}.idle>span{font:5.7px Arial;letter-spacing:1.6px;color:#c5d1d9}.idle h3{font-size:30px;line-height:1.25;margin:12px 0 20px;font-weight:600;text-shadow:0 2px 25px #000a}.idle button{border:0;border-radius:6px;padding:11px 16px;background:#d1ff27;color:#17210b;min-width:68%;font-size:11px;font-weight:650}.idle button b{margin-left:28px}.reveal{position:absolute;left:22%;width:56%;top:45%;height:34%;background:none;border:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;text-shadow:0 1px 12px #000}.reveal>span{font-size:22px;color:#d2faff;animation:breath 1.6s infinite}.reveal b{font-size:13px;margin-top:6px}.reveal small{font:6px Arial;letter-spacing:1.4px;margin:4px 0 13px}.join-prompt{position:absolute;bottom:8%;left:15%;right:15%;text-align:center;animation:promptIn .35s cubic-bezier(.16,1,.3,1)}.join-prompt>div{display:flex;justify-content:center;gap:10px;align-items:center;margin-bottom:7px}.join-prompt>div span{font-size:8px;color:#fff;text-shadow:0 1px 8px #000}.join-prompt>div b{font:7px Arial;color:#ff7791}.join-prompt>button{width:100%;min-height:40px;border:1px solid color-mix(in srgb,var(--gift),#fff 32%);border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--gift),#143242 33%),color-mix(in srgb,var(--gift),#111a22 65%));color:#071c23;box-shadow:inset 0 1px 0 #fff9,0 0 22px color-mix(in srgb,var(--gift),transparent 70%),0 3px 16px #0005;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .1s}.join-prompt>button:active{transform:scale(.96)}.join-prompt>button>span{font-size:18px}.join-prompt>button b{font-size:13px;font-weight:750;letter-spacing:.3px}.join-prompt>button small{font:bold 9px Arial;opacity:.7}.join-prompt>button:disabled{opacity:.9;color:#c5fff4;background:#15313ee6}.join-prompt p{font-size:6.5px;color:#d3dce3;text-shadow:0 1px 7px #000;margin:6px 0 0}.light-toast{position:absolute;right:6%;bottom:23%;border:1px solid color-mix(in srgb,var(--gift),transparent 40%);background:#0e1823dd;color:var(--gift);font-size:8px;padding:5px 10px;border-radius:20px;animation:toastIn .2s ease-out;pointer-events:none}.host-hit{position:absolute;top:39.5%;left:5%;border:1px solid #ffffff2d;background:#10141ba8;backdrop-filter:blur(12px);border-radius:5px;padding:5px 9px;text-align:left}.host-hit small{font-size:5.5px;color:#9fb2c4;display:block}.host-hit b{font-size:8px;color:#f1e8d8;display:block;margin-top:2px}.response-stamp{position:absolute;right:5%;bottom:10%;width:16%;border:1px solid var(--gift);border-radius:5px;overflow:hidden;background:#151e27;animation:stampIn .35s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 20px #0007}.response-stamp img{display:block;width:100%}.response-stamp b{display:block;text-align:center;background:var(--gift);color:#162019;font-size:6.5px;line-height:2}.live-caption{position:absolute;top:40%;left:5%;max-width:51%;padding:6px 9px;border-left:2px solid var(--gift);background:#111a22b0;backdrop-filter:blur(8px);animation:toastIn .3s ease-out}.live-caption>span{font:5px Arial;letter-spacing:1px;color:var(--gift)}.live-caption p{font-size:8px;margin:2px 0 0;line-height:1.5}.chat{position:absolute;left:5%;right:15%;bottom:8.2%;pointer-events:none;transition:bottom .25s}.chat p{margin:4px 0;font-size:7.5px;line-height:1.4;text-shadow:0 1px 7px #000}.chat p span{color:#c7c6ce;margin-right:6px}.phone.is-joining .chat{bottom:25.3%}.live-bottom{position:absolute;bottom:2.5%;left:4%;right:4%;display:flex;align-items:center;gap:10px}.live-bottom form{display:flex;align-items:center;flex:1;min-width:0;border:1px solid #ffffff3a;border-radius:22px;background:#10131f4f;padding:0 6px 0 11px}.live-bottom input{min-width:0;flex:1;color:white;background:none;border:0;font-size:8px;padding:9px 0}.live-bottom button{border:0;background:none;padding:0;font-size:20px;line-height:1}.live-bottom form button{font-size:14px;color:#b3bdcc}.live-bottom .heart{color:#ff4b79}.live-bottom .gift-icon{color:#ff507a;font-size:21px}.room-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:9px;color:#7d8b97}.room-foot button{background:none;border:0;padding:0;color:#75818d;font:17px Arial}.loading{position:absolute;inset:0;background:#11141cf7;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;z-index:30}.loading i{width:35px;height:35px;border:1px solid #203b43;border-top-color:#6fe9ff;border-right-color:#a66cda;border-radius:50%;animation:spin 1s linear infinite}.loading strong{font-weight:500;font-size:12px;color:#c6d5df}.loading small{font-size:8px;color:#668295}.response{padding-top:4px}.response h2{font-size:26px;line-height:1.4;letter-spacing:-.7px;margin:0 0 13px;font-weight:600}.moment-note{color:#8a97a3;font-size:11px;line-height:1.9;margin:0 0 28px;min-height:59px}.role{border-top:1px solid #ffffff16;padding-top:17px;margin-top:18px}.role-head{display:flex;align-items:center;gap:9px}.role-head>span{font:8px Arial;color:#60707d}.role-head>b{font-size:11px;font-weight:500;flex:1}.role-head>small{font-size:8px;color:#74818c}.role>p{font-size:10px;line-height:1.8;color:#8494a1;margin:12px 0}.role button{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;border:1px solid #6fe9ff39;border-radius:6px;background:#17252e;padding:12px 9px;color:var(--gift);font-size:11px;transition:transform .15s,background .2s}.role button:active{transform:scale(.98)}.role button>small{font:8px Arial;opacity:.6;margin-left:auto}.role button>span{font-size:14px}.role button>b{font-weight:550}.role.host button{justify-content:space-between;border-color:#a7a08732;background:#201f1f;color:#d1c5a9}.response-meter{height:2px;background:#272e35;margin-top:11px;overflow:hidden}.response-meter i{display:block;width:0;height:100%;background:var(--gift);transition:width .35s}.role-foot{display:block;margin-top:9px;color:#596d7b;font-size:8px;line-height:1.7}.stats{display:flex;align-items:center;gap:28px;margin-top:22px;padding-top:19px;border-top:1px solid var(--line)}.stats b{font:25px/1 Arial;color:#d8e3e9;letter-spacing:-1px}.stats small{display:block;color:#637580;font-size:8px;margin-top:7px}.stats button{margin-left:auto;background:none;border:0;color:#7c929e;padding:3px 0;font-size:8px}.status{font-size:9px;line-height:1.8;color:#7894a2;margin-top:19px;min-height:33px}.settings{margin-top:22px;border-top:1px solid var(--line);padding-top:12px;color:#647583;font-size:9px}.settings summary{cursor:pointer;color:#697a87}.settings label{display:block;margin-top:12px}.settings .upload{cursor:pointer}.upload input{display:block;width:100%;margin-top:7px;font-size:8px}.settings button{margin-top:9px;font-size:8px;border:1px solid #354350;background:#151e26;padding:6px 8px;border-radius:4px}.settings p{font-size:8px;line-height:1.7}.playback,.memory-section,footer{max-width:1220px;margin:34px auto 0;padding:0 30px}.playback{border-top:1px solid var(--line);padding-top:20px}.transport{display:flex;align-items:center;gap:7px}.transport button{font-size:9px;border:1px solid #ffffff1c;background:#141b22;color:#9aabb7;padding:7px 10px;border-radius:4px}.transport button#play{color:var(--lime);font:11px Arial;min-width:31px}.transport>span{margin-left:auto;font:9px Arial;color:#667f8f;font-variant-numeric:tabular-nums}.playback>input{display:block;width:100%;height:2px;accent-color:var(--gift);margin:18px 0 14px;cursor:pointer}.milestones{display:flex;justify-content:space-between;gap:10px}.milestones button{font-size:8px;color:#617786;background:none;border:0;padding:0}.memory-section{margin-top:42px;border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:220px 1fr;gap:35px}.memory-section .eyebrow{font-size:7px;margin-bottom:8px}.memory-section h2{font-size:21px;font-weight:500;margin:0}.memories{display:flex;flex-wrap:wrap;gap:10px}.memories>p{font-size:10px;color:#526a79}.memories button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #ffffff17;background:#131a21;border-radius:5px;padding:7px 12px 7px 7px}.memories img{width:29px;height:43px;object-fit:cover;border-radius:3px}.memories b{font:12px Impact,Arial;color:#d6e6ef}.memories small{font-size:7px;display:block;color:#7e96a6;margin-top:4px}footer{display:flex;gap:20px;align-items:flex-start;margin-top:35px;padding-top:20px;padding-bottom:25px;border-top:1px solid var(--line);color:#3f5767;font-size:8px}footer>span{font:7px Arial;letter-spacing:1px}footer p{margin:0}footer details{margin-left:auto}footer summary{cursor:pointer}footer pre{white-space:pre-wrap;max-width:420px;font-size:8px;color:#92a3b0}.film-mode .brief,.film-mode .response{opacity:.35}.saved-pop{animation:stampIn .4s ease-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breath{50%{opacity:.45;transform:scale(.9)}}@keyframes toastIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes promptIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stampIn{from{opacity:0;transform:translateY(12px) rotate(5deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@media(min-width:1550px){.studio{max-width:1380px;grid-template-columns:300px 418px 310px;gap:60px}.header{max-width:1500px}.playback,.memory-section,footer{max-width:1320px}.brief h1{font-size:46px}.moment-note{font-size:12px}.gift-copy p{font-size:11px}}
@media(max-width:1100px){.header{padding:22px 28px}.studio{grid-template-columns:minmax(230px,1fr) 380px;max-width:860px;gap:28px;margin-top:30px}.live-column{grid-column:2;grid-row:1 / span 2}.brief{grid-column:1;grid-row:1}.response{grid-column:1;grid-row:2;margin-top:-8px}.response>.eyebrow,.response>h2,.moment-note,.round-guide,.settings{display:none}.role{margin-top:12px;padding-top:12px}.role>p{margin:8px 0}.brief h1{font-size:31px;line-height:1.25}.brief h1 br{display:none}.lede{margin:13px 0 18px;font-size:10px}.lede br{display:none}.gift-copy{margin-top:16px}.gift-copy h2{font-size:18px}.gift-copy p{min-height:0;font-size:9px}.send{margin-top:15px}.queue{margin-bottom:10px;min-height:15px}.mode{padding-top:10px}.role.host{margin-top:18px}.stats{margin-top:16px;padding-top:13px}.status{min-height:20px;margin-top:12px}.studio{row-gap:22px}.version>span{display:none}.playback{margin-top:29px}}
@media(max-width:700px){.header{padding:19px 20px}.brand>b{font-size:18px}.brand>span{font-size:7px;letter-spacing:1px;padding-left:10px}.brand{gap:7px}.brand>em{font-size:8px}.version{font-size:6px;letter-spacing:.6px;gap:4px}.version i{width:4px;height:4px}.version>b{font-size:9px}.studio{display:flex;flex-direction:column;padding:0 20px;gap:29px;max-width:430px;margin-top:25px}.brief{order:2;width:100%}.brief>.eyebrow,.brief h1,.lede{display:none}.live-column{order:1;width:100%}.response{order:3;width:100%;padding:0;margin:0}.gift-picker{gap:12px}.gift-picker button{width:calc((100% - 24px)/3)}.gift-picker b{font-size:21px}.gift-picker small{font-size:9px}.gift-copy{margin-top:20px}.gift-copy h2{font-size:21px}.gift-copy p{font-size:11px;min-height:39px}.send{font-size:13px;margin-top:17px}.queue{font-size:9px}.mode select{font-size:11px}.mode{font-size:11px}.role>p{font-size:11px}.role-head>b{font-size:12px}.role button{padding:13px 10px;font-size:13px}.role-head>small,.role-foot{font-size:9px}.response>.eyebrow{display:block}.stats small{font-size:9px}.status{font-size:10px}.room-label{margin-bottom:11px}.phone{border-radius:23px}.room-foot{font-size:9px}.playback,.memory-section,footer{padding-left:20px;padding-right:20px;max-width:430px}.playback{margin-top:26px}.milestones{gap:7px}.milestones button{font-size:7px}.memory-section{display:block;margin-top:31px;padding-top:22px}.memory-section h2{font-size:21px}.memories{margin-top:18px}.memories button{flex:1;min-width:145px}.memories small{font-size:8px}.memories img{width:33px;height:50px}.settings{display:block}.memory-section .eyebrow{font-size:7px}footer{flex-wrap:wrap;gap:9px}footer details{margin-left:0;width:100%}.transport button{font-size:8px;padding:8px}.transport>span{font-size:8px}.response-stamp{width:16%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.transport a{font-size:9px;color:var(--gift);margin-left:6px}.transport button.recording{border-color:#ff5877;color:#ff91a7}.phone:fullscreen{border-radius:0;height:100vh;width:auto;margin:auto}

.gift-touch{position:absolute;border:0;background:transparent;border-radius:50%;transform:translate(-50%,-50%);padding:0;z-index:4;cursor:pointer;touch-action:manipulation}.gift-touch>span{position:absolute;inset:13%;border:1px solid color-mix(in srgb,var(--gift),transparent 40%);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--gift),transparent 77%);animation:tapHalo 1.7s ease-out infinite;pointer-events:none}.gift-touch>em{position:absolute;top:92%;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:7px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--gift),transparent 65%);border-radius:12px;background:#101a26d9;color:var(--gift);backdrop-filter:blur(8px);pointer-events:none}.gift-touch.touched>em{opacity:.5}.gift-touch:active>span{transform:scale(.86)}@keyframes tapHalo{from{transform:scale(.83);opacity:.9}to{transform:scale(1.18);opacity:0}}

#join-token svg,#side-token svg{display:block;width:16px;height:16px;fill:currentColor;color:var(--gift)}.gift-icon svg{display:block}

.gift-toast{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:-1px!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0!important;pointer-events:none}
.join-prompt>button{border:1.5px solid color-mix(in srgb,var(--gift),#fff 45%);background:linear-gradient(120deg,color-mix(in srgb,var(--gift),#fff 14%),color-mix(in srgb,var(--gift),#05435c 15%));color:#102029;box-shadow:0 0 8px color-mix(in srgb,var(--gift),transparent 25%),0 0 26px color-mix(in srgb,var(--gift),transparent 60%),inset 0 1px 2px #ffffffe0;min-height:44px}.join-prompt>button b{font-size:15px;font-weight:750}.join-prompt>button:disabled{background:linear-gradient(120deg,#102936eb,#102530ed);color:var(--gift);box-shadow:0 0 16px color-mix(in srgb,var(--gift),transparent 64%),inset 0 0 13px color-mix(in srgb,var(--gift),transparent 82%)}.light-toast{font-size:9px;font-weight:650;border-width:1.5px;box-shadow:0 0 14px color-mix(in srgb,var(--gift),transparent 50%);padding:6px 12px;background:#101825ed}.gift-touch>span{border-width:1.5px}.gift-touch>em{background:#10161bdb;color:var(--gift);font-size:7px}

/* Gift selection lives inside the room. All positions scale with the phone. */
.gift-sheet-backdrop{position:absolute;inset:0;z-index:9;background:#00000010;transition:opacity .2s}
.gift-sheet{position:absolute;inset:auto 0 0;z-index:10;border-radius:6cqw 6cqw 0 0;background:#202129;box-shadow:0 -12px 40px #0005;padding:0 3.5cqw;animation:sheetUp .36s cubic-bezier(.16,1,.3,1);font-size:2.7cqw;color:#f9f9fb;text-align:left}
.sheet-handle{height:1cqw;width:12cqw;border-radius:1cqw;background:#74757d;margin:2.4cqw auto 2.4cqw}
.sheet-tabs{display:flex;align-items:center;gap:5cqw;height:6.5cqw;margin-bottom:1.8cqw}.sheet-tabs>b{font-size:3.5cqw;position:relative}.sheet-tabs>b:after{content:'';position:absolute;height:.65cqw;left:0;right:0;bottom:-1.1cqw;border-radius:1cqw;background:#ff306d}.sheet-tabs button{background:none;border:0;color:#8a8d98;font-size:3.4cqw;padding:0}.sheet-tabs small{font:1.7cqw Arial;letter-spacing:.3cqw;color:#727581;margin-left:auto}.sheet-tabs #sheet-close{font:5.7cqw Arial;line-height:1;color:#d2d5dd;margin-left:auto;width:5cqw}
.sheet-intent{border-radius:1.5cqw;background:#ffffff09;padding:1.8cqw 2.2cqw;display:flex;align-items:center;justify-content:space-between;color:var(--gift);font-weight:600;font-size:2.8cqw;min-height:7.2cqw}.sheet-intent small{color:#8b8d97;font-size:2.1cqw;font-weight:400}
.room-gifts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4cqw 1.3cqw;padding-top:2cqw}.room-gifts>button{border:0;background:transparent;text-align:center;min-width:0;padding:0;color:#f2f3f8;position:relative}.room-gifts .gift-art{height:18cqw;width:100%;display:block;border:1.5px solid transparent;border-radius:2.6cqw;position:relative;overflow:hidden;transition:background .18s,border-color .18s}.gift-art img{width:100%;height:100%;object-fit:contain;display:block;padding:1.2cqw}.gift-art.strength-art img{width:200%;max-width:none;object-fit:contain;object-position:left;padding:1.2cqw 0}.gift-art.emoji{display:grid;place-items:center;font-size:11.5cqw;filter:drop-shadow(0 3px 5px #0005)}.room-gifts button b{display:block;font:600 2.6cqw/1.4 -apple-system,Arial;margin-top:.7cqw}.room-gifts button small{display:block;font:2.3cqw/1.5 Arial;color:#b6b7c3;margin-top:.5cqw}.room-gifts button[aria-pressed=true] .gift-art{border-color:#ff397a;background:#30323c;box-shadow:inset 0 0 0 .2cqw #ff397a18}.room-gifts button:hover .gift-art{background:#ffffff07}
.sheet-action{display:flex;align-items:center;gap:3cqw;min-height:12.7cqw;padding:2cqw 1cqw}.sheet-action>span{color:#a8acb6;font-size:2.3cqw;line-height:1.5;flex:1;max-width:64%}.sheet-action>button{margin-left:auto;border:0;border-radius:9cqw;min-width:26cqw;background:#ff296b;color:white;font-weight:650;font-size:3cqw;padding:2cqw 5cqw}.sheet-action>button:disabled{background:#613145;color:#ba939f;opacity:1}.sheet-balance{border-top:1px solid #ffffff12;min-height:8.4cqw;display:flex;align-items:center;justify-content:space-between;font-size:2.9cqw}.sheet-balance b{font:600 3cqw Arial}.sheet-balance small{font-size:1.9cqw;color:#7e828d;margin-left:2cqw}.sheet-balance button{border:1px solid #ff3773;color:#ff4b82;background:none;border-radius:5cqw;padding:.6cqw 2.8cqw;font-size:2.4cqw}.gift-bag{height:68.7cqw;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.gift-bag>span{font:12cqw Arial;color:var(--gift)}.gift-bag>b{font-size:4cqw;margin-top:2cqw}.gift-bag>p{font-size:2.9cqw;line-height:1.8;color:#969ca8}.gift-bag>button{background:#ff296b;border:0;border-radius:5cqw;padding:2cqw 5cqw;font-size:2.8cqw}
.phone.sheet-open .idle,.phone.sheet-open .chat,.phone.sheet-open .live-bottom{visibility:hidden}.phone.sheet-open .live-top{z-index:10}.phone:not(.sheet-open) .gift-sheet-backdrop,.phone:not(.sheet-open) .gift-sheet{display:none}
@keyframes sheetUp{from{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}

.gift-art.strength-art img{position:absolute;left:50%;width:auto;height:100%;max-width:none;transform:translateX(-25%);clip-path:inset(0 50% 0 0);padding:1.2cqw 0;object-fit:contain}