.hnt-1-wrapper{--hnt-1-bg-dark:#0a0c10;--hnt-1-card-bg:#14171f;--hnt-1-card-radius:24px;--hnt-1-text-main:#ffffff;--hnt-1-text-sub:#9ca3af;--hnt-1-border-subtle:rgba(255, 255, 255, 0.08);--hnt-1-font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;width:100%;max-width:100%;margin:0 auto;padding:20px 10px;box-sizing:border-box;font-family:var(--hnt-1-font-family);color:var(--hnt-1-text-main);-webkit-font-smoothing:antialiased}.hnt-1-wrapper *,.hnt-1-wrapper *::before,.hnt-1-wrapper *::after{box-sizing:border-box;margin:0;padding:0}.hnt-1-cards-container{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:20px;width:100%;padding-bottom:24px;scrollbar-width:auto!important}.hnt-1-cards-container::-webkit-scrollbar{display:block!important;height:8px!important}.hnt-1-cards-container::-webkit-scrollbar-track{background:rgb(0 0 0 / .08)!important;border-radius:99px!important}.hnt-1-cards-container::-webkit-scrollbar-thumb{background-color:#888888!important;border-radius:99px!important}.hnt-1-cards-container::-webkit-scrollbar-thumb:hover{background-color:#555555!important}.hnt-1-card{position:relative;border-radius:var(--hnt-1-card-radius);aspect-ratio:9 / 16;background-color:var(--hnt-1-card-bg);overflow:hidden;cursor:pointer;border:1px solid var(--hnt-1-border-subtle);transition:transform 0.35s cubic-bezier(.2,.8,.2,1),box-shadow 0.35s ease,border-color 0.35s ease;user-select:none;-webkit-tap-highlight-color:#fff0;box-shadow:0 .5px 2.6px 0 #00000026;flex:0 0 calc(25% - 15px);max-width:320px;scroll-snap-align:start}.hnt-1-card:hover{border-color:rgb(255 255 255 / .2)}.hnt-1-media-box{position:absolute;inset:0;width:100%;height:100%}.hnt-1-media-box::after{content:"";position:absolute;inset:0;background-color:#0000004D;z-index:1;pointer-events:none;transition:opacity 0.4s ease}.hnt-1-card.hnt-1-is-playing .hnt-1-media-box::after{opacity:0}.hnt-1-card-img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;transition:opacity 0.4s ease,transform 0.6s ease;z-index:1}.hnt-1-card:hover .hnt-1-card-img{transform:scale(1.04)}.hnt-1-card-video{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;z-index:2;opacity:0;pointer-events:none;transition:opacity 0.4s ease}.hnt-1-card.hnt-1-is-playing .hnt-1-card-video{opacity:1;pointer-events:auto}.hnt-1-card.hnt-1-is-playing .hnt-1-card-img{opacity:0}.hnt-1-card-content{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 24px 20px;z-index:4;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#fff0 0%,rgb(3 10 22 / .5) 100%);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);pointer-events:none;border-bottom-left-radius:var(--hnt-1-card-radius);border-bottom-right-radius:var(--hnt-1-card-radius);transition:opacity 0.3s ease,visibility 0.3s ease}.hnt-1-card.hnt-1-is-playing .hnt-1-card-content{opacity:0;visibility:hidden;pointer-events:none}.hnt-1-info-left{position:relative;padding-left:14px;display:flex;flex-direction:column;gap:5px}.hnt-1-info-left::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2.5px;background:#fff;border-radius:2px;opacity:.9}.hnt-1-name-row{display:flex;align-items:center;gap:8px}.hnt-1-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.2px;text-shadow:0 2px 8px rgb(0 0 0 / .8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.hnt-1-play-btn{width:44px;height:44px;border-radius:50%;background:rgb(255 255 255 / .18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .3);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all 0.3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.hnt-1-play-btn svg{width:16px;height:16px;fill:#fff;margin-left:2px;transition:transform 0.2s ease}.hnt-1-card:hover .hnt-1-play-btn{background:#fff;transform:scale(1.1);box-shadow:0 0 20px rgb(255 255 255 / .4)}.hnt-1-card:hover .hnt-1-play-btn svg{fill:#000}.hnt-1-card.hnt-1-is-playing .hnt-1-play-btn{background:rgb(0 0 0 / .6);border-color:rgb(255 255 255 / .4)}.hnt-1-card.hnt-1-is-playing .hnt-1-play-btn svg{margin-left:0;fill:#fff}@media (max-width:1024px){.hnt-1-wrapper{padding:0}.hnt-1-cards-container{gap:14px}.hnt-1-card{flex:0 0 78vw;max-width:320px;scroll-snap-align:start;border-radius:20px}.hnt-1-card:hover{transform:none!important}.hnt-1-name{font-size:15px;max-width:140px}.hnt-1-play-btn{width:38px;height:38px}.hnt-1-play-btn svg{width:14px;height:14px}.hnt-1-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}}@media (max-width:640px){.hnt-1-cards-container{scrollbar-width:none!important}.hnt-1-cards-container::-webkit-scrollbar{display:none!important}}.hnt-1-dots{display:none}.hnt-1-dot{width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .2);transition:all 0.3s ease}.hnt-1-dot.hnt-1-dot-active{width:18px;border-radius:99px;background:#fff}.hnt-1-zoom-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgb(255 255 255 / .18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .3);display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;opacity:0;visibility:hidden;transform:scale(.8);transition:all 0.3s cubic-bezier(.175,.885,.32,1.275)}.hnt-1-zoom-btn svg{width:16px;height:16px;fill:#fff;transition:transform 0.2s ease}.hnt-1-card.hnt-1-is-playing .hnt-1-zoom-btn{opacity:1;visibility:visible;transform:scale(1)}.hnt-1-zoom-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 0 15px rgb(255 255 255 / .4)}.hnt-1-zoom-btn:hover svg{fill:#000}.hnt-1-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(.25,1,.5,1),visibility 0.4s}.hnt-1-modal.hnt-1-modal-open{opacity:1;visibility:visible}.hnt-1-modal-overlay{position:absolute;inset:0;background:rgb(10 12 16 / .88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1}.hnt-1-modal-container{position:relative;z-index:2;width:100%;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;transform:scale(.95);transition:transform 0.4s cubic-bezier(.25,1,.5,1)}.hnt-1-modal.hnt-1-modal-open .hnt-1-modal-container{transform:scale(1)}.hnt-1-modal-close{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all 0.3s ease;padding:0;outline:none}.hnt-1-modal-close svg{width:20px;height:20px;fill:#fff;transition:transform 0.3s ease}.hnt-1-modal-close:hover{background:#fff;border-color:#fff;transform:rotate(90deg)}.hnt-1-modal-close:hover svg{fill:#000}.hnt-1-modal-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hnt-1-modal-video{max-width:100%;max-height:85vh;border-radius:16px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .7);outline:none;background:#000;display:block}@media (max-width:640px){.hnt-1-modal-close{top:16px;right:16px;width:38px;height:38px}.hnt-1-modal-close svg{width:18px;height:18px}}