#player{position:relative;width:100%;aspect-ratio:16/9;background:#080808}#player .video-js,#player video{width:100%;height:100%}.r2-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:96px;min-height:96px;border:3px solid #fff;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:48px;cursor:pointer;z-index:5}.r2-play:focus-visible{outline:4px solid #ffcf35;outline-offset:4px}#player.r2-playing .r2-play{display:none}.r2-player-error{position:absolute;bottom:12px;left:12px;right:12px;background:#111;color:#fff;padding:12px}.comment{border-bottom:1px solid #ccc;padding:12px 0}.comment time{margin-left:1em}.tags-page-grid{display:flex;flex-wrap:wrap;gap:12px}.favorite-count{font-size:.85em}.vjs-big-play-button{font-size:4em!important}#player .vjs-big-play-button{display:none}html:not(.r2-ready) #player .vjs-big-play-button{display:block}:root{--r7-radius:12px;--r7-gap:clamp(12px,1.6vw,24px)}html{scroll-padding-top:24px;-webkit-text-size-adjust:100%}body{line-height:1.55;text-rendering:optimizeLegibility}body,button,input,select,textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*::before,*::after{box-sizing:border-box}.wrapper{max-width:1440px;width:min(100% - 32px,1440px);margin-inline:auto}h1{font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.2;letter-spacing:-.025em;margin-block:24px}h2,h3{line-height:1.3;letter-spacing:-.015em}.col-item,.item-col,.item.col:not(.-aff),.mag-card,.mvl-item{border-radius:var(--r7-radius);margin-bottom:var(--r7-gap);box-shadow:0 4px 16px #00000014;transition:transform .15s ease,box-shadow .15s ease}.col-item .image,.mag-card .mag-thumb{border-radius:var(--r7-radius);overflow:hidden;position:relative}.col-item img,.item-col img,.item.col:not(.-aff) img,.mag-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:var(--r7-radius)}.col-item .title,.item__title-label,.mag-title{font-weight:650;line-height:1.4;padding-block:10px;overflow-wrap:anywhere}.col-item:hover,.item-col:hover,.item.col:not(.-aff):hover,.mag-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000020}.col-item:focus-within,.item-col:focus-within,.item.col:not(.-aff):focus-within,.mag-card:focus-within{outline:2px solid currentColor;outline-offset:3px}.pagination,.pagination .pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.pagination{padding-block:28px;clear:both}.pagination .pages>a,.pagination .pages>span{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px 14px;border-radius:8px;line-height:1.2}.pagination .pages>span{font-weight:750;border:2px solid currentColor}input:not([type=checkbox]):not([type=radio]),select,textarea,button{max-width:100%;font:inherit}input[type=search],input[name=q],button,input[type=submit]{min-height:44px}input[type=search],input[name=q],select,textarea{border-radius:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid currentColor;outline-offset:4px}#player{isolation:isolate;overflow:hidden;border-radius:var(--r7-radius);box-shadow:0 12px 40px #00000040}#player video{object-fit:contain}.r2-play{width:clamp(76px,10vw,104px);height:clamp(76px,10vw,104px);min-width:76px;min-height:76px;font-size:clamp(32px,5vw,48px);box-shadow:0 4px 24px #00000080}.description,.tab-wrapper .contents{overflow-wrap:anywhere}.tabs-list,.rating-list{flex-wrap:wrap}.tabs-list a{min-height:44px;display:inline-flex;align-items:center}.comment{padding-block:18px}footer,#footer{line-height:1.65}.footer-tags-list,.footer-tag-list,.seo-footer-links{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:700px){.wrapper{width:calc(100% - 24px)}#main.col-9,#sidebar.col-3{width:100%;margin-inline:0}.col-item,.item-col,.item.col:not(.-aff){width:calc(50% - 12px);margin-inline:6px}.col-item .title{font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;gap:6px}.toolbar a{min-height:44px;display:inline-flex;align-items:center}.pagination .pages>a,.pagination .pages>span{padding:8px 12px}#header img{max-width:100%;height:auto}}@media(max-width:360px){.col-item,.item-col,.item.col:not(.-aff){width:100%;margin-inline:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}