.kr{--kr-accent:#c9b26a;--kr-star:#ffb400;--kr-card:#fafafa;--kr-text:#111;font-family:Montserrat,system-ui,sans-serif;color:var(--kr-text);max-width:1200px;margin:0 auto;padding:40px 16px;box-sizing:border-box}
.kr *{box-sizing:border-box}
.kr-head{text-align:center;margin-bottom:24px}
.kr-title{font-size:22px;font-weight:700;margin:0 0 8px}
.kr-summary{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;background:var(--kr-card);border-radius:8px;padding:10px 16px;font-size:14px}
.kr-avg{font-size:20px;font-weight:700}
.kr-stars{color:var(--kr-star);letter-spacing:2px;font-size:16px}
.kr-wrap{position:relative}
.kr-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 12px;scrollbar-width:none}
.kr-track::-webkit-scrollbar{display:none}
.kr-card{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;background:var(--kr-card);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:220px}
@media(max-width:1024px){.kr-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.kr-card{flex-basis:88%}}
.kr-top{display:flex;align-items:center;gap:10px}
.kr-avatar{width:40px;height:40px;border-radius:50%;background:var(--kr-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.kr-name{font-weight:600;font-size:15px}
.kr-date{font-size:12px;color:#666}
.kr-top .kr-badge{margin-left:auto}.kr-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px;color:#fff;white-space:nowrap}
.kr-badge.airbnb{background:#ff385c}.kr-badge.booking{background:#003580}.kr-badge.google{background:#fff;color:#4285f4;border:1px solid #ddd}.kr-badge.direct{background:var(--kr-accent)}
.kr-text{font-size:14px;line-height:1.55;white-space:pre-line;margin:0}
.kr-text.clamp{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.kr-more{background:none;border:0;padding:0;color:#666;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;align-self:flex-start}
.kr-prop{font-size:12px;color:#8a7a4a;margin-top:auto}
.kr-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:rgba(17,17,17,.55);color:#fff;font-size:18px;cursor:pointer;z-index:2}
.kr-arrow:hover,.kr-arrow:focus-visible{background:#111}
.kr-prev{left:-12px}.kr-next{right:-12px}
@media(max-width:600px){.kr-arrow{display:none}}
.kr :focus-visible{outline:2px solid var(--kr-accent);outline-offset:2px}