.roomPage{text-align:center;max-width:1100px;margin:0 auto;padding:40px 20px 70px}.roomTitle{color:#2f3152;margin-bottom:10px;font-size:2.4rem}.roomIntro,.roomSubtitle{color:#7a7f9c;margin-bottom:18px;line-height:1.8}.searchInput{border:1px solid #d8d1ef;border-radius:14px;outline:none;width:100%;max-width:420px;margin-bottom:36px;padding:14px 16px;font-size:.95rem;transition:all .2s}.searchInput:focus{border-color:#d3c5ff;box-shadow:0 0 0 4px #bca7fe24}.card{perspective:1000px}.cardInner{width:100%;height:340px;transform-style:preserve-3d;transition:transform .7s;position:relative}.cardFront,.cardBack{backface-visibility:hidden;box-sizing:border-box;border-radius:22px;width:100%;height:100%;padding:24px 20px;position:absolute;box-shadow:0 14px 34px #725eb114}.emotionGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.card:hover .cardInner{transform:rotateY(180deg)}.cardFace{backface-visibility:hidden;box-sizing:border-box;border:2px solid #ffa9f114;border-radius:26px;position:absolute;inset:0;overflow:hidden;box-shadow:10px 10px #ebc5ef}.cardFace:before{content:"";pointer-events:none;background:linear-gradient(#ffffff59,#0000);width:100%;height:40%;position:absolute;top:0;left:0}.cardFront{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ded6ff;flex-direction:column;align-items:center;padding:13px 10px 22px;display:flex}.cardFrontTop{grid-template-columns:40px 1fr 52px;align-items:center;width:100%;margin-bottom:20px;display:grid}.cardIcon{color:#6e3d83;text-align:left;font-size:2.1rem}.cardStarTitle{text-align:center;color:#2f2345;margin:0;font-size:1.5rem;font-weight:600}.cardNumber{text-align:right;color:#5e356d;font-size:1rem;font-weight:700}.cardShortDesc{color:#4f4862;text-align:center;min-height:42px;margin:0 0 14px;font-size:.88rem;line-height:1.6}.emotionName{color:#2c2740;margin:0 0 4px;font-size:1.9rem;font-weight:700;line-height:1.1}.emotionKey{color:#473f60;letter-spacing:1px;text-transform:lowercase;margin:0;font-size:.9rem}.cardImageBox{background:#fffdfc;border-radius:22px;justify-content:center;align-items:center;width:100%;height:150px;margin-bottom:14px;display:flex}.emotionImg{object-fit:contain;width:95px;height:95px}.cardBack{background:#dde1ff;flex-direction:column;padding:18px 16px 16px;display:flex;transform:rotateY(180deg)}.backTitleRow{color:#7460b2;justify-content:center;align-items:center;gap:14px;margin-bottom:10px;font-size:1.4rem;display:flex}.backTitleRow p{color:#1f1b2d;margin:0;font-size:1.15rem;font-weight:700}.backInfoBox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffa6;border-radius:18px;padding:14px 18px}.backList{color:#222;margin:0;padding-left:18px;font-size:.9rem;line-height:1.7}.cardFace{overflow:hidden}.backCornerImg{object-fit:contain;opacity:.95;width:48px;height:48px;position:absolute;bottom:10px;right:10px}.lockedCard{box-sizing:border-box;filter:grayscale();opacity:.9;background:linear-gradient(#f0f0f3 0%,#e5e5ea 100%);border-radius:22px;justify-content:center;align-items:center;height:340px;padding:20px;display:flex;box-shadow:0 14px 34px #64647814}.lockedInner{text-align:center;flex-direction:column;align-items:center;display:flex}.lockedTag{letter-spacing:2px;color:#9b9ba8;text-transform:uppercase;margin:0 0 6px;font-size:.74rem}.lockedName{color:#71717d;margin:0 0 8px;font-size:1.5rem}.lockedDesc{color:#9494a3;margin:0;font-size:.92rem}.roomEnding{color:#8b84a7;margin-top:40px;font-size:1rem;line-height:1.8}