.cat-room :is(.jasper-food-sheet,.xiaobai-love-sheet){--gift-accent:#d1ba8b;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);border:1px solid #e8ddca26;border-radius:22px;background:#191917;color:#f5efe4;box-shadow:0 22px 70px #0006;transition:opacity .24s ease,transform .24s ease;overscroll-behavior:contain}.cat-room .xiaobai-love-sheet{--gift-accent:#cbc1d5}.cat-room :is(.jasper-food-sheet,.xiaobai-love-sheet)::backdrop{background:#090b0a99;backdrop-filter:blur(5px);transition:opacity .24s ease}.cat-room :is(.jasper-food-sheet,.xiaobai-love-sheet)[data-closing]{opacity:0;transform:translateY(16px);pointer-events:none}.cat-room :is(.jasper-food-sheet,.xiaobai-love-sheet)[data-closing]::backdrop{opacity:0}.cat-room :is(.jasper-food-inner,.xiaobai-love-inner){padding:24px;max-height:inherit;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:100px;-webkit-overflow-scrolling:touch}.cat-room :is(.jasper-food-head,.xiaobai-love-head){grid-template-columns:82px minmax(0,1fr) 44px;gap:14px;padding-bottom:20px;border-color:#f5efe418}.cat-room :is(.jasper-food-head,.xiaobai-love-head)>img{width:82px;height:82px;filter:none}.cat-room :is(.jasper-food-head,.xiaobai-love-head) h2{font-weight:400;font-size:22px;line-height:1.5;letter-spacing:.01em}.cat-room :is(.jasper-food-head,.xiaobai-love-head) small{color:var(--gift-accent);font-size:10px;letter-spacing:.14em}.cat-room :is(.jasper-energy,.xiaobai-heart)>i{height:3px;background:#f5efe414}.cat-room :is(.jasper-energy,.xiaobai-heart)>i>u{background:var(--gift-accent)}.cat-room :is(.jasper-energy,.xiaobai-heart) em{color:#e8ddca}.cat-room :is(.jasper-food-close,.xiaobai-love-close){width:44px;height:44px;padding:0;line-height:44px;font-weight:300;font-size:25px}.cat-room :is(.jasper-food-grid,.xiaobai-love-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px 0}.cat-room :is(.jasper-food-card,.xiaobai-love-card){border-radius:12px;border:1px solid #e8ddca1c;background:#f5efe404;transition:border-color .2s,background .2s;transform:none}.cat-room :is(.jasper-food-card,.xiaobai-love-card):hover{transform:none;border-color:#e8ddca55}.cat-room :is(.jasper-food-card,.xiaobai-love-card)[data-selected]{border-color:var(--gift-accent);background:#e7d4aa0a;box-shadow:inset 0 0 20px #e9d6b506}.cat-room :is(.jasper-food-art,.xiaobai-love-art){background:radial-gradient(ellipse at 50% 45%,#f5efe416,transparent 75%);padding:8px;overflow:visible}.cat-room :is(.jasper-food-art,.xiaobai-love-art) img{transform:none;object-fit:contain}.cat-room :is(.jasper-food-copy,.xiaobai-love-copy){display:block;padding:11px 12px 14px;border-top:1px solid #f5efe40c}.cat-room :is(.jasper-food-copy,.xiaobai-love-copy) b{display:block;font-size:12px;line-height:1.5;font-weight:500}.cat-room :is(.jasper-food-copy,.xiaobai-love-copy) small{display:block;margin-top:4px;color:var(--gift-accent);font-size:10px;letter-spacing:.09em}.cat-room :is(.jasper-food-footer,.xiaobai-love-footer){bottom:-24px;margin:0 -24px -24px;padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));background:#191917f5;border-color:#f5efe418;gap:12px}.cat-room :is(.jasper-food-footer,.xiaobai-love-footer) small{color:#b4ac9c;letter-spacing:.08em}.cat-room :is(.jasper-food-footer,.xiaobai-love-footer) strong{font-weight:400;font-size:12px;line-height:1.5;max-width:200px}.cat-room :is(.jasper-food-give,.xiaobai-love-give){min-height:44px;border-radius:6px;padding:11px 16px;background:#eee6d6;font-size:12px;font-weight:500;line-height:1.5}.cat-room .xiaobai-love-give{background:#eee9f0}.cat-member-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 22px;padding:15px 0;border-block:1px solid #e5d8bc1c;color:#e6dece}.cat-member-note p{font-size:13px;line-height:1.8;margin:0;font-weight:400}.cat-member-note p span{color:#b7b1a4;font-size:12px}.cat-member-note button{flex:none;min-height:44px;padding:8px 0 8px 12px;background:none;border:0;color:#d9c59b;font-size:12px;letter-spacing:.02em}.cat-room .cat-room-stage[data-gift-reaction] .cat-interaction-dock{position:relative;inset:auto;border-radius:0;background:none;padding-top:10px;margin-top:0}.cat-room .cat-reaction-character-layer{position:absolute;pointer-events:none;aspect-ratio:1;transform:none;animation:catGiftReveal .28s ease both}.cat-room .cat-reaction-character-layer .cat-character-art,.cat-room .cat-reaction-character-layer .cat-living-motion{position:absolute;inset:0;display:block;transform:none;animation:none}.cat-scene .cat-bubble[data-gift-bubble]{max-width:42%;animation:none;transform:translateY(-100%);font-size:clamp(11px,2.9vw,14px);line-height:1.5;padding:8px 11px}@keyframes catGiftReveal{0%{opacity:0}to{opacity:1}}@media(max-width:720px){.cat-room :is(.jasper-food-sheet,.xiaobai-love-sheet){width:100%;max-width:100%;max-height:88dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.cat-room :is(.jasper-food-inner,.xiaobai-love-inner){padding:18px}.cat-room :is(.jasper-food-head,.xiaobai-love-head){grid-template-columns:64px minmax(0,1fr) 44px;gap:9px}.cat-room :is(.jasper-food-head,.xiaobai-love-head)>img{width:64px;height:64px}.cat-room :is(.jasper-food-head,.xiaobai-love-head) h2{font-size:18px}.cat-room :is(.jasper-food-grid,.xiaobai-love-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 0}.cat-room :is(.jasper-food-footer,.xiaobai-love-footer){bottom:-18px;margin:0 -18px -18px;padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px))}.cat-member-note{gap:8px;align-items:flex-start}.cat-member-note p{font-size:12px}.cat-member-note p span{font-size:11px}.cat-member-note button{font-size:11px;padding-left:6px}}@media(prefers-reduced-motion:reduce){.cat-room :is(.jasper-food-sheet,.xiaobai-love-sheet),.cat-room :is(.jasper-food-sheet,.xiaobai-love-sheet)::backdrop{transition:none}.cat-reaction-character-layer{animation:none}}