#top5-preview *{box-sizing:border-box}#top5-preview body{margin:0;background:#f5f5ef;color:#14291f;font-family:Arial,sans-serif}#top5-preview button,#top5-preview a{-webkit-tap-highlight-color:transparent}#top5-preview button{font:inherit;cursor:pointer}#top5-preview button:disabled{cursor:default;opacity:.5}#top5-preview a{color:inherit;text-decoration:none}#top5-preview header{display:flex;align-items:center;justify-content:space-between;padding:22px max(20px,calc((100% - 1080px)/2));border-bottom:1px solid #dce0d4}#top5-preview .brand{font-size:29px;font-weight:900;letter-spacing:-1.5px}#top5-preview header>a:last-child{font-size:13px}#top5-preview main{max-width:1000px;margin:0 auto;padding:48px 24px}#top5-preview .badge{font-size:10px;letter-spacing:2px;color:#627d35;font-weight:bold}#top5-preview h1{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-2px;margin:18px 0}#top5-preview .intro{max-width:500px;line-height:1.6;color:#647164;font-size:15px}#top5-preview section{margin-top:40px}#top5-preview .section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}#top5-preview .section-title h2{font-size:21px;letter-spacing:-.5px}#top5-preview .section-title>span{font-size:9px;color:#718166;letter-spacing:1px}#top5-preview .stories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}#top5-preview .story-thumb{border:0;background:none;text-align:left;padding:0;min-width:0;color:inherit}#top5-preview .thumb-image{position:relative;aspect-ratio:9/13;border-radius:18px;padding:4px;background:linear-gradient(140deg,#d7f66b,#28613a);overflow:hidden}#top5-preview .thumb-image img{position:absolute;inset:4px;display:block;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;border:3px solid #f5f5ef;border-radius:inherit;background:#14291f;transition:transform .2s}#top5-preview .story-thumb:hover img{transform:scale(1.04)}#top5-preview .thumb-number{position:absolute;top:13px;left:13px;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;background:#d7f66b;color:#14291f;font-size:11px;font-weight:bold}#top5-preview .thumb-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:bold;line-height:1.4;margin-top:10px;min-height:36px}#top5-preview .thumb-author{display:block;font-size:11px;color:#718166;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#top5-preview .primary{border:0;border-radius:8px;padding:14px 22px;font-weight:bold;background:#d7f66b;color:#14291f}#top5-preview #page-status{font-size:12px;color:#718166}#top5-preview aside{border-top:1px solid #dce0d4;margin-top:38px;padding-top:20px;max-width:620px}#top5-preview aside strong{font-size:13px}#top5-preview aside p{font-size:12px;line-height:1.6;color:#718166}#top5-preview dialog{padding:0;border:1px solid #35473a;border-radius:20px;background:#101b15;color:white;width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow-y:auto}#top5-preview dialog::backdrop{background:#06120ce6}body:has(#viewer[open]){overflow:hidden}#top5-preview .viewer-shell{padding:14px}#top5-preview .viewer-top,#top5-preview .story-heading,#top5-preview .tools,#top5-preview .actions,#top5-preview .navigation{display:flex;align-items:center;justify-content:space-between;gap:8px}#top5-preview .viewer-top .brand{font-size:23px}#top5-preview .viewer-shell button:not(.primary){color:inherit;background:transparent;border:0;border-radius:8px;min-height:38px;padding:6px 10px}#top5-preview .viewer-shell button:hover{background:#ffffff14}#top5-preview .progress{display:flex;gap:5px;margin:12px 0 5px}#top5-preview .progress-track{height:3px;flex:1;overflow:hidden;border-radius:3px;background:#ffffff33}#top5-preview .progress-fill{height:100%;background:#d7f66b;transform:scaleX(0);transform-origin:left}#top5-preview .story-heading{font-size:11px;color:#bdd0bf;margin-bottom:5px}#top5-preview .tools button{font-size:11px}#top5-preview .stage{position:relative;aspect-ratio:9/16;width:auto;height:min(55dvh,560px);max-width:100%;margin:auto;background:#050b07;overflow:hidden;border-radius:12px}#top5-preview #player-slot,#top5-preview #player-slot iframe,#top5-preview #gesture{position:absolute;inset:0;width:100%;height:100%;border:0}#top5-preview #gesture{z-index:1;touch-action:pan-y;border-radius:0;padding:0!important}#top5-preview #gesture:hover{background:transparent}#top5-preview #play-status{position:absolute;inset:44% 12px auto;text-align:center;font-size:12px;pointer-events:none;z-index:2;background:#0008;border-radius:8px}#top5-preview #play-status:empty{display:none}#top5-preview #ending{position:absolute;inset:0;z-index:4;text-align:center;padding:20px;align-content:center;background:radial-gradient(circle at top,#385637,#102218)}#top5-preview #ending h2{font-size:26px}#top5-preview #ending p{color:#bdd0bf}#top5-preview .end-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#d7f66b;color:#14291f;margin:auto;font-size:26px}#top5-preview #ending button{display:block;margin:12px auto}#top5-preview .story-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}#top5-preview .story-meta>div:first-child{min-width:0}#top5-preview .story-meta h2{font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#top5-preview .story-meta p{font-size:11px;color:#bdd0bf;margin:5px 0}#top5-preview .actions{flex-shrink:0;position:relative}#top5-preview .actions button{display:flex;align-items:center;gap:5px;font-size:12px;padding:6px!important}#top5-preview .actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}#top5-preview #heart[aria-pressed=true]{color:#f26a8f;opacity:1}#top5-preview #heart[aria-pressed=true] svg{fill:currentColor}#top5-preview .story-floating-heart{position:absolute;right:40px;bottom:24px;color:#f26a8f;font-size:30px;pointer-events:none;animation:story-heart 1.1s ease-out forwards}@keyframes story-heart{0%{opacity:0;transform:scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(15px,-120px) scale(1.4)}}#top5-preview #action-status{font-size:11px;color:#d7f66b;min-height:14px;margin:2px 0}#top5-preview .navigation{border-top:1px solid #ffffff18;padding-top:6px}#top5-preview .navigation button{font-size:12px}#top5-preview .navigation>span{font-size:9px;color:#8da38e}#top5-preview button:focus-visible,#top5-preview a:focus-visible{outline:3px solid #92ad4e;outline-offset:3px}#top5-preview [hidden]{display:none!important}@media(max-width:600px){#top5-preview main{padding:32px 16px}#top5-preview .stories{display:flex;overflow-x:auto;gap:10px;padding-bottom:10px;scroll-snap-type:x mandatory}#top5-preview .story-thumb{flex:0 0 105px;scroll-snap-align:start}#top5-preview .section-title>span{font-size:8px}#top5-preview .thumb-image{border-radius:15px}#top5-preview .thumb-title{font-size:11px}#top5-preview dialog{width:100%;height:100dvh;max-height:100dvh;max-width:none;border:0;border-radius:0}#top5-preview .viewer-shell{max-width:430px;margin:auto;padding:12px}#top5-preview .stage{height:min(58dvh,calc(100dvh - 270px),620px)}#top5-preview .navigation>span{font-size:8px}}@media(prefers-reduced-motion:reduce){#top5-preview .story-floating-heart{display:none}#top5-preview .thumb-image img{transition:none}}

#top5-preview{margin-top:28px;min-width:0}#top5-preview>section{margin-top:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:#edf1e6}#top5-preview .section-title h2{margin:0;font-size:21px}#top5-preview .section-title{margin-bottom:15px}#top5-preview #start{padding:10px 16px;font-size:12px}#top5-preview #page-status{margin:12px 0}#top5-preview .thumb-image{max-height:210px}#top5-preview .thumb-title{min-height:32px;font-size:12px}#top5-preview .thumb-author{font-size:10px}@media(max-width:700px){#top5-preview{margin-top:20px}#top5-preview>section{padding:14px 10px}#top5-preview .section-title h2{font-size:17px}#top5-preview .section-title>span{font-size:7px}#top5-preview .story-thumb{flex-basis:96px}#top5-preview .thumb-image{max-height:none}#top5-preview .thumb-title{font-size:11px}}

#top5-preview .viewer-logo{display:flex;align-items:center;width:144px;height:42px;padding:3px 8px;background:#f5f5ef;border-radius:8px;flex-shrink:0}#top5-preview .viewer-logo img{display:block;width:100%;height:100%;object-fit:contain}