.kr-section{max-width:1400px;margin:32px auto;padding:0 18px;font-family:inherit;color:#151515}.kr-heading{font-size:clamp(24px,3vw,38px);font-weight:800;text-align:center;text-transform:uppercase;margin:0 0 24px;letter-spacing:-.03em}.kr-rail-wrap{position:relative}.kr-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 12px}.kr-rail::-webkit-scrollbar{display:none}.kr-card{position:relative;flex:0 0 clamp(170px,18vw,250px);aspect-ratio:9/16;border:0;border-radius:9px;overflow:hidden;background:#111;padding:0;cursor:pointer;scroll-snap-align:start;color:#fff;text-align:left;box-shadow:0 2px 9px #0002}.kr-card-video{width:100%;height:100%;object-fit:cover;display:block}.kr-card-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0009)}.kr-card-caption{position:absolute;left:14px;right:12px;bottom:17px;font-size:15px;font-weight:750;line-height:1.25;text-shadow:0 1px 3px #000}.kr-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;text-shadow:0 2px 12px #0008;opacity:0;transition:opacity .2s}.kr-card:hover .kr-play{opacity:1}.kr-rail-arrow{position:absolute;top:45%;z-index:2;border:0;border-radius:50%;width:44px;height:44px;background:#fff;color:#111;box-shadow:0 1px 8px #0002;font-size:30px;line-height:1;cursor:pointer}.kr-prev{left:-15px}.kr-next{right:-15px}.kr-modal{display:none;position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center}.kr-modal.kr-open{display:flex}.kr-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}.kr-player{position:relative;width:min(100vw,430px);height:min(92dvh,780px);background:#080808;color:#fff;overflow:hidden;border-radius:3px;z-index:1;box-shadow:0 20px 80px #0008}.kr-main-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.kr-gradient{pointer-events:none;position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.kr-close{position:absolute;right:12px;top:12px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff55;background:#0007;color:#fff;font-size:28px;cursor:pointer}.kr-side-actions{position:absolute;right:10px;bottom:125px;z-index:4;display:flex;flex-direction:column;gap:14px;align-items:center}.kr-side-actions button{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;color:white;cursor:pointer;min-width:42px;text-shadow:0 1px 4px #000}.kr-side-actions button span{font-size:27px;line-height:1}.kr-side-actions button small{font-size:10px;font-weight:800;letter-spacing:.04em}.kr-side-actions button b{font-size:11px}.kr-like.kr-liked span{color:#ff4f75}.kr-info{position:absolute;left:16px;right:70px;bottom:24px;z-index:3;text-shadow:0 1px 4px #000}.kr-reel-title{font-weight:800;font-size:17px;margin-bottom:5px}.kr-caption{font-size:14px;line-height:1.4;white-space:pre-wrap}.kr-product-link{display:inline-block;margin-top:10px;padding:9px 12px;border-radius:4px;background:#fff;color:#111;text-decoration:none;font-weight:800;font-size:13px;text-shadow:none}.kr-switches{position:absolute;right:12px;top:48%;display:flex;flex-direction:column;gap:10px;z-index:4}.kr-switches button{width:35px;height:35px;border-radius:50%;border:1px solid #ffffff55;background:#0006;color:#fff;font-size:22px;cursor:pointer}.kr-comment-panel{display:none;position:absolute;z-index:8;bottom:0;left:0;right:0;height:65%;background:#fff;color:#181818;border-radius:16px 16px 0 0;flex-direction:column;box-shadow:0 -8px 30px #0004}.kr-comment-panel.kr-show{display:flex}.kr-comment-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #eee}.kr-comment-head button{border:0;background:none;font-size:25px;cursor:pointer}.kr-comment-list{overflow-y:auto;padding:12px 16px;flex:1}.kr-comment{padding:10px 0;border-bottom:1px solid #eee;font-size:13px;line-height:1.45}.kr-comment strong{display:block;margin-bottom:3px}.kr-reply{margin:9px 0 0 12px;padding-left:10px;border-left:2px solid #ddd;color:#555}.kr-comment-form{padding:12px 16px;border-top:1px solid #eee;display:grid;gap:8px}.kr-comment-form input,.kr-comment-form textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:7px;padding:10px;font:inherit;font-size:14px}.kr-comment-form textarea{min-height:65px;resize:vertical}.kr-comment-form button{background:#111;color:#fff;border:0;border-radius:7px;padding:11px;font-weight:800;cursor:pointer}.kr-form-note{margin:0;color:#666;font-size:11px}.kr-empty{color:#666;font-size:13px;padding:20px 0}.kr-hidden{display:none!important}@media(max-width:600px){.kr-section{padding:0 12px;margin:22px auto}.kr-rail{gap:12px}.kr-card{flex-basis:44vw;max-width:210px}.kr-rail-arrow{width:36px;height:36px;font-size:25px}.kr-prev{left:-7px}.kr-next{right:-7px}.kr-modal{align-items:stretch}.kr-player{width:100vw;height:100dvh;max-height:none;border-radius:0}.kr-side-actions{right:8px;bottom:145px}.kr-info{bottom:30px;left:14px;right:65px}.kr-comment-panel{height:67%;padding-bottom:env(safe-area-inset-bottom)}}
/* Theme-isolated controls: prevent theme button backgrounds, padding and shadows leaking into the reel UI. */
.kr-modal .kr-player button{box-sizing:border-box!important;font-family:inherit!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;min-height:0!important;max-height:none!important;outline-offset:3px}
.kr-modal .kr-side-actions button{width:48px!important;height:auto!important;min-width:48px!important;padding:8px 2px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;text-shadow:0 1px 4px #000!important;line-height:1.15!important}
.kr-modal .kr-side-actions button:focus,.kr-modal .kr-side-actions button:hover,.kr-modal .kr-side-actions button:active{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important}
.kr-modal .kr-side-actions button span{font-size:29px!important;line-height:1!important;font-weight:400!important}
.kr-modal .kr-side-actions button small{font-size:10px!important;line-height:1.1!important;font-weight:800!important}
.kr-modal .kr-side-actions button b{font-size:11px!important;line-height:1.1!important}
.kr-modal .kr-side-actions .kr-like.kr-liked span{color:#ff4f75!important}
.kr-youtube-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:1}
.kr-modal .kr-gradient{z-index:2}.kr-modal .kr-close,.kr-modal .kr-side-actions,.kr-modal .kr-info,.kr-modal .kr-switches{z-index:4}.kr-modal .kr-comment-panel{z-index:8}
.kr-modal .kr-info{pointer-events:none}.kr-modal .kr-info a{pointer-events:auto}
.kr-modal .kr-product-link{max-width:100%;white-space:normal;overflow-wrap:anywhere;background:#fff!important;color:#111!important;border:0!important;box-shadow:none!important;padding:9px 12px!important}
.kr-modal .kr-switches button{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid #ffffff55!important;border-radius:50%!important;background:#0008!important;color:#fff!important;font-size:22px!important;line-height:1!important}
.kr-modal .kr-close{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:50%!important;background:#0008!important;color:#fff!important;border:1px solid #ffffff55!important;line-height:1!important}
@media(max-width:600px){.kr-modal .kr-side-actions{right:7px!important;bottom:145px!important;gap:12px!important}.kr-modal .kr-side-actions button{width:44px!important;min-width:44px!important;padding:7px 0!important}.kr-modal .kr-info{right:62px!important;bottom:25px!important}}

/* v1.0.3: swipe-first gallery and refined fullscreen presentation */
.kr-rail-wrap{overflow:hidden}
.kr-rail{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;scroll-behavior:smooth}
.kr-rail-arrow{display:none!important}
.kr-modal{padding:0;overscroll-behavior:contain}
.kr-player{width:min(100vw,520px);height:min(100dvh,940px);border-radius:0;isolation:isolate}
.kr-modal .kr-close{top:max(12px,env(safe-area-inset-top));right:12px;width:42px!important;height:42px!important;min-width:42px!important;padding:10px!important;border:0!important;border-radius:50%!important;background:rgba(20,20,20,.35)!important;color:#fff!important;backdrop-filter:blur(12px);display:grid!important;place-items:center;opacity:.9;transition:background .18s,opacity .18s}
.kr-modal .kr-close:hover{background:rgba(20,20,20,.72)!important;opacity:1}
.kr-modal .kr-close svg{width:22px;height:22px;display:block;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;fill:none}
.kr-modal .kr-switches{display:none!important}
.kr-modal .kr-side-actions{right:12px;bottom:calc(150px + env(safe-area-inset-bottom));gap:14px}
.kr-modal .kr-side-actions button{width:48px!important;min-width:48px!important;padding:4px 0!important;min-height:48px!important;gap:4px!important;border-radius:12px!important;background:transparent!important;transition:transform .15s ease,color .15s ease!important}
.kr-modal .kr-side-actions button:active{transform:scale(.92)}
.kr-modal .kr-side-actions button span{font-size:28px!important;filter:drop-shadow(0 1px 4px #0008)}
.kr-modal .kr-side-actions button small,.kr-modal .kr-side-actions button b{font-size:10px!important;text-shadow:0 1px 5px #000!important}
.kr-modal .kr-info{left:16px;right:76px;bottom:calc(22px + env(safe-area-inset-bottom));max-width:calc(100% - 95px)}
.kr-modal .kr-reel-title{font-size:clamp(14px,3.8vw,18px);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kr-modal .kr-caption{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kr-modal .kr-product-link{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:10px 14px!important;border-radius:999px!important;max-width:100%;font-size:12px!important;line-height:1.25;white-space:normal;overflow-wrap:anywhere;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;background:rgba(255,255,255,.94)!important;color:#111!important;backdrop-filter:blur(12px)}
.kr-modal .kr-gradient{background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.22) 67%,rgba(0,0,0,.82) 100%);z-index:2}
.kr-modal .kr-main-video{object-fit:contain;touch-action:pan-y}
.kr-modal .kr-youtube-frame{touch-action:pan-y}
.kr-modal .kr-comment-panel{padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
@media(max-width:600px){
 .kr-modal .kr-player{width:100vw;height:100dvh;max-height:100dvh}
 .kr-modal .kr-side-actions{right:7px;bottom:calc(138px + env(safe-area-inset-bottom));gap:11px}
 .kr-modal .kr-side-actions button{width:43px!important;min-width:43px!important;min-height:44px!important;padding:3px 0!important}
 .kr-modal .kr-side-actions button span{font-size:26px!important}
 .kr-modal .kr-info{left:14px;right:58px;bottom:calc(20px + env(safe-area-inset-bottom));max-width:calc(100% - 76px)}
 .kr-modal .kr-product-link{max-width:100%;font-size:11px!important;padding:8px 11px!important}
 .kr-modal .kr-close{right:10px;top:max(10px,env(safe-area-inset-top))}
}
/* v1.0.4 interaction, persistence and transition fixes */
.kr-rail{scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;}
.kr-card{scroll-snap-align:center;transition:transform .22s ease,filter .22s ease;}
.kr-card:active{transform:scale(.985)}
.kr-modal .kr-player{will-change:transform,opacity;}
.kr-modal .kr-player.kr-transition-up{animation:krSlideUp .24s cubic-bezier(.22,.75,.25,1) both;}
.kr-modal .kr-player.kr-transition-down{animation:krSlideDown .24s cubic-bezier(.22,.75,.25,1) both;}
@keyframes krSlideUp{from{transform:translate3d(0,7%,0);opacity:.72}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes krSlideDown{from{transform:translate3d(0,-7%,0);opacity:.72}to{transform:translate3d(0,0,0);opacity:1}}
.kr-modal .kr-close{left:50%!important;right:auto!important;transform:translateX(-50%);top:max(10px,env(safe-area-inset-top))!important;z-index:20!important;width:38px!important;height:38px!important;min-width:38px!important;padding:8px!important;background:rgba(0,0,0,.48)!important;border:1px solid rgba(255,255,255,.28)!important;}
.kr-modal .kr-youtube-frame{z-index:1!important;}
.kr-modal .kr-gradient{z-index:2!important;}
.kr-modal .kr-side-actions,.kr-modal .kr-info{z-index:5!important;}
.kr-modal .kr-swipe-zone{position:absolute;top:12%;bottom:12%;width:11%;z-index:3;background:transparent;touch-action:pan-y;}
.kr-modal .kr-swipe-left{left:0;}
.kr-modal .kr-swipe-right{right:0;}
.kr-modal .kr-side-actions{pointer-events:none!important;}
.kr-modal .kr-side-actions button{pointer-events:auto!important;}
.kr-modal .kr-main-video{object-fit:contain;background:#000;}
.kr-modal .kr-main-video::-webkit-media-controls{display:flex!important;}
.kr-modal .kr-like:disabled{opacity:.65;}
@media(prefers-reduced-motion:reduce){.kr-modal .kr-player.kr-transition-up,.kr-modal .kr-player.kr-transition-down{animation:none!important}.kr-rail,.kr-card{scroll-behavior:auto;transition:none}}

/* v1.0.5: stable infinite rail and clearly directional reel transitions */
.kr-section .kr-rail{scroll-behavior:auto!important;scroll-snap-type:none!important;overscroll-behavior-x:contain;}
.kr-section .kr-card{scroll-snap-align:none!important;}
.kr-modal .kr-player.kr-transition-up{animation:krSlideUpFull .34s cubic-bezier(.22,.72,.22,1) both!important;}
.kr-modal .kr-player.kr-transition-down{animation:krSlideDownFull .34s cubic-bezier(.22,.72,.22,1) both!important;}
@keyframes krSlideUpFull{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}
@keyframes krSlideDownFull{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}
.kr-modal .kr-swipe-zone{width:30%!important;top:10%!important;bottom:14%!important;z-index:4!important;touch-action:pan-y!important;-webkit-user-select:none;user-select:none;}
.kr-modal .kr-swipe-left{left:0!important;}
.kr-modal .kr-swipe-right{right:0!important;}
.kr-modal .kr-side-actions{z-index:6!important;}
.kr-modal .kr-close{z-index:25!important;}
@media(prefers-reduced-motion:reduce){.kr-modal .kr-player.kr-transition-up,.kr-modal .kr-player.kr-transition-down{animation:none!important}}

/* v1.0.6: horizontal fullscreen reel navigation and robust YouTube thumbnails */
.kr-section .kr-card{isolation:isolate;background:#111!important}
.kr-section .kr-youtube-thumb{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;z-index:0;background:#171717}
.kr-section .kr-card-shade,.kr-section .kr-card-caption,.kr-section .kr-play{z-index:1}
.kr-modal .kr-player.kr-transition-left{animation:krSlideFromRight .38s cubic-bezier(.2,.72,.22,1) both!important}
.kr-modal .kr-player.kr-transition-right{animation:krSlideFromLeft .38s cubic-bezier(.2,.72,.22,1) both!important}
@keyframes krSlideFromRight{from{transform:translate3d(100%,0,0);opacity:.82}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes krSlideFromLeft{from{transform:translate3d(-100%,0,0);opacity:.82}to{transform:translate3d(0,0,0);opacity:1}}
.kr-modal .kr-swipe-zone{top:8%!important;bottom:10%!important;width:24%!important;touch-action:pan-x!important;z-index:7!important}
.kr-modal .kr-swipe-left{left:0!important;right:auto!important}
.kr-modal .kr-swipe-right{right:0!important;left:auto!important}
.kr-modal .kr-youtube-frame{touch-action:pan-x!important}
@media(prefers-reduced-motion:reduce){.kr-modal .kr-player.kr-transition-left,.kr-modal .kr-player.kr-transition-right{animation:none!important}}


/* v1.0.7: product CTA, unobstructed playback controls, media-level horizontal transitions */
.kr-modal .kr-info{left:0!important;right:0!important;bottom:calc(62px + env(safe-area-inset-bottom))!important;max-width:none!important;display:flex!important;justify-content:center!important;align-items:center!important;pointer-events:none!important;text-align:center!important}
.kr-modal .kr-reel-title,.kr-modal .kr-caption{display:none!important}
.kr-modal .kr-product-link{pointer-events:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:132px!important;max-width:72vw!important;margin:0!important;padding:10px 22px!important;border-radius:999px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;line-height:1.2!important;background:rgba(255,255,255,.94)!important;color:#111!important;box-shadow:0 4px 18px rgba(0,0,0,.24)!important;backdrop-filter:blur(10px)!important}
.kr-modal .kr-gradient{pointer-events:none!important;bottom:0!important;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.16) 74%,rgba(0,0,0,.44) 100%)!important}
.kr-modal .kr-main-video{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:auto;}
.kr-modal .kr-main-video::-webkit-media-controls{display:flex!important;visibility:visible!important;opacity:1!important}
.kr-modal .kr-main-video::-webkit-media-controls-enclosure{display:flex!important;visibility:visible!important}
.kr-modal .kr-youtube-frame{z-index:1!important;pointer-events:auto!important}
.kr-modal .kr-swipe-zone{top:14%!important;bottom:24%!important;width:17%!important;z-index:3!important;touch-action:pan-x!important;background:transparent!important}
.kr-modal .kr-side-actions{z-index:6!important}
.kr-modal .kr-info{z-index:6!important}
.kr-modal .kr-close{z-index:25!important}
.kr-modal .kr-media-enter-left{animation:krMediaFromRight .42s cubic-bezier(.22,.72,.22,1) both!important}
.kr-modal .kr-media-enter-right{animation:krMediaFromLeft .42s cubic-bezier(.22,.72,.22,1) both!important}
@keyframes krMediaFromRight{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes krMediaFromLeft{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}
@media(max-width:600px){.kr-modal .kr-info{bottom:calc(66px + env(safe-area-inset-bottom))!important}.kr-modal .kr-product-link{min-width:126px!important;padding:9px 18px!important}.kr-modal .kr-swipe-zone{width:15%!important;top:16%!important;bottom:25%!important}}
@media(prefers-reduced-motion:reduce){.kr-modal .kr-media-enter-left,.kr-modal .kr-media-enter-right{animation:none!important}}