.cat-cafe{margin:28px 0;padding:clamp(18px,4vw,36px);border:2px solid #d3b06b;border-radius:30px;background:#fbf5e9;color:#253b41;box-shadow:0 12px 30px #091e2e1a;overflow:hidden;scroll-margin-top:110px}.cat-cafe *{box-sizing:border-box}.cat-cafe .cafe-heading{text-align:center}.cat-cafe .cafe-heading>span{font-size:12px;letter-spacing:.2em;color:#96703c}.cat-cafe h2{font-size:clamp(23px,4vw,32px);line-height:1.5;color:#21394a;margin:10px 0}.cat-cafe p{line-height:1.8}.cat-cafe .cafe-heading p{font-size:14px;color:#67736f}.cat-cafe .cafe-room{position:relative;padding:46px 12px 16px;margin-top:22px;border:1px solid #d1bc94;border-radius:20px;background:linear-gradient(#f2e4cd 0 65%,#d8ba94 65% 67%,#e9d2ae 67%);overflow:hidden}.cat-cafe .cafe-window{position:absolute;right:20px;top:8px;width:70px;height:44px;background:linear-gradient(90deg,transparent 48%,#e9ce9a 48% 52%,transparent 52%),linear-gradient(#b6d9dd,#e3efe4);border:4px solid #fff7e6;border-radius:25px 25px 0 0;color:#bd8a3d;font-size:25px;text-align:center;line-height:34px}.cat-cafe .cafe-room-label{position:absolute;left:16px;top:17px;font-size:11px;letter-spacing:.04em;color:#795f3b}.cat-cafe .cafe-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 6px;position:relative}.cat-cafe .cafe-cat{display:flex;align-items:center;flex-direction:column;min-width:0;width:100%;padding:4px;border:1px solid transparent;border-radius:18px;background:transparent;color:#354a47;font-family:inherit;cursor:pointer;touch-action:manipulation}.cat-cafe .cafe-cat img{display:block;width:100%;max-width:110px;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 2px #7a52351f);transform-origin:center bottom}.cat-cafe .cafe-cat>span{font-size:13px;font-weight:800;background:#fff8e9d9;border-radius:20px;padding:2px 10px;white-space:nowrap}.cat-cafe .cafe-cat>small{font-size:10px;line-height:1.5;margin-top:4px;color:#725e45}.cat-cafe .cafe-cat[aria-pressed=true]{border-color:#ac8440;background:#fff7e8b3;box-shadow:0 3px 10px #9e6b2917}.cat-cafe .cafe-cat:hover img{transform:translateY(-3px)}.cat-cafe .cafe-profile{display:flex;align-items:center;gap:22px;margin-top:24px;padding:20px;background:#fffdf8;border:1px solid #dfcfad;border-radius:20px}.cat-cafe .cafe-portrait{position:relative;flex:0 0 120px}.cat-cafe .cafe-portrait img{display:block;width:120px;height:120px;object-fit:contain}.cat-cafe .cafe-portrait>span{position:absolute;right:0;top:0;font-size:24px}.cat-cafe .cafe-profile-copy{min-width:0}.cat-cafe .cafe-tag{font-size:12px;color:#99733e}.cat-cafe h3{font-size:23px;line-height:1.3;color:#21394a;margin:8px 0}.cat-cafe .cafe-profile-copy p{font-size:14px;margin:8px 0}.cat-cafe .cafe-profile-copy .cafe-hearts{color:#ac674c;font-size:20px;letter-spacing:2px}.cat-cafe .cafe-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.cat-cafe .cafe-actions button{min-height:48px;padding:12px 6px;border:1px solid #cbae76;background:#fffbef;border-radius:16px;color:#304b4e;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;touch-action:manipulation}.cat-cafe .cafe-actions button:hover{background:#f6e6c4}.cat-cafe .cafe-actions button:active{transform:translateY(1px)}.cat-cafe :focus-visible{outline:3px solid #4a8f96;outline-offset:3px}.cat-cafe .cafe-message{background:#eaf0e7;border-radius:15px;padding:16px;color:#354e45;text-align:center;min-height:65px;font-size:14px}.cat-cafe .cafe-progress{text-align:center;font-size:13px;font-weight:700;color:#6a775a}.cat-cafe .cafe-footnote{font-size:11px;color:#7a8177;text-align:center}.cat-cafe .cafe-pop img{animation:cafeCuddle .5s ease}.cat-cafe .cafe-pop [data-cafe-effect]{animation:cafeHeart .8s ease}@keyframes cafeCuddle{35%{transform:rotate(-7deg) translateY(-6px)}70%{transform:rotate(5deg)}}@keyframes cafeHeart{0%{opacity:0;transform:translateY(12px) scale(.5)}40%{opacity:1;transform:translateY(-6px) scale(1.2)}100%{transform:translateY(0) scale(1)}}@media(max-width:600px){.cat-cafe .cafe-cats{gap:12px 3px}.cat-cafe .cafe-room{padding:52px 5px 12px}.cat-cafe .cafe-cat{padding:3px 1px;border-radius:12px}.cat-cafe .cafe-cat>small{display:none}.cat-cafe .cafe-cat>span{font-size:11px;padding:2px 6px}.cat-cafe .cafe-profile{gap:12px;padding:15px}.cat-cafe .cafe-portrait{flex-basis:80px}.cat-cafe .cafe-portrait img{width:80px;height:80px}.cat-cafe .cafe-profile-copy p{font-size:13px}.cat-cafe .cafe-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cat-cafe .cafe-room-label{left:10px;font-size:10px}.cat-cafe .cafe-window{right:12px}}@media(prefers-reduced-motion:reduce){.cat-cafe .cafe-pop img,.cat-cafe .cafe-pop [data-cafe-effect]{animation:none}.cat-cafe .cafe-cat:hover img{transform:none}}