:root{--bg:#fffbea;--ink:#1c1a14;--mute:#6b6552;--y:#ffc400;--y2:#ffe680;--line:#efe2ae;--pad:16px;--gap:12px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-h:56px;--bottom-nav-h:62px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:500;line-height:1.5}body{padding-bottom:calc(var(--bottom-nav-h) + 24px);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:var(--ink);font-family:inherit;font-size:.95rem}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.container{max-width:1320px;padding:0 var(--pad);margin:0 auto}.header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:2px solid var(--y);background:#fffbeafa;width:100%;position:sticky;top:0}.header-container{width:100%;max-width:1320px;margin:0 auto;padding:0 max(12px,3vw)}.header-inner{width:100%;height:var(--header-h);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.logo{color:var(--ink);flex-shrink:0;align-items:center;gap:6px;font-size:1.15rem;font-weight:800;display:flex}.logo-badge{background-color:var(--y);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-text span.brand-hi{padding:0 2px;font-weight:800;display:inline-block;position:relative}.logo-text span.brand-hi:after{content:"";background-color:var(--y);z-index:-1;border-radius:2px;height:4px;position:absolute;bottom:2px;left:0;right:0}.header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.desktop-nav,.desktop-brand-tag{display:none}.desktop-search-form{flex:1;order:0;min-width:0;max-width:190px;margin-left:2px;margin-right:auto;position:relative;display:block!important}.desktop-search-form input{border-radius:var(--radius-pill);border:1.5px solid var(--line);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6552' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");background-position:11px;background-repeat:no-repeat;background-size:15px;outline:none;width:100%;height:34px;padding:0 12px 0 32px;font-size:.85rem}.desktop-search-form input:focus{border-color:var(--y)}.desktop-search-form .search-icon,.desktop-search-form svg,.desktop-search-form button,.mobile-search-btn,.mobile-search-drawer,.top-tabs{display:none!important}@media (width>=768px){.desktop-nav{align-items:center;gap:6px;display:flex}.desktop-search-form{max-width:320px;margin-left:12px;margin-right:0}.header-inner{gap:12px;height:64px}.logo{font-size:1.4rem}}.bottom-nav{height:var(--bottom-nav-h);border-top:2px solid var(--y);z-index:60;background:#fff;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=721px){.bottom-nav{display:none}}.bottom-nav-item{color:var(--mute);white-space:nowrap;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:3px;padding-top:8px;font-size:.78rem;font-weight:700;line-height:1.2;display:flex}.bottom-nav-item svg{stroke:currentColor;flex-shrink:0;width:22px;height:22px;display:block}.bottom-nav-item>:has(svg){justify-content:center;align-items:center;line-height:0;display:flex}.bottom-nav-item.active{color:var(--ink)}.sub-header{display:none!important}.hero-wrapper{width:100vw;max-width:100vw;margin:0 0 18px calc(50% - 50vw);position:relative;padding:0!important}.hero-slide{background:var(--bg);border:0;border-radius:0;width:100%;min-height:0;padding-top:calc(56.25% - 80px);display:block;position:relative;overflow:hidden}.hero-bg-blur{aspect-ratio:16/9;filter:none;z-index:0;background-position:50%;background-size:cover;width:100%;position:absolute;top:0;left:0;right:0;transform:none}.hero-slide:after{content:"";aspect-ratio:16/9;background:linear-gradient(to bottom, #fffbea00 0%, #fffbea00 30%, #fffbeacc 70%, var(--bg) 100%);z-index:1;position:absolute;top:0;left:0;right:0}.hero-content{z-index:2;width:100%;padding:0 var(--pad) 4px;color:var(--ink);flex-direction:column;display:flex;position:relative}.hero-poster-box{display:none}.hero-title{letter-spacing:-.4px;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:1.5rem;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.hero-meta,.hero-content>:first-child:not(.hero-title):not(.hero-desc){color:var(--ink);align-items:center;gap:8px;margin-bottom:6px;font-size:.92rem;font-weight:600;display:flex}.hero-desc{color:var(--mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.92rem;display:-webkit-box;overflow:hidden}.hero-actions{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.hero-play-btn{background-color:var(--y);color:var(--ink);white-space:nowrap;border-radius:var(--radius-pill);border:2px solid var(--y);align-items:center;gap:8px;padding:9px 22px;font-size:.95rem;font-weight:800;display:inline-flex}.hero-list-btn{color:var(--ink);white-space:nowrap;border-radius:var(--radius-pill);border:2px solid var(--ink);background-color:#0000;align-items:center;gap:8px;padding:9px 20px;font-size:.95rem;font-weight:800;display:inline-flex}.hero-dots{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hero-dot{background-color:#fff9;border:none;border-radius:50%;width:6px;height:6px}.hero-dot.active{background-color:var(--y);border-radius:9999px;width:28px;height:6px}@media (width>=721px){.hero-slide{padding-top:calc(32% - 80px)}.hero-bg-blur,.hero-slide:after{aspect-ratio:25/8}.hero-content{max-width:760px;padding:0 40px 8px}.hero-title{font-size:2.4rem}}.genre-chips-wrap{padding:0 var(--pad);margin:18px 0}.genre-chips{scrollbar-width:none;align-items:center;gap:10px;padding:4px 0;display:flex;overflow-x:auto}.genre-chips::-webkit-scrollbar{display:none}.genre-chip{border-radius:var(--radius-pill);border:2px solid var(--line);color:var(--ink);white-space:nowrap;background-color:#fff;flex-shrink:0;padding:9px 22px;font-size:1rem;font-weight:700}.genre-chip.active{background-color:var(--y);border-color:var(--y)}.shelf-section{margin-bottom:24px}.container .shelf-header,.container .genre-chips-wrap{padding-left:0;padding-right:0}.shelf-header{padding:0 var(--pad);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shelf-title{letter-spacing:-.5px;color:var(--ink);align-items:center;gap:8px;font-size:1.55rem;font-weight:800;display:flex}.shelf-title-bar{display:none}.rail-scroll-container{gap:var(--gap);scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px var(--pad) 14px;display:flex;overflow-x:auto}.container .rail-scroll-container{padding-left:0;padding-right:0}.rail-scroll-container::-webkit-scrollbar{display:none}.card-wrapper{flex:0 0 calc((100vw - 2 * var(--pad) - 2 * var(--gap)) / 3);width:calc((100vw - 2 * var(--pad) - 2 * var(--gap)) / 3);scroll-snap-align:start;min-width:0}@media (width>=721px){.card-wrapper{flex-basis:170px;width:170px}}:has(>.card-wrapper):not(.rail-scroll-container){gap:16px var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:has(>.card-wrapper):not(.rail-scroll-container)>.card-wrapper{flex:none;width:auto;min-width:0}@media (width>=721px){:has(>.card-wrapper):not(.rail-scroll-container){grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px 16px}}.card-poster-box{aspect-ratio:2/3;border-radius:var(--radius-lg);background-color:var(--y2);border:2px solid var(--y);width:100%;position:relative;overflow:hidden}.card-poster-img{object-fit:cover;width:100%;height:100%}.card-score-badge{background-color:var(--y);color:var(--ink);border-radius:var(--radius-pill);z-index:2;align-items:center;gap:3px;padding:2px 7px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:6px;left:6px}.card-bookmark-btn{width:26px;height:26px;color:var(--ink);z-index:2;background-color:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.card-episodes-badge{color:#fff;z-index:2;background-color:#1c1a14e0;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800;position:absolute;bottom:6px;left:6px}.card-info{margin-top:6px}.card-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.card-sub{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.74rem;overflow:hidden}.sub-header-tabs{scrollbar-width:none;padding:0 var(--pad);align-items:center;gap:8px;display:flex;overflow-x:auto}.category-tab{border-radius:var(--radius-pill);color:var(--mute);border:1px solid var(--line);white-space:nowrap;background-color:#fff;padding:6px 16px;font-size:.85rem;font-weight:700}.category-tab.active{background-color:var(--y);color:var(--ink);border-color:var(--ink)}.watch-page{padding-top:14px}.watch-page-container{max-width:1320px;padding:0 var(--pad);margin:0 auto}.watch-stage-box{aspect-ratio:16/9;border:3px solid var(--y);border-radius:var(--radius-lg);background-color:#000;width:100%;margin-bottom:14px;position:relative;overflow:hidden}.btn-pill{border-radius:var(--radius-pill);border:1.5px solid var(--line);color:var(--ink);background-color:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:700;display:inline-flex}.btn-pill-primary{background-color:var(--y);border-color:var(--y);color:var(--ink)}.msg{text-align:center;border:1.5px solid var(--line);border-radius:var(--radius-lg);margin:24px var(--pad);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.msg-icon{background-color:var(--y2);width:50px;height:50px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.msg-title{color:var(--ink);margin-bottom:6px;font-size:1.15rem;font-weight:800}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ede7cf 25%,#f6f0db 50%,#ede7cf 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}