/* ===== PAGE-SKIN (theme layout) extracted from Blakite template ===== */
/*!************************************************
* Name		: Blakite Anime Pro
* Version	: 4.8.5
* Website	: www.blakiteanime.in
**************************************************/
/* PROFESSIONAL GOLDEN THEME - TEXT FIXED */
:root {
--body: #131313;
--text: #959595;
--link: #fff;
--link-hover: #FCF6BA;
--primary: #BF953F;
--gray-light: #999;
--gray-dark: #1E1E1E;
--success: #4CC6EA;
--danger: #EA4C89;
--warning: #EAAA4C;
--size: .9375rem;
--v101: #101010;
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--light-gray: #eee;
--gray: #666;
--semi-white: #d5d5d5;
--medium-gray: #ababab;
--gray-dark: #343434;
--secondary: #1c1c1c;
--success: #28a745;
--dark-26: #262626;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f8f8;
--dark: #343434;
--fs-xl: clamp(10px,5vw,2rem);
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--gtc-raf: repeat(auto-fill, minmax(160px, 1fr));
--font-family-sans-serif: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
@media (min-width:1279px){:root{--gta-ms:"m s"}}
@media (max-width:1279px){:root{--gta-ms:"m""s"}}
@media (max-width:768px){:root{--gtc-raf:repeat(auto-fill,minmax(130px,1fr))}}
*,::before,::after{box-sizing:border-box}
svg{box-sizing:content-box}
html{scroll-behavior:smooth;height:100%;overflow:auto;font-family:sans-serif}
body,html{height:100%;position:relative}
body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:.94rem;font-weight:400;line-height:1.5;color:#aaa;text-align:left;background-color:#0e0e0e}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
input{accent-color:#BF953F}
@charset "UTF-8";
@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}
@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}
@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
ul ul{margin-bottom:0}
a{color:#a885da;text-decoration:none;background-color:transparent;transition:all .15s}
a:hover{color:#FCF6BA}
a:not([href]):not([class]){color:inherit;text-decoration:none}
a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
button{border-radius:0;border:none;background:transparent}
button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button{text-transform:none}
[role=button]{cursor:pointer}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
[hidden]{display:none!important}
.container,.container-md{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (max-width:576px){.container{padding-right:0;padding-left:0}}
@media (min-width:768px){.container,.container-md{max-width:720px}}
@media (min-width:992px){.container,.container-md{max-width:960px}}
@media (min-width:1200px){.container,.container-md{max-width:1140px}}
.form-text{display:block;margin-top:.25rem}
.form-inline{display:flex;flex-flow:row wrap;align-items:center}
.btn{display:inline-block;font-weight:400;color:#aaa;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem 2.625rem;font-size:.799rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.btn:hover{color:#aaa;text-decoration:none}
.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,248,248,.08)}
.btn:disabled{opacity:.65}
.btn:not(:disabled):not(.disabled){cursor:pointer}
.btn-primary{color:#fff;background-color:#BF953F;border-color:#BF953F}
@media (max-width:768px){#user .btn-primary{background-color:unset}}
.btn-primary:hover{color:#fff;background-color:#A67C34;border-color:#9A7230}
.btn-primary:focus{color:#fff;background-color:#A67C34;border-color:#9A7230;box-shadow:0 0 0 .2rem rgba(191,149,63,.5)}
.btn-primary:disabled{color:#fff;background-color:#BF953F;border-color:#BF953F}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#9A7230;border-color:#8E6A2D}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(191,149,63,.5)}
@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}
/* LUXURY GOLDEN MODAL & MENU - FULL RESPONSIVE FIXED */
.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;background:rgba(0,0,0,.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background-clip:padding-box;border:1.5px solid rgba(191,149,63,.4);border-radius:16px;outline:0;box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 0 1px rgba(191,149,63,.2)}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.75}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(191,149,63,.3);border-top-left-radius:16px;border-top-right-radius:16px;position:relative}.modal-header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(191,149,63,.5) 20%,rgba(252,246,186,.8) 50%,rgba(191,149,63,.5) 80%,transparent 100%);z-index:1}.modal-header .close{padding:0;margin:0;position:absolute;top:12px;right:12px}.modal-title{margin-bottom:0;line-height:1.5;background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.8em;flex:1}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem;color:rgba(255,255,255,.9)}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid rgba(191,149,63,.3);border-bottom-right-radius:16px;border-bottom-left-radius:16px}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-content{border-radius:16px;color:rgba(255,255,255,.9);font-size:.9em}.modal-content .modal-header{padding:1.2rem 1.5rem;border-bottom:1px solid rgba(191,149,63,.3)}.modal-content .modal-header .modal-title{font-size:1.8em;font-weight:800;margin:0;padding-right:50px}.modal-content .modal-header .close{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.15);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-content .modal-header .close:hover{border-color:rgba(191,149,63,.5);background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));box-shadow:0 0 20px rgba(191,149,63,.3)}.rep .show{display:block}.close{float:none;font-size:1.5rem;font-weight:700;line-height:1;color:rgba(255,255,255,.7);text-shadow:none;opacity:1;transition:all .3s ease}.close:hover{color:#FCF6BA;text-decoration:none;opacity:1}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:1}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.modal-content .modal-body .form-group{position:relative}.form-group{margin-bottom:1rem}#md-report .name{font-size:1.5em;font-weight:600;color:#FCF6BA}#md-report label{font-weight:600;color:rgba(255,255,255,.9)}#md-report .options label{font-weight:400;font-size:.95em}textarea{overflow:auto;resize:vertical}.modal-content .modal-body .form-group .input,.modal-content .modal-body .form-group textarea{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(191,149,63,.3);border-radius:10px;width:100%;padding:12px 16px;color:rgba(255,255,255,.9);transition:all .3s ease}.modal-content .modal-body .form-group .input:focus,.modal-content .modal-body .form-group textarea:focus{border-color:rgba(191,149,63,.6);box-shadow:0 0 20px rgba(191,149,63,.3);background:rgba(255,255,255,.12)}.modal-content .modal-body .form-group .input::placeholder,.modal-content .modal-body .form-group textarea::placeholder{color:rgba(255,255,255,.5)}.modal-content .modal-body .form-group textarea{height:100px}.modal-content .modal-body .form-group button{width:100%;padding:12px 20px;font-size:1.2em;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.15);border-radius:50px;color:rgba(255,255,255,.7);font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;overflow:hidden}.modal-content .modal-body .form-group button::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(191,149,63,.1),rgba(252,246,186,.05));border-radius:50px;opacity:0;transition:opacity .3s ease}.modal-content .modal-body .form-group button:hover{border-color:rgba(191,149,63,.5);color:#FCF6BA;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 20px rgba(191,149,63,.3)}.modal-content .modal-body .form-group button:hover::before{opacity:1}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.text-primary{color:#FCF6BA!important}a.text-primary:focus,a.text-primary:hover{color:#BF953F!important}.text-body{color:rgba(255,255,255,.9)!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}}.container{margin-left:auto;margin-right:auto}@media screen and (min-width:1366px){.container{max-width:1346px}}@media screen and (max-width:1365px){.container{width:1240px;max-width:1240px}}@media screen and (max-width:1279px){.container{width:990px;max-width:990px}}@media screen and (max-width:1023px){.container{width:98%;max-width:98%}}@media screen and (max-width:1365px){html{font-size:.94em}}*{outline:0}.container{position:relative}header{padding:1.33em 0}header .container>div{display:inline-block;vertical-align:middle}header #menu{margin-right:10px;position:relative;z-index:10}header #menu:focus .toggler,header #menu:focus-within .toggler,header #menu:hover .toggler{color:#FCF6BA}header #menu:focus .menu,header #menu:focus-within .menu,header #menu:hover .menu{display:block}header #menu:focus .menu:before,header #menu:focus-within .menu:before,header #menu:hover .menu:before{content:"";height:10px;top:-10px;width:100%;position:absolute}header #menu:focus .menu>ul,header #menu:focus-within .menu>ul,header #menu:hover .menu>ul{height:auto}header #menu .toggler{font-size:1.91em;transition:all .3s;cursor:pointer;padding:0 10px 0 3px;color:rgba(255,255,255,.9)}header #menu .menu{position:absolute;top:100%;margin-top:10px;display:none;background:0 0;min-width:280px;max-width:500px;width:auto}header #menu .menu>ul{position:relative;list-style:none;display:block;margin:0;padding:0;background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:12px;border:1.5px solid rgba(191,149,63,.4);box-shadow:0 20px 50px rgba(0,0,0,.7),0 0 0 1px rgba(191,149,63,.2);overflow:hidden;max-height:calc(100vh - 100px);overflow-y:auto}header #menu .menu>ul::-webkit-scrollbar{width:6px}header #menu .menu>ul::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}header #menu .menu>ul::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);border-radius:10px}header #menu .menu>ul>li:first-child>a{border-radius:12px 12px 0 0}header #menu .menu>ul>li:first-child:before{background:linear-gradient(90deg,transparent 0%,rgba(191,149,63,.5) 20%,rgba(252,246,186,.8) 50%,rgba(191,149,63,.5) 80%,transparent 100%);display:block;content:"";width:100%;height:2px;position:absolute;top:0;left:0;z-index:10}header #menu .menu>ul>li:last-child>a{border-radius:0 0 12px 12px}header #menu .menu>ul>li:last-child:after{background:linear-gradient(90deg,transparent 0%,rgba(191,149,63,.5) 20%,rgba(252,246,186,.8) 50%,rgba(191,149,63,.5) 80%,transparent 100%);display:block;content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;z-index:10}header #menu .menu>ul>li{position:relative}header #menu .menu>ul>li>a{line-height:42px;height:auto;min-height:42px;display:block;color:rgba(255,255,255,.7);padding:8px 20px;text-transform:uppercase;font-weight:600;background:transparent;cursor:pointer;font-size:.93em;transition:all .3s ease;letter-spacing:.5px;border-bottom:1px solid rgba(191,149,63,.15);position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}header #menu .menu>ul>li>a::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(191,149,63,.1),rgba(252,246,186,.05));opacity:0;transition:opacity .3s ease}header #menu .menu>ul>li:last-child>a{border-bottom:none}header #menu .menu>ul>li:focus-within>a,header #menu .menu>ul>li:focus>a,header #menu .menu>ul>li:hover>a{background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));color:#FCF6BA}header #menu .menu>ul>li:focus-within>a::before,header #menu .menu>ul>li:focus>a::before,header #menu .menu>ul>li:hover>a::before{opacity:1}header #menu .menu>ul>li:focus-within>ul,header #menu .menu>ul>li:focus>ul,header #menu .menu>ul>li:hover>ul{display:block;width:auto;min-width:220px;max-width:400px;font-size:1em}header #menu .menu>ul>li:focus-within>ul.c1,header #menu .menu>ul>li:focus>ul.c1,header #menu .menu>ul>li:hover>ul.c1{column-count:1;min-width:180px}header #menu .menu>ul>li:focus-within>ul.c2,header #menu .menu>ul>li:focus>ul.c2,header #menu .menu>ul>li:hover>ul.c2{column-count:2;min-width:360px;max-width:500px}header #menu .menu>ul>li:focus-within>ul.c3,header #menu .menu>ul>li:focus>ul.c3,header #menu .menu>ul>li:hover>ul.c3{column-count:3;min-width:540px;max-width:650px}header #menu .menu>ul>li:focus-within>ul.c4,header #menu .menu>ul>li:focus>ul.c4,header #menu .menu>ul>li:hover>ul.c4{column-count:4;min-width:720px;max-width:800px}header #menu .menu>ul>li>ul{display:none;position:absolute;top:0;left:100%;list-style:none;margin:0;padding:10px 0;background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;border:1.5px solid rgba(191,149,63,.3);box-shadow:6px 8px 15px rgba(0,0,0,.5);margin-left:5px;max-height:calc(100vh - 100px);overflow-y:auto}header #menu .menu>ul>li>ul::-webkit-scrollbar{width:5px}header #menu .menu>ul>li>ul::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}header #menu .menu>ul>li>ul::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);border-radius:10px}header #menu .menu>ul>li>ul>li{break-inside:avoid;page-break-inside:avoid}header #menu .menu>ul>li>ul>li>a{color:rgba(255,255,255,.7);font-size:.88em;line-height:1.4;min-height:32px;display:block;padding:6px 18px;transition:all .3s ease;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}header #menu .menu>ul>li>ul>li>a:hover{color:#FCF6BA;background:rgba(191,149,63,.15)}header #logo{margin-right:10px;height:3.3rem;overflow:hidden}header #logo a{color:#fff;transition:color .3s ease}header #logo a:hover{color:#FCF6BA}.header-image-wrapper img{transition:.3s;max-height:50px}header #logo h1{display:block;width:100%;height:100%;margin:0;padding:0}header #logo a{display:block;width:100%;height:100%;position:relative}header #search-toggler{display:none}header #search{width:23.9rem}header #search form{position:relative;width:100%}header #search form input{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:3.32rem;border-radius:50px;width:100%;padding:0 3.32rem 0 1.66rem;border:1.5px solid rgba(191,149,63,.3);transition:all .3s ease;color:rgba(255,255,255,.9)}header #search form input::placeholder{color:rgba(255,255,255,.5)}header #search form input:focus,header #search form input:hover{color:rgba(255,255,255,.95);background:rgba(255,255,255,.12);border-color:rgba(191,149,63,.6);box-shadow:0 0 20px rgba(191,149,63,.3)}header #search form button{position:absolute;width:3.652rem;height:3.32rem;font-size:1.22rem;text-align:center;background:0 0;border:none;color:rgba(255,255,255,.7);right:0;top:0;transition:all .3s ease}.search-action svg{height:50px}header #search form button:hover{color:#FCF6BA}header #user .guest .btn{height:3.32rem;line-height:3.32rem;padding:0;border-radius:50px;font-weight:600;font-size:1.06em;min-width:130px;text-align:center;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}header #user .guest .btn:hover{border-color:rgba(191,149,63,.5);color:#FCF6BA;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));box-shadow:0 0 20px rgba(191,149,63,.3)}#user{margin-inline-start:auto}header #user .user{height:3.32rem;line-height:3.32rem;padding:0 20px;border-radius:50px;font-weight:600;font-size:1.06rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);transition:all .3s ease}header #user .user:hover{border-color:rgba(191,149,63,.5);color:#FCF6BA;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1))}header #user .user svg{width:24px;height:24px}header .socials{margin-left:10px;position:relative}header .socials>div{display:inline-block;vertical-align:middle}header .socials>a{font-size:3rem;display:inline-block;vertical-align:middle;line-height:1em;color:rgba(255,255,255,.7);margin-inline-end:10px;transition:color .3s ease}header .socials>a:hover{color:#FCF6BA}@media screen and (max-width:1279px){header #search{width:320px}}@media screen and (max-width:992px){header .socials svg{width:25px;height:25px}.header-image-wrapper img{max-height:30px}header #logo{display:flex;align-items:center}}@media screen and (max-width:768px){header #user{display:flex}header #user .guest .btn{padding:0;width:35px;height:35px;line-height:35px;border-radius:50%;max-width:auto;min-width:auto}header #user .guest .btn:after{font-family:"Font Awesome 5 Free";content:"i";font-weight:900}header #user .guest .btn span{font-size:0}header #user .user{min-width:auto;width:35px;height:35px;text-overflow:unset;line-height:35px;padding:0}header #user .user span{font-size:0;display:none}header #user .user:after{font-family:"Font Awesome 5 Free";content:"";font-weight:900}}@media screen and (max-width:576px){header #search-toggler{font-size:1.7em;display:inline-block;margin-right:10px;margin-top:3px}header #search{position:absolute;left:0;top:100%;z-index:10;width:100%;display:none;margin-top:10px}header #search form{margin:0 15px;width:auto}header #search form input{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}header #search form input::placeholder{color:rgba(255,255,255,.5)}header #search form input:focus,header #search form input:hover{background:rgba(255,255,255,.12);color:rgba(255,255,255,.95)}header #search form button{color:rgba(255,255,255,.7)!important}header #menu{position:static}header #menu .menu{left:15px;right:15px;top:100%;z-index:10;min-width:auto;max-width:none;width:auto}header #menu .menu>ul{width:100%;border-radius:12px;overflow:hidden;max-height:70vh}header #menu .menu>ul>li:after,header #menu .menu>ul>li:before{display:none!important}header #menu .menu>ul>li>a{line-height:45px;min-height:45px;height:auto;border-bottom:1px solid rgba(191,149,63,.2);font-size:.95em}header #menu .menu>ul>li>ul{position:static;left:0;width:auto;font-size:1em;display:none;width:100%!important;padding:5px 0;margin-left:0;border-radius:0;border:none;box-shadow:none;background:rgba(0,0,0,.2);column-count:1!important;min-width:auto!important;max-width:none!important;max-height:none}header #menu .menu>ul>li>ul>li a{overflow:hidden;text-overflow:ellipsis;padding:8px 15px;font-size:.9em}}.search .suggestions{position:absolute;top:100%;width:100%;margin-top:5px;z-index:10;background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1.5px solid rgba(191,149,63,.3);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);display:none}.search .suggestions a{display:block;width:100%;padding:12px;color:rgba(255,255,255,.9);transition:all .3s ease}.search .suggestions a:after{display:block;clear:both;content:""}.search .suggestions a:nth-child(2n){background:rgba(255,255,255,.05)}.search .suggestions a:hover{background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));color:#FCF6BA}#body{min-height:100%;padding-bottom:25.6rem;margin-top:-5.6rem;padding-top:5.6rem}#body:after{display:block;clear:both;content:""}input[type=checkbox]:not(.simple,.hidden){position:relative;-webkit-appearance:none;width:30.2px;height:18px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(191,149,63,.3);border-radius:22px;transition:.3s;vertical-align:-25%;display:inline-block;cursor:pointer;outline:0}input[type=checkbox]:not(.simple,.hidden):after{content:"";position:absolute;background:#fff;width:11px;top:2px;left:2px;bottom:2px;border-radius:50%;transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.3)}input[type=checkbox]:not(.simple):checked{background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);border-color:rgba(191,149,63,.6)}input[type=checkbox]:not(.simple):checked:after{left:16.2px;transition:.3s}input[type=checkbox]:not(.simple).nocolor:checked{background:linear-gradient(135deg,rgba(191,149,63,.8),rgba(252,246,186,.6))}input[type=checkbox]:not(.simple).sm{width:24px;height:15px;vertical-align:-3px}input[type=checkbox]:not(.simple).sm:after{width:11px;top:1px;left:1px;bottom:1px}input[type=checkbox]:not(.simple).sm:checked:after{left:11px}input[type=radio]:not(.simple){-webkit-appearance:none;outline:0;margin-right:24px!important;border:0}input[type=radio]:not(.simple):after{width:19px;height:19px;border-radius:50%;position:absolute;top:0;content:"";background:rgba(255,255,255,.1);border:1.5px solid rgba(191,149,63,.3);transition:.3s}input[type=radio]:not(.simple):checked:before{content:"";background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);position:absolute;border-radius:50%;z-index:1;top:3px;left:3px;width:13px;height:13px}@keyframes kfloading{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}#md-request .suggestions{background:0 0;position:static;box-shadow:none}#md-request .suggestions a{background:0 0;padding:0}.dark{background-color:#000;color:#fff}.sun{transition:all 350ms cubic-bezier(.215,.61,.355,1);cursor:pointer}.sun:hover{transform:rotate(-40deg)}.Blog input[id*="check1"]:checked ~ .post-outer-container{font-size:14px}.Blog input[id*="check3"]:checked ~ .post-outer-container{font-size:18px}.fn{fill:none}.cp{cursor:pointer}a:hover{color:#FCF6BA}
/* Layout */
.grid,.sv .gtc-3fr,#main {display: grid}
.flex,#PageList1,#header {display: flex}
.i-flex {display: inline-flex;}
.block,header #search.block {display: block}
.float-r,.more {float: right}
.none, .separator,.not\[Ep\] :not([data*="Ep"],[data*="Raw"],[data*="Preview"]),.stream #synopsis,.tabcontent {display: none}
.oh,.r-snippetized,#main .widget {overflow: hidden}
.ofc img {object-fit: cover}
.wsn {white-space: nowrap}
.opc img {object-position: center}
.i-block,#main h3.title {display: inline-block}
.z-1 {z-index: 1}
.z-10 {z-index: 10}
.z-20 {z-index: 20}
/* Box Alignment */
.aic,#PageList1,#header {align-items: center}
.ace {align-content: end}
.jcsb {justify-content: space-between}
/* Spacing */
.m-0 {margin: 0}
.m-calc1v {margin: 0 0 calc(1 * var(--size))}
#description .widget-content {margin: 0 0 calc(2 * var(--size));}
.m-025 {margin: .25rem .5rem .25rem 0}
.mx-auto,#Custompost .widget :is(.title, .widget-content) {margin: 0 auto}
.mr-2rem {margin-right: 2rem}
.mr-09 {margin-right: 22px}
.mr-15r,.snippet-container {margin-right: 15.96rem}
.mr-10, .widget .title svg {margin-right: 10px;}
.my-025 {margin-top: .25rem; margin-bottom: .25rem}
#description h3,#Custompost .title {margin-top: 0}
.mr-05,.s-media svg {margin-right: .5rem}
.mb-05,#description h3,#Custompost .title {margin-bottom: .5rem}
.mb-10,#main h3.title {margin-bottom: 10px;}
.mb-1 {margin-bottom: var(--size)}
.mb-25 {margin-bottom: 15px;}
#sidebar .widget,:is(#main, #slide) .widget:last-child {margin-bottom: 1.3rem;}
.mt-8 {margin-top: 8px}
.p-y2x6b0 {padding: 2px 6px 0}
.p-y3x8,.more {padding: 3px 8px}
.p-y10 {padding-top: 10px;padding-bottom: 10px}
.p-1 {padding: 1rem}
.p-0,.list-label-widget-content ul {padding: 0}
.py-05,#Custompost .title {padding: .5rem 0}
.py-015,.list-label-widget-content li {padding: .15rem 0}
.py-09 {padding-top: .9rem;padding-bottom: .9rem}
.p-19 {padding: 19px}
#sidebar .widget:not(.PopularPosts) .title {padding: 15px 15px 0 15px;}
.pv #sidebar .widget .title {padding: 15px 15px 0 15px;}
#description {padding-top: calc(2 * var(--size));padding-bottom: calc(2 * var(--size));}
.py-075 {padding: 0 .75rem}
.py-4 {padding-top: 4px; padding-bottom: 4px}
.px-calc105,#Custompost .HTML {padding-right: calc(1.5 * var(--size));padding-left: calc(1.5 * var(--size))}
.px-10 {padding-right: 10px;padding-left: 10px}
.px-05r {padding: 0 .5rem}
#prevjs a, #nextjs a {padding: 1rem .8rem}
#indexjs a {padding: 1rem 1.5rem}
.pr-5-svg svg {padding-right: 5px}
.p-calc05 {padding: calc(.5 * var(--size)) var(--size)}
.p-06 {padding: .6rem}
.p-15,#HTML1,#sidebar .widget-content {padding: 15px}
.pb-1 {padding-bottom: 1rem}
#Custompost .widget-content {padding-bottom: 1.5rem}
.pt-150p {padding-top: 150%}
.pt-32p {padding-top: 32%}
.list-label-widget-content .label-count {margin-left: auto}
.s-media li {padding-right: var(--size)}
#description {columns: 2}
/* Grid */
.gtc-1fra {grid-template-columns: 1fr auto}
.gtc-raf {grid-template-columns: var(--gtc-raf);}
.gtc-c52 {grid-template-columns: minmax(53px,20%) 1fr; gap: 15px;}
.h-y {grid-template-columns: repeat(auto-fill,minmax(220px,1fr))}
.gtc-cp {grid-template-columns: repeat(auto-fill,minmax(200px,1fr));}
.gtc-r2a {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))}
.g-var {gap: 15px}
.g-16,#main {gap: 16px}
.g-10 {gap: 10px}
.g-8 {gap: 8px}
.g-3,.meta span {gap: 3px}
.a-h {grid-area: header}
.a-t {grid-area: thumb}
.a-c {grid-area: content}
.a-r {grid-area: rating}
.a-f {grid-area: footer}
.a-n {grid-area: nav}
.a-u {grid-area: ul}
.a-p {grid-area: p}
.area {grid-template-columns: 210px 3fr 120px;grid-template-rows: auto 1fr auto;
grid-template-areas: "thumb header rating""thumb content content""thumb footer footer";
gap:var(--size)}
.area-hx {grid-template-areas: "nav nav""header ul"}
.area-nhpb {grid-template-areas: "nav nav""header header""p ul"}
@media screen and (min-width:1023px){.pv .gtc-1f300 {gap: 30px;grid-template-columns: 1fr 300px}}
.sv .gtc-3fr {grid-template-columns: 300px 1fr;gap: 30px}
/* Color HEX */
.s-485 {stroke: #48525c;}
.bc-131 {background-color: var(--body)}
.bc-1e1, .pager-js a,.more {background-color: var(--gray-dark)}
.bc-2c2 {background-color: var(--dark)}
.bc-222,#Custompost .widget:nth-child(2n) {background-color: #222}
.bc-1c1,#sidebar .widget,#HTML1 {background-color: var(--secondary)}
.bg-ea4 {background-color: var(--pink)}
.bg-00a {background-color: #00a247}
.bg-primary {background-color: var(--primary);}
.bg-secondary {background-color: var(--secondary);}
#Custompost {background: var(--v101)}
.bc-var,.hover\:bc-var:hover,.pager-js a:hover {background-color: #4c89ea}
.var-nav {background-color: #131313}
.c-959 {color: var(--text)}
.c-d5d,.more {color: var(--semi-white)}
.c-fff,.hover\:c-fff:hover,.pager-js a,.s-media li:hover span,#description h3,#main .title {color: var(--link)}
.c-eee,.c-eee-a a,.c\:hover-eee:hover a,#sidebar .title{color: var(--light-gray)}
.c-f8f,.more:hover {color: var(--light)}
.c-666 {color: var(--gray)}
.c-aba {color: var(--medium-gray)}
.svg-fill {fill: #4c89ea}
.c-primary-svg svg {color: #4c89ea}
.list-label-widget-content svg {fill: var(--text)}
.svg-fill:hover svg {fill: var(--link)}
.linear {background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%)}
.s-media svg {fill: #4c89ea}
/* Effects */
.blend-multiply {background-blend-mode: multiply}
.filter-g {filter: grayscale(1) opacity(.1)}
/* Top / Right / Bottom / Left */
.b-n30 {bottom: 30px}
.b-05 {bottom: .5rem}
.b-0 {bottom: 0}
.r-40 {right: 40px}
.r-05 {right: .5rem}
.t-0 {top: 0}
.l-0 {left: 0}
.r-0 {right: 0}
.ar-115 {aspect-ratio: 1/1.5;}
.gtc-cp .name {bottom: 0;right: 0;left: 0;background: rgba(31,38,49,.9);padding: 2px 5px;font-size: 13px;min-height: 50px;}
/* Position */
.fix {position: fixed}
.relative,.PopularPosts {position: relative}
.absolute {position: absolute}
.top\:before::before {content: '';position: absolute;left: 50%;margin-left: -50vw;top: 0;width: 100vw;background-color: var(--gray);height: 100%}
/* Typography */
.text-1rem,.pager-js a,.s-media li {font-size: 1rem}
.text-2 {font-size: 2rem}
#description h3,#main h3.title {font-size: 1.25rem}
.text-1d5 {font-size: 1.5rem}
.text-t {font: normal 700 40px 'Noto Sans HK', sans-serif;color: #959595}
.fs-13,.r-snippetize {font-size: 13px}
.fs-sm,.more {font-size: .85em}
.fs-20, #sidebar .title {font-size: 20px}
.fs-xl {font-size: var(--fs-xl);}
.fs-md {font-size: 15px;}
.text-075 {font-size: .75rem}
.break-word {word-wrap: break-word}
.lsn,.list-label-widget-content ul {list-style-type: none}
.fw-700,#description h3 {font-weight: 700}
.fw-600 {font-weight: 600}
.fw-500,#sidebar .title {font-weight: 500}
.fw-400 {font-weight: 400}
.tdn,.pager-js a {text-decoration: none}
.tac {text-align: center}
.lhn {line-height: normal}
.lh-2,.list-label-widget-content li {line-height: 2rem}
.lh-0 {line-height: 0}
.lh-1d4 {line-height: 1.4rem}
.lh-1d5 {line-height: 1.5}
#description h3 {line-height: 1.2}
/* Font Style */
.ttu {text-transform: uppercase}
/* Sizing */
.h-max {height: 100%}
.h-auto {height: auto}
.ar-2sx {aspect-ratio: 2/2.6;border-radius: 5px;}
.ar-3\:4 {aspect-ratio: 3/4;}
.max-w,#Custompost .widget :is(.title, .widget-content) {max-width: 1465px}
.h-x img{height: 140px}
.h-43,.profile-img {height: 43px}
.h-264 {height: 264px}
.h-1d3 {height: 1.3rem}
.h-393 {height: 393px}
.w-1d3 {width: 1.3rem}
.w-43,.profile-img {width: 43px}
.w-max {width: 100%}
.w-max690 {max-width: 690px}
.s-media svg {width: 30px; height: 30px}
.clamp,.r-snippetized {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.js-load.load-more svg {width: 22px;height: 22px;}
.meta svg {width: 20px;height: 20px;}
/* Borders */
.rounded,.profile-img,.pager-js a {border-radius: 9999px}
.r-025,.more {border-radius: .25rem}
.r3 {border-radius: 3px}
.tlr5 {border-top-left-radius: calc(5px - 1px)}
.trr8 {border-top-right-radius: 8px;}
.tlr8 {border-top-left-radius: 8px;}
.blr5 {border-bottom-left-radius: calc(5px - 1px);}
.brr8 {border-bottom-right-radius: 8px;}
.brr5, .dir > span:last-child {border-bottom-right-radius: calc(5px - 1px);}
.r-03 {border-radius: .3rem}
.r2 {border-radius: 2px}
.r4, #sidebar .widget,#main .widget {border-radius: 4px}
.bw-0 {border-width: 0px}
/* Effects */
.o-1,.hover\:o-1:hover {opacity: 1}
.o-7 {opacity: 0.7}
.s-media li:hover svg {scale: 1.2}
/* Transitions and Animation */
.all-015s,.more {transition: all .15s;}
.all-02s {transition: all .2s ease-in-out}
.all-03s {transition: .3s ease-in-out}
/* Flexbox */
.fg-1 {flex-grow: 1}
.fww {flex-wrap: wrap}
.fdr {flex-direction: row}
.ac-fe {align-content: flex-end}
.f-b100 {flex: 0 0 100%}
/* Backgrounds */
.bsc {background-size: cover}
.bpc {background-position: center}
.brnr {background-repeat: no-repeat;}
/* Transforms */
.scale\(1\.2\) img:hover {transform: scale(1.2)}
.plus {transform: rotate(45deg);vertical-align: middle}
.f-img\:hover:hover {filter: blur(12px) saturate(2)}
/* Interactivity */
.pen {pointer-events: none}
/* Label */
.cloud-label-widget-content a,.list-label-widget-content a,.flat a{padding:0 10px;min-width:40px;line-height:30px;border-radius:6px;background:#2f2f2f;color:#ddd;font-weight:400;}
.cloud-label-widget-content a{text-align:center;display:inline-block}
.list-label-widget-content a,.flat a{display: flex;justify-content: space-between;}
.cloud-label-widget-content{display:flex;flex-wrap:wrap;gap:5px}
.list-label-widget-content ul,.flat {column-count: 4;column-width: 100px;}
/* Archive */
.hierarchy,.flat{padding:0;list-style:none;}
.hierarchy li{border-left:1px solid var(--gray-dark);padding-left:15px;position:relative;line-height:24px;}
.hierarchy li::before{content:"";position:absolute;background-color:var(--gray-dark);width:15px;height:1px;top:12px;left:0;}
.flat li { margin-bottom: 5px;}
.post-count{font-size:80%;padding:0 .35em;border-radius:8px;border:1px solid var(--dark);}
/* Logo */
.parlgrm{width:50px;height:40px;transform:skew(-15deg);background:#4c89ea;display:inline-flex;border-radius:4px;align-items:center;justify-content:center;color:white;margin-left:10px;font:normal 700 30px 'Noto Sans HK', sans-serif;font-weight:bolder;}
footer .parlgrm{background:#8c8c8c;}
body.homepage-view .hero-image.has-image{background:#999 none repeat scroll top left;background-attachment:fixed;background-repeat:no-repeat;background-size:contain;background-blend-mode:overlay;}
/* Tabs */
.tabs .tablinks{color:#525252;cursor:pointer;padding:2px 5px;border-radius:.25rem;font-weight:500;font-size:.98em;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;}
.tabs .tablinks.active{color:var(--light-gray);}
/* More */
.tags .more{float: none}
/* Play */
.hentry:hover .play{transform:scale(2) translate(50%,50%);bottom:calc(50% + .5rem);right:calc(50% + .5rem);background-color:rgba(255,255,255,.2);box-shadow:0 0 0 2px rgba(255,255,255,.2);}
.hentry:hover .h-header{transition:.3s ease-in-out;transform:scale(2) translate(-50%,50%);}
/* Slider */
figure.widget-content{align-content:center;display:grid;grid-template-columns:repeat(10,100%);grid-gap:1em;grid-template-rows:393px;}
figure.widget-content{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;}
figure.widget-content::-webkit-scrollbar{display:none;}
figure.widget-content .slider{scroll-snap-align:center;}
.bg::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to right,#000 0%,rgba(0,0,0,0) 100%);z-index:1;}
.bg-photo-container{overflow:hidden;}
/* CSS Pulse Effect */
.blob{background:black;border-radius:50%;box-shadow:0 0 0 0 rgba(0,0,0,1);margin:5px 10px;height:14px;width:14px;transform:scale(1);animation:pulse-black 2s infinite;}
@keyframes pulse-black{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(0,0,0,0);}}
.blob.white{background:white;box-shadow:0 0 0 0 rgba(255,255,255,1);animation:pulse-white 2s infinite;}
@keyframes pulse-white{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,255,255,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,255,255,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,255,255,0);}}
.blob.red{background:rgba(255,82,82,1);box-shadow:0 0 0 0 rgba(255,82,82,1);animation:pulse-red 2s infinite;}
@keyframes pulse-red{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,82,82,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,82,82,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,82,82,0);}}
.blob.orange{background:rgba(255,121,63,1);box-shadow:0 0 0 0 rgba(255,121,63,1);animation:pulse-orange 2s infinite;}
@keyframes pulse-orange{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,121,63,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,121,63,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,121,63,0);}}
.blob.yellow{background:rgba(255,177,66,1);box-shadow:0 0 0 0 rgba(255,177,66,1);animation:pulse-yellow 2s infinite;}
@keyframes pulse-yellow{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,177,66,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,177,66,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,177,66,0);}}
.blob.blue{background:rgba(52,172,224,1);box-shadow:0 0 0 0 rgba(52,172,224,1);animation:pulse-blue 2s infinite;}
@keyframes pulse-blue{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(52,172,224,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(52,172,224,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(52,172,224,0);}}
.blob.green{background:#4c89ea;box-shadow:0 0 0 0 #4c89eac4;animation:pulse-green 2s infinite;border:2px solid white;}
@keyframes pulse-green{0%{transform:scale(0.95);box-shadow:0 0 0 0 #4c89eaED;}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(51,217,178,0);}}
.blob.purple{background:rgba(142,68,173,1);box-shadow:0 0 0 0 rgba(142,68,173,1);animation:pulse-purple 2s infinite;}
@keyframes pulse-purple{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(142,68,173,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(142,68,173,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(142,68,173,0);}}
.h-title{font-size:.75rem;}
.h-header{left:0;top:0;pointer-events:none;display:grid;color:var(--light);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);-webkit-box-orient:horizontal;-webkit-box-direction:normal;padding:.5em;border-radius:.25rem;place-items:self-start;align-content:end;line-height:normal;}
.num-episode{margin-left:-.5rem;background-color:var(--light);color:var(--dark);font-size:.65rem;display:inline-block;padding:0 .5rem;line-height:1rem;border-radius:0 .5rem .5rem 0;}
.h-title{font-size:.75rem;font-weight:800;}
.h-header time{font-size:.65rem;}
.sup{padding:3px 5px;vertical-align:top;}
.iv .published{font-size:1rem;padding-left:1rem;border-left:3px solid #4c89ea;line-height:1.5rem;margin-bottom:1rem;display:block;color:white;}
[dir="rtl"] .published{border-right:3px solid #4c89ea;border-left:none;}
.iv .published::before{content:attr(title);display:block;color:#4c89ea;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;line-height:1rem;}
/* Progress */
.progress{margin-bottom:1rem;position:relative;}
.progress::before{content:'';position:absolute;left:0;top:0;width:100%;opacity:.5;}
.progress::before,.progress span{display:block;height:.35rem;border-radius:.35rem;background-color:#4c89ea;}
.fv .score{background:var(--secondary);}
.fv #main .score{right:1%;width:22%;position:absolute;}
.score{padding:10px;border-radius:8px;}
/* Progress */
#rule .heading {text-align: center;font-weight: 600;font-size: 1.5em;}
/* Alpha List */
.alpha-list{display:flex;padding:0 1.25rem;overflow:auto;white-space:nowrap;text-align:center;background-color:var(--gray);border-radius:2rem;}
.alpha-list li{-webkit-box-flex:1;-ms-flex:1 0 0;flex:1 0 0;display:inline-block;vertical-align:top;min-width:2.5rem;font-size:1rem;}
.alpha-list li a{display:block;line-height:3rem;opacity:.5;color:var(--link);text-decoration:none;}
.alpha-list li:hover a{opacity:1;background-color:rgba(0,0,0,.2);}
/* MDL */
.mdl,.mdl-ovr{position:fixed;left:0;top:0;width:100%;height:100%;z-index:11;padding:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
#mdl-download .mdl-cn{max-width:35rem;}
.mdl.on .mdl-cn{display:block;}
.mdl-cn{background-color:var(--body);border-radius:.5rem;max-width:25rem;width:100%;-webkit-box-shadow:0 0 4rem rgba(0,0,0,.5);box-shadow:0 0 4rem rgba(0,0,0,.5);}
.anm-b{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
[class*="anm-"]{-webkit-animation-duration:.3s!important;animation-duration:.3s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.mdl-hd{position:relative;border-bottom:1px solid var(--gray);}
.mdl-hd,.mdl-bd,.mdl-ft{padding:var(--size);}
.mdl-hd .mdl-title{margin-bottom:0;font-size:1.5rem;line-height:2rem;padding:.5rem 0;color:var(--link);font-weight:300;text-align:center;}
.btn.mdl-close{position:absolute;right:-1rem;top:-1rem;background-color:var(--primary);color:var(--light)!important;min-width:3rem;z-index:1;border-radius:3rem;padding:0;height:3rem;}
.download-links table{margin-bottom:0;text-align:center;}
.download-links td:first-child{white-space:nowrap;}
.download-links td:first-child,.download-links th:first-child{text-align:left;}
.download-links td,.download-links th{padding:.5rem;}
.download-links .btn{font-size:.75rem;font-weight:700;padding:0 1.5rem;}
table{width:100%;}
.mdl,.mdl .mdl-cn,.mdl .mdl-ovr{display:none;}
.mdl.on,.mdl.on .mdl-ovr{display:flex;}
.btn,.pager-js a{transition:all .2s ease-in-out;}
.mdl-ovr{background-color:var(--dark);z-index:-1;opacity:.9;}
.download-links .num{color:var(--primary);font-weight:700;}
.btn.mdl-close:hover{box-shadow:0 0 2rem var(--primary);transform:scale(1.1);background-color:var(--primary);}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
/* Pseudo Icon */
.icon-download::before{content:'';background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z' /%3E%3C/svg%3E");display:inline-block;width:23px;height:23px;vertical-align:middle;margin-right:5px;}
.icon-arrow-left::before{content:'';background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z' /%3E%3C/svg%3E");display:inline-block;width:23px;height:23px;vertical-align:middle;}
.icon-arrow-right::before{content:'';background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' /%3E%3C/svg%3E");display:inline-block;width:23px;height:23px;vertical-align:middle;}
.icon-list::before{content:'';background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z' /%3E%3C/svg%3E");display:inline-block;width:20px;height:23px;vertical-align:middle;}
.poster::after{content:'';display:block;position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.65);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;inset:0;border-radius:calc(5px - 2px);}
.poster::before{position:absolute;content:'';left:50%;z-index:2;overflow:hidden;width:0;height:0;margin-left:0;bottom:50%;margin-bottom:0;transition:all .15s;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2260%22%20height%3D%2260%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064zm0%20820c-205.4%200-372-166.6-372-372s166.6-372%20372-372s372%20166.6%20372%20372s-166.6%20372-372%20372z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M719.4%20499.1l-296.1-215A15.9%2015.9%200%200%200%20398%20297v430c0%2013.1%2014.8%2020.5%2025.3%2012.9l296.1-215a15.9%2015.9%200%200%200%200-25.8zm-257.6%20134V390.9L628.5%20512L461.8%20633.1z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');}
.play:hover .poster::after{opacity:1;}
.play:hover .poster::before{font-size:26px;line-height:57.2px;width:60px;height:60px;margin-left:-32.5px;margin-bottom:-32.5px;border-width:5px;bottom:50%;padding-left:5.2px;}
.taglist{position:absolute;top:0;font-size:.85em;color:#eee;right:0;text-transform:uppercase;}
.taglist > span{padding:2px 14px 0 6px;float:left;border-bottom-left-radius:8px;position:relative;}
.taglist span:last-child{margin-left:-8px;}
.taglist > span:last-child{padding-right:6px;}
.tv,.TV{background:#2800ff !important}
.id{background:#2800ff}
.en{background:#00cccc}
.jp{background:#6c00ff}
.ova,.OVA{background:#ff00d9 !important}
.movie,.Movie{background:#a24700 !important}
.ona,.ONA{background:#F57C00 !important}
.special,.Special{background:#5558d4 !important}
.tag.ep{left:0;background:#5a2e98;border-bottom-right-radius:8px;}
.tag{top:0;font-size:.85em;padding:2px 6px 0;color:#eee;}
.DagTo{margin-bottom:25px;width:100%;background:var(--gray-dark);border-radius:2px;padding-bottom:0}.DagPlaArea{width:100%;transition:width .2s;position:relative;padding:0;overflow:hidden;line-height:20px;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;}#server{overflow:hidden;}#server ul{list-style-type:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}#server ul li{display:inline-block;}#server .DagPlayOpt{width:auto;padding:5px 10px;text-align:center;min-width: 38px;font-weight:400;cursor:pointer;font-size:14px;background: #303030;border-radius: 3px;margin: 0 5px 10px;}#server .DagPlayOpt.on{color:#fff;background:var(--primary);}.video-content{background:#000;overflow:hidden}#embed_holder,#pembed,.video-content{position:relative}#pembed{max-width:100%;height:0;padding-bottom:56.25%}.playerload{width:80px;height:80px;border-radius:150px;border:15px solid #fff;border-top-color:rgba(0,0,0,.3);box-sizing:border-box;position:absolute;top:50%;left:50%;margin-top:-38px;margin-left:-38px;animation:playerload 1.2s linear infinite;-webkit-animation:playerload 1.2s linear infinite}@keyframes playerload{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes playerload{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}#embed_holder embed,#embed_holder iframe{z-index:1;position:absolute;border:none;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.video-nav{display: flex;justify-content: space-between;background: var(--secondary);position:relative;overflow:hidden;font-size:.85em;color:#888;height:38px;line-height:38px;}.itemleft{overflow:hidden;font-weight:300;}.itemleft .icon,.itemright .icon{display:inline-flex;align-items:center;gap:2px;padding:0 8px;cursor:pointer}.itemleft .icon.turnedOff{color:#fff;z-index:999999;position:relative;}.video-nav .icon svg,span.light:before{color:#ababab;vertical-align:middle;border-radius:10px}.video-nav .icon svg{width:14px;height:14px;font-size:14px;}span.light:before{content:'';background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M11,18H13V15.87C14.73,15.43 16,13.86 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13.86 9.27,15.43 11,15.87V18Z' fill='%233c97f3'/%3E%3C/svg%3E") center/20px no-repeat;display:inline-block;margin-right:7px;min-width:20px;min-height:20px}.PlayShare{overflow:hidden;width:100%;padding-top:0;line-height:20px}#shadow,.PlayShare.None{display:none;transition:.5s}.ShareSection{overflow:hidden;padding:7px}.ShareSection b{color:#222d34;font-size:16px;margin-right:5px;line-height:22px;border-right:2px solid #fff;padding-right:10px;font-weight:500}.ShareSection b,.sosmed,.sosmed a{display:inline-block}.sosmed a{width:auto;height:auto;font-size:12px;color:#fff!important;border-radius:4px;background:#444;margin:6px;padding:3px 15px}a.shrFB{background:#1877f2}a.shrTW{background:#1da1f2}#shadow{position:fixed;left:0;top:0;bottom:0;background:rgba(0,0,0,.93);width:100%;height:100%;z-index:1;transition:all .5s ease}.DaBlock{display:none;transition:.5s}.DaBlock{display:block!important}
.resIn {background:var(--secondary);min-height: 50px;padding: 12px;color: #fff;display: none;border-radius: .3rem;}.server_option {background: var(--secondary);padding: 15px;border-radius: .3rem;margin-bottom: 1.66rem;}#server .DagPlayOpt:hover {background: #363636;}.servers {margin-bottom: 10px;display: flex;justify-content: flex-end;gap: 5px;}.tabs span {color: #525252;cursor: pointer;padding: 2px 5px;border-radius: .25rem;font-weight: 600;font-size: .98em;transition: all .15s;}.tabs span.active {color: #eee;}.DagTo .icon:hover {background: #141414;}.tabs span:hover,.tabs a:hover {color: #787878;}.serverEpisode {display: none}.video-nav .icon a {color: #888}
/* Random Post Multi Tab */
@charset "UTF-8";@keyframes tooltipster-fading{0%{opacity:0;}100%{opacity:1;}}
@keyframes tooltipster-rotating{25%{transform:rotate(-2deg);}75%{transform:rotate(2deg);}100%{transform:rotate(0);}}
@keyframes tooltipster-scaling{50%{transform:scale(1.1);}100%{transform:scale(1);}}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important;}
ol,ul{margin-top:0;margin-bottom:1rem;}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0;}
b{font-weight:bolder;}
a:hover{color:#e0d3f2;text-decoration:none;}
a:not([href]):not([class]){color:inherit;text-decoration:none;}
a:not([href]):not([class]):hover{color:inherit;text-decoration:none;}
img{vertical-align:middle;border-style:none;}
th{text-align:inherit;}
[type=button],[type=reset],[type=submit]{-webkit-appearance:button;}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{outline-offset:-2px;-webkit-appearance:none;}
[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}
[hidden]{display:none!important;}
.display-1{font-size:6rem;font-weight:300;line-height:1.2;}
.display-2{font-size:5.5rem;font-weight:300;line-height:1.2;}
.display-3{font-size:4.5rem;font-weight:300;line-height:1.2;}
.display-4{font-size:3.5rem;font-weight:300;line-height:1.2;}
.tab-content>.active{display:block;}
@keyframes progress-bar-stripes{from{background-position:1rem 0;}to{background-position:0 0;}}
@keyframes spinner-border{to{transform:rotate(360deg);}}
@keyframes spinner-grow{0%{transform:scale(0);}50%{opacity:1;transform:none;}}
.d-none{display:none!important;}
@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020;}}
.w-25{width:25%!important;}
.w-30{width: 30px}
.w-50{width:50%!important;}
.w-75{width:75%!important;}
.w-100{width:100%!important;}
.h-30{height: 30px}
.m-1{margin:.25rem!important;}
.m-2{margin:.5rem!important;}
.m-3{margin:1rem!important;}
.m-4{margin:1.5rem!important;}
.m-5{margin:3rem!important;}
.m-n1{margin:-.25rem!important;}
.m-n2{margin:-.5rem!important;}
.m-n3{margin:-1rem!important;}
.m-n4{margin:-1.5rem!important;}
.m-n5{margin:-3rem!important;}
@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important;}a:not(.btn){text-decoration:underline;}img{page-break-inside:avoid;}@page{size:a3;}body{min-width:992px!important;}}
@media screen and (max-width:1365px){html{font-size:.94em;}}
#body{min-height:100%;padding-bottom:25.6rem;margin-top:-5.6rem;padding-top:5.6rem;}
#body:after{display:block;clear:both;content:"";}
.top{padding:15px;margin-bottom:1.3rem;}
section .head{position:relative;margin-bottom:10px;}
section .head:after{display:block;clear:both;content:"";}
section .head div,section .head>.title{display:inline-block;color:#eee;}
section .head .r-title{margin:0;padding:0;font-size:1.28em;font-weight:500;}
section .head .tabs{float:right;margin-top:2px;}
section .head .tabs a,section .head .tabs span{color:#525252;cursor:pointer;padding:2px 5px;border-radius:.25rem;font-weight:500;font-size:.98em;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;white-space: nowrap;}
section .head .tabs a:hover,section .head .tabs span:hover{color:#787878;}
section .head .tabs a:active,section .head .tabs span:active{box-shadow:0 0 0 .2rem rgba(248,248,248,.08);}
section .head .tabs a.active,section .head .tabs span.active,section .head .tabs li.active span{color:#eee;}
section .body:after{display:block;clear:both;content:"";}
section.top .body ul{list-style:none;margin:0;padding:0;grid-template-columns:repeat(3,1fr);}
section.top .body ul li{padding:10px 0;position:relative;}
section.top .body ul li:after{display:block;clear:both;content:"";}
section.top .body ul li.top1{margin-left:-15px;margin-right:-15px;background-size:cover;padding-left:15px;padding-right:15px;grid-column:1/-1;}
section.top .body ul li.top1 a{padding-top:50%;display:block;position:relative;z-index:5;color:#ababab;}
section.top .body ul li.top1 a:hover{color:#d5d5d5;}
section.top .body ul li.top1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;}
section.top .body ul li.top1:after{content:"";position:absolute;width:100%;height:70%;bottom:0;left:0;background-color:rgba(0,0,0,0);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),#000);background-image:-moz-linear-gradient(top,rgba(0,0,0,0),#000);background-image:-ms-linear-gradient(top,rgba(0,0,0,0),#000);background-image:-o-linear-gradient(top,rgba(0,0,0,0),#000);background-image:linear-gradient(top,rgba(0,0,0,0),#000);z-index:1;}
section.top .body ul li.top1:hover:before{background:rgba(0,0,0,.2);}
section.top .body ul li.top1:hover .rank{color:#5a2e98;}
section.top .body ul li.top1 .rank{background:#f8f8f8;color:#212121;z-index:2;font-weight:700;border:none;margin-top:0;}
section.top .body ul li.top1 .anime{position:relative;z-index:3;}
section.top .body ul li.top1 .anime .thumb{display:none;}
section.top .body ul li.top1 .anime .info{margin-left:0;}
section.top .body ul li.top1 .anime .info .name{display:block;color:#f8f8f8;line-height:1em;margin-bottom:5px;}
section.top .body ul li.top1 .anime .info .meta{color:#ababab;}
section.top .body ul li:hover:not(.top1) .rank{border:1px solid #ababab;color:#ababab;}
section.top .body ul li a{display:block;color:#ababab;}
section.top .body ul li a:after{display:block;}
section.top .body ul li a:hover{color:#d5d5d5;}
section.top .body ul li .rank{position:absolute;margin-top:12px;width:38px;height:38px;line-height:38px;text-align:center;border:1px solid #666;border-radius:.25rem;color:#666;font-size:1.7em;font-weight:300;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;}
section.top .body ul li .anime{margin-left:48px;}
section.top .body ul li .anime .thumb{float:left;width:18%;}
section.top .body ul li .anime .thumb div{position:relative;padding-bottom:130%;border-radius:2px;overflow:hidden;}
section.top .body ul li .anime .thumb div img{object-fit:cover;position:absolute;width:100%;height:100%;}
section.top .body ul li .anime .info{margin-left:22%;}
section.top .body ul li .anime .info .name{-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;font-size:1.01em;}
section.top .body ul li .anime .info .meta{color:#525252;font-size:.96em;}
section.top .body ul li .anime .info .meta span+span{margin-left:5px;}
@media screen and (max-width:1279px){section.top .body ul li:not(.top1){width:50%;float:left;}}
@media screen and (max-width:992px){section.top .body ul li:not(.top1) .anime .info .name{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}}
@media screen and (max-width:576px){section.top .body ul li:not(.top1){width:100%;float:none;}section.top .body ul li:not(.top1) .anime .info .name{display:block;}}
section#info:after{display:block;clear:both;content:"";}
section#info .thumb{width:22%;float:left;}
section#info .thumb div:first-child{padding-bottom:140%;position:relative;overflow:hidden;border-radius:.3rem;}
section#info .thumb div img{position:absolute;width:100%;height:100%;object-fit: cover;}
section#info .info{margin-inline-start:24%;}
section#info .info .title{margin:0;padding:0;text-transform:uppercase;font-size:1.28em;font-weight:400;}
section#info .info .meta{color:#666;font-size:.85em;column-count: 2;column-width: 200px;}
section#info .info .meta span{color:#ababab;margin-left:5px;}
section#info .info .meta a{color:#927daf;}
section#info .info .meta a:hover{color:#713abf;}
@media screen and (max-width:576px){section#info .thumb{width:100%;}section#info .info{margin-left:0;}}
@-webkit-keyframes kfloading{0%,100%,80%{-webkit-transform:scale(0);}40%{-webkit-transform:scale(1);}}
@keyframes kfloading{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0);}40%{-webkit-transform:scale(1);transform:scale(1);}}
/* Random Post Multi Tab Dagruel */
.series-gen ul.nav-tabs{display:flex;list-style:none;margin:0;padding:0;overflow:hidden;}
.series-gen ul.nav-tabs li{flex:1;cursor:pointer;}
.series-gen ul.nav-tabs li:hover span{color:#6e4f9d;}
.customAF.scroll{display:none;position:relative;padding:5px 10px;}
.customAF.scroll.active{display:block;}
.customAF.scroll .scrollButton{display:inline-block;position:absolute;top:calc(50% - 63px);z-index:3;background:#303030;transition:.3s;padding:30px 10px;outline:0;border:none;cursor:pointer;opacity:0;}
.customAF.scroll:hover .scrollButton{opacity:.9;}
.customAF.scroll .scrollButton:hover{background:#3b3b3b;opacity:1;}
.scrollButton.left{left:10px;}
.scrollButton.right{right:10px;}
.scrollButton svg{width:24px;height:24px;vertical-align:middle;}
.scrollButton svg path{fill:#fff;}
.customAF .inner{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;padding:5px 5px 0;width:calc(100% - 10px);}
.customAF .inner.scrolling{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));overflow-x:hidden;scroll-behavior:smooth;padding:0;width:100%;}
.customAF .inner .customAgata{float:left;width:calc(20% - 10px);padding:0 5px;margin-bottom:10px;}
.customAF .inner.scrolling .customAgata{float:none;width:auto!important;padding:0;margin:0;}
.customAgata .images{position:relative;}
.customAF .inner .customAgata .images figure{position:relative;margin:0;padding-top:142%;border-radius:3px;overflow:hidden;}
.customAgata .images figure:after,.customAgata .images figure:before{content:'';}
.customAgata .images figure img,.customAgata .images figure:after,.customAgata .images figure:before{position:absolute;left:0;right:0;bottom:0;top:0;}
.customAgata .images figure:before{margin:auto;width:3rem;height:3rem;line-height:3rem;text-align:center;font-size:1.5rem;z-index:2;transform:scale(0);background-repeat:no-repeat;background-position:center;background-size:50px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z' fill='%23fff'/%3E%3C/svg%3E");transition:transform .2s ease-out;}
.customAgata:hover .images figure:before{opacity:1;transform:scale(1);}
.customAgata .images figure img{object-fit:cover;}
.customAgata .images figure img,.customAgata .images figure:after{width:100%;height:100%;}
.customAgata .images figure:after{border-radius:3px;background-color:#263238;opacity:0;transition:opacity .2s ease-out;}
.customAgata:hover .images figure:after{opacity:.5;}
.customAgata a{text-decoration:none;color:#ddd;}
.customAgata .entry-title{font-size:13px;margin-top:5px;margin-bottom:0;overflow:hidden;text-align:center;line-height:20px;transition:.4s;max-height:40px;font-weight:400;}
@media screen and (min-width:1120px){.customAF.scroll .scrollButton {display: none;}}
@media screen and (max-width:1120px){.customAF .inner .customAgata{width:calc(25% - 10px);}}
@media screen and (max-width:768px){.customAF .inner .customAgata{width:calc(33.333333% - 10px);}}
@media screen and (max-width:544px){.customAF .inner .customAgata{width:calc(50% - 10px);}}
.customAF .inner.scrolling::-webkit-scrollbar{display:none;}
.scrollButton.left{border-radius:0 0.25rem 0.25rem 0;}
.scrollButton.right{border-radius:0.25rem 0 0 0.25rem;}
.series-gen .title svg{vertical-align:middle;margin-left:10px;transition:.5s;}
.head svg {transition: .5s}
.head:hover svg{transform:rotate(180deg);transition:.5s;}
#sidebar{grid-area:s;}
#main{grid-area:m;grid-auto-rows:min-content;}
.gta-ms{grid-template-areas: var(--gta-ms)}
@media screen and (min-width:1279px){.gta-ms{grid-template-columns:1fr minmax(200px,330px);gap:1.3rem;}}
.gta-ms.expand {grid-template-columns: auto;grid-template-areas: "m""s";}
.watch{float:right;width:15.3rem;height:4.3rem;line-height:4.3rem;text-align:center;padding:0 0;background:#fff;color:#212121;border-radius:4.3rem;font-size:1.7em;font-weight:500;}
.watch:hover {color:#4c89ea}
/* Info */
#info{background:var(--secondary);padding:15px;border-radius:.3rem;margin-bottom:1.66rem;margin-top:1.66rem;}
section#info .info .alias{color:#666;font-size:.85em;font-style:italic;}
section#info .info .rating{float:right;margin-top:5px;margin-inline-start: 15px;}
section#info .info p:not(.my-025){color:#666;font-size:.87em;margin-top:20px;}
section#info .tags{font-size:.8em;margin-top:15px;}
.clearfix::after{display:block;clear:both;content:"";}
/* Footer - Lightweight Golden Theme (Fixed Vertical Spacing) */
footer,#footer,footer#footer,footer>div,footer .relative,footer .bg-secondary{max-width:100%!important;margin-left:0!important;margin-right:0!important;width:100%!important}
footer .max-w,footer .mx-auto,footer .px-calc-105,footer>div.max-w,footer>div.mx-auto,footer>div.px-calc-105{max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}
footer .section,footer>div.section{max-width:100%!important;padding-left:5%!important;padding-right:5%!important;width:100%!important;margin:0!important}
footer .azlist{grid-area:list}
footer .credit{grid-area:credit}
footer .links{grid-area:links}
footer .help{grid-area:help}
footer .mascot{position:absolute;right:20px;bottom:20px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1d2GLIiC27EILMzq61E-Nq8UD6Cz0aDmPC36jlDbisgOwzhPn7Ek7LI2piEKbochxgopegpmFDtRU32hcESf-ifGk48SwdJeunpc86SJnQXNArnY2Ul64rk8uTX8w1h0VQI5WJ0E75vqaHPH2-O1B7lb7UP2Sc2r_fLAQoDbGXh_EIuqWx8lodr_QZaib/s900/PngItem_5091056.png);background-size:contain;width:300px;height:400px;background-repeat:no-repeat;opacity:.85;z-index:10;pointer-events:none}
#footer{display:grid;grid-template-areas:"list list list""credit links help";padding:30px 5% 20px 5%;background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95));position:relative;overflow:visible;border-top:2px solid rgba(191,149,63,.4);min-height:auto;width:100%;box-sizing:border-box;margin:0;max-width:100%;gap:0 20px;row-gap:15px}
footer .azlist .head{margin-bottom:12px;padding-top:12px;border-bottom:1px solid rgba(191,149,63,.3);padding-bottom:8px;z-index:5}
footer .azlist .head .title{font-weight:700;font-size:1.4rem;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
footer .azlist .head .desc{font-size:.9em;color:rgba(255,255,255,.7);margin-top:5px}
footer .azlist .head .desc::before{content:"";width:2px;height:1em;background:linear-gradient(to bottom,#BF953F,#FCF6BA);display:inline-block;margin-left:8px;margin-right:12px;vertical-align:middle}
footer h3.title{color:#FCF6BA;font-size:1.2em;font-weight:600;margin-bottom:10px;z-index:5}
footer .azlist{margin-bottom:0;z-index:5}
footer .azlist ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
footer .azlist ul li{margin:0}
footer .azlist ul li a{padding:7px 11px;background:rgba(255,255,255,.05);min-width:36px;display:block;text-align:center;border-radius:6px;color:rgba(255,255,255,.7);transition:all .2s ease;border:1px solid rgba(191,149,63,.2);font-weight:500;font-size:.9rem}
footer .azlist ul li a:hover{background:rgba(191,149,63,.2);color:#FCF6BA;border-color:rgba(191,149,63,.5);transform:translateY(-2px)}
footer .LinkList:not(.azlist) ul{padding:0;list-style:none;z-index:5}
footer .LinkList:not(.azlist) li{margin-bottom:6px;z-index:5}
footer .LinkList:not(.azlist) li a{font-size:.95em;color:rgba(255,255,255,.6);transition:color .15s;text-decoration:none}
footer .LinkList:not(.azlist) li a:hover{color:#FCF6BA}
footer .disclaim{color:rgba(255,255,255,.5);font-size:.8em;max-width:480px;line-height:1.5;z-index:5;margin-bottom:0}
footer .socials{margin-top:8px;margin-bottom:0;z-index:5;display:flex;align-items:center;gap:10px}
footer .socials svg{width:24px;height:24px;transition:transform .2s ease}
footer .socials svg path,footer .socials svg circle{fill:#FCF6BA}
footer .socials a:hover svg{transform:scale(1.1)}
footer .widget.Text{border:1px solid transparent}
#main .widget.Text{position:relative;padding:.75rem 1.25rem;border:1px solid rgba(191,149,63,.3);border-radius:6px;background:rgba(191,149,63,.08);color:#FCF6BA}
.dir>span{padding:3px 12px 3px 6px;float:left;border-radius:4px;font-weight:600;font-size:.75rem;text-transform:uppercase}
.dir .dub+span{margin-left:-6px}
.dir>span:last-child{padding-right:6px}
.dir .dub{background:linear-gradient(135deg,#BF953F,#FCF6BA);color:#000}
.fv .ep{background:linear-gradient(135deg,#B38728,#FCF6BA);color:#000}
.sc{background:linear-gradient(135deg,#BF953F,#B38728);color:#fff}
@media screen and (min-width:1279px){#footer{grid-template-columns:50% 20% 20%;padding:30px 8% 20px 8%;row-gap:20px}}
@media screen and (max-width:1279px){footer .mascot{display:none}#footer{padding:30px 4% 20px 4%}}
@media screen and (max-width:768px){#footer{grid-template-areas:"list list""credit credit""links help";padding:20px 3% 20px 3%;row-gap:12px}footer .disclaim{margin:0 auto;text-align:center}footer .azlist ul{justify-content:center;gap:5px}footer .azlist .head{text-align:center}footer .azlist .head .title{font-size:1.2rem}footer .azlist ul li a{padding:6px 9px;min-width:32px;font-size:.85rem}}
@media screen and (max-width:480px){#footer{padding:15px 2% 15px 2%;row-gap:10px}footer .azlist .head .title{font-size:1.1rem}footer .azlist .head .desc{font-size:.85em}footer .azlist ul{gap:4px}footer .azlist ul li a{padding:5px 8px;min-width:30px;font-size:.8rem}}
/* Clean Anime 404 Page - Golden Theme */
.anime-404-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 140px);padding:40px 20px;background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95))}
.anime-404-content{max-width:550px;width:100%;text-align:center}
.error-anime-art{margin-bottom:35px;position:relative}
.error-number{font-size:140px;font-weight:900;line-height:1;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-5px;margin-bottom:10px;text-shadow:0 10px 30px rgba(191,149,63,.3)}
.error-subtitle{font-size:32px;font-weight:700;color:rgba(255,255,255,.95);letter-spacing:.5px;margin:0}
.error-text-content{margin:30px 0 40px;padding:0 20px}
.error-main-text{font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);margin:0;max-width:450px;margin-left:auto;margin-right:auto}
.error-action-btns{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto}
.anime-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}
.anime-btn svg{flex-shrink:0}
.anime-btn span{position:relative;z-index:1}
.btn-primary{background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);color:#000;box-shadow:0 4px 15px rgba(191,149,63,.4)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(191,149,63,.6)}
.btn-secondary{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);border:1.5px solid rgba(255,255,255,.15)}
.btn-secondary:hover{background:rgba(191,149,63,.15);color:#FCF6BA;border-color:rgba(191,149,63,.5);transform:translateY(-2px)}
@media(max-width:768px){.anime-404-container{padding:30px 15px;min-height:calc(100vh - 120px)}.error-number{font-size:110px;letter-spacing:-4px}.error-subtitle{font-size:28px}.error-main-text{font-size:15px}.error-action-btns{max-width:100%}.anime-btn{padding:13px 24px;font-size:14px}}
@media(max-width:480px){.anime-404-container{padding:20px 15px}.error-number{font-size:90px;letter-spacing:-3px}.error-subtitle{font-size:24px}.error-text-content{margin:20px 0 30px;padding:0 10px}.error-main-text{font-size:14px}.error-action-btns{gap:10px}.anime-btn{padding:12px 20px;font-size:13px;gap:8px}.anime-btn svg{width:18px;height:18px}}
/* Search Filter */
.filters button[type="submit"]{color:#d5d5d5;transition:all .15s;width:100%;border:1px solid var(--primary);background:var(--primary);border-radius:.25rem;}
.filters button[type="submit"]:hover{filter:brightness(90%);}
.filters .searchf{margin-left:0;margin-right:0;margin-bottom:8px;}
.filters .submit{margin-left:0;margin-right:0;padding:0 10px;height:30px;}
.filters input:focus,.filters input:hover{color:#d5d5d5;border-color:#404040;}
.filters input:not(.simple){padding:0 10px;border:1px solid #363636;transition:all .15s;width:100%;background:0 0;color:#666;height:30px;border-radius:.25rem;}
.filters {counter-reset:checked;}
.filters input:checked{counter-increment:checked;}
.filters .dropdown-menu li input:checked ~ label {color:var(--light-gray)}
.filters .dropdown-menu li label{display:flex;align-items:center;color:#666;line-height:23px;padding:2px 5px;background:0 0!important;border-radius:2px;cursor:pointer;}
.filters .dropdown-menu li input[type="checkbox"]:checked + label:hover,.filters .dropdown-menu li label:hover{background:#2e2e2e!important;color:#d5d5d5;}tess
.count:after{content:counter(checked);}
.filters svg{height:15px;}
.dropdown{position:relative;}
.dropdown-toggle{width:100%;border:1px solid #262626;outline:0;line-height:30px;border-radius:.25rem;background:#262626;font-size:.85em;color:#666;display:block;}
.dropdown-toggle .value{color:#d5d5d5;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:.94rem;color:#aaa;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;opacity:0;user-select:none;pointer-events:none;}
.filters .dropdown-menu{background:#212121;box-shadow:0 2px 10px #171717;padding:10px;margin-top:8px;font-size:.9em;}
#main .filters .dropdown-menu.lg{width:500px;}
#sidebar .filters .dropdown-menu.lg{width:291px;}
.filters {
background: #1c1c1c;
padding: 15px;
border-radius: .3rem;
margin-bottom: 10px;
display: flow-root;
}
.filters .opt1 {
width: 76%;
float: left;
}
.filters .opt2 {
width: 23.5%;
float: right;
}
.filters .filter {
vertical-align: middle;
margin-bottom: 8px;
}
.filters .opt1 > div {
float: left;
width: 24%;
margin-left: .5%;
margin-right: .5%;
}
#main .filters .c4 {
column-count: 4;
column-width: 100px;
}
#sidebar .filters .c4 {
column-count: 4;
column-width: 100px;
}
#main .filters .c1 {
column-count: 1;
column-width: 100px;
}
#sidebar .opt {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
}
#sidebar .opt > div {
width: calc(50% - 8px);
}
.filters .dropdown-toggle{transition:all .15s;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:center;cursor:pointer;}
@media screen and (min-width:1280px){#main .filters .dropdown-menu.lg{max-width:500px;}}
@media screen and (max-width:576px){.filters .dropdown-menu.lg{width:300px;}}
.hidden,.stream #extra-info{display:none;}
#Genre:checked ~ ul,#Status:checked ~ ul,#Type:checked ~ ul,#Lang:checked ~ ul,#Country:checked ~ ul,#Quality:checked ~ ul{opacity:1;user-select:auto;pointer-events:auto;}
.opt > div:nth-child(2n) .dropdown-menu{left:auto;right:0;}
.filters .dropdown-toggle:hover{background:#2d2d2d;border-color:#2d2d2d;}
.chk:checked ~ [for]{background:var(--primary);color:white;}
.filters .dropdown-menu li label::before{display:flex;align-items:center;margin-right:3px;}
.filters .dropdown-menu li input[type="checkbox"] + label::before{content:url('https://api.iconify.design/bxs/checkbox.svg?color=%23343434');}
.filters .dropdown-menu li input:checked + label::before{color:#d5d5d5;}
.filters .dropdown-menu li input[type="checkbox"]:checked + label::before{content:url('https://api.iconify.design/bi/check.svg?color=%23d5d5d5');}
/* SCHEDULE CSS - LIGHTWEIGHT & FAST */
.schedule-head-wrapper{background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95)),url('https://s2.bunnycdn.ru/assets/_9anime/imagesv3/bg-schedule.png') no-repeat center top;background-size:cover;background-blend-mode:overlay;padding:20px 15px;margin-bottom:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.4);text-align:center;border:1.5px solid rgba(191,149,63,.4);position:relative;overflow:hidden}
.schedule-head-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(191,149,63,.5) 20%,rgba(252,246,186,.8) 50%,rgba(191,149,63,.5) 80%,transparent 100%)}
.schedule-head-container{position:relative;z-index:1}
.schedule-title-main{margin:0 0 8px;padding:0;font-size:1.45rem;font-weight:800;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}
.schedule-time-now{color:rgba(255,255,255,.65);font-size:.88rem;font-weight:500;margin-bottom:12px;display:inline-block}
.schedule-timenow{color:#FCF6BA;font-weight:600}
.schedule-days-wrapper{display:flex;justify-content:center;align-items:center;margin-top:12px}
.schedule-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:700px}
.schedule-day-item{flex:0 0 auto}
.schedule-day-btn{background:rgba(255,255,255,.05);padding:9px 7px;border-radius:8px;text-align:center;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}
.schedule-day-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(191,149,63,.4);transform:translateY(-2px);box-shadow:0 4px 10px rgba(191,149,63,.25)}
.schedule-day-item.schedule-active .schedule-day-btn{background:linear-gradient(135deg,rgba(191,149,63,.2),rgba(252,246,186,.15));border-color:rgba(191,149,63,.6);color:#FCF6BA;box-shadow:0 4px 12px rgba(191,149,63,.35)}
.schedule-day-label{font-family:'Bebas Neue','Poppins',sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.5px;line-height:1}
.schedule-day-item.schedule-active .schedule-day-label{background:linear-gradient(135deg,#FCF6BA,#BF953F);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.schedule-list-wrapper{margin-top:15px}
.schedule-day-title{background:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,15,35,.92));padding:10px 16px;margin-bottom:2px;border-radius:8px;border:1px solid rgba(191,149,63,.3);font-size:1.1rem;font-weight:700;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.8px;position:relative;display:none}
.schedule-day-title.schedule-visible{display:block;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));border-color:rgba(191,149,63,.6);color:#FCF6BA}
.schedule-day-title::before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,#BF953F,#FCF6BA)}
.schedule-day-title+ul{display:none}
.schedule-day-title.schedule-visible+ul{display:block}
.schedule-list-wrapper ul{list-style:none;margin:0 0 10px;padding:0;background:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,15,35,.92));border-radius:0 0 8px 8px;overflow:hidden;border:1px solid rgba(191,149,63,.2);border-top:none}
.schedule-list-wrapper ul li{padding:9px 14px;border-bottom:1px solid rgba(191,149,63,.1);transition:all .15s ease;display:flex;align-items:center;gap:10px;position:relative}
.schedule-list-wrapper ul li::before{content:'';position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(to bottom,#BF953F,#FCF6BA);opacity:0;transition:opacity .15s ease}
.schedule-list-wrapper ul li:hover::before{opacity:1}
.schedule-list-wrapper ul li:last-child{border-bottom:none}
.schedule-list-wrapper ul li:hover{background:rgba(191,149,63,.06);transform:translateX(4px)}
.schedule-list-wrapper ul li .schedule-ep-badge{background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);color:#000;padding:3px 8px;border-radius:4px;font-size:.78rem;font-weight:700;min-width:50px;text-align:center;flex-shrink:0}
.schedule-list-wrapper ul li a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.93rem;font-weight:500;transition:color .15s ease;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.schedule-list-wrapper ul li:hover a{color:#FCF6BA}
.schedule-countdown{color:#FCF6BA;font-size:.78rem;font-weight:600;margin-left:auto;padding:3px 7px;background:rgba(191,149,63,.18);border-radius:4px;border:1px solid rgba(191,149,63,.4);flex-shrink:0;white-space:nowrap}
@media(max-width:768px){.schedule-head-wrapper{padding:16px 12px}.schedule-title-main{font-size:1.3rem}.schedule-time-now{font-size:.85rem}.schedule-days-grid{gap:5px}.schedule-day-btn{padding:8px 5px}.schedule-day-label{font-size:1.15rem}.schedule-day-title{font-size:1rem;padding:9px 14px}.schedule-list-wrapper ul li{padding:8px 12px;gap:9px}.schedule-list-wrapper ul li .schedule-ep-badge{min-width:48px;font-size:.75rem}.schedule-list-wrapper ul li a{font-size:.9rem}.schedule-countdown{font-size:.75rem;padding:3px 6px}}
@media(max-width:480px){.schedule-head-wrapper{padding:14px 10px;border-radius:10px}.schedule-title-main{font-size:1.2rem}.schedule-days-grid{gap:4px}.schedule-day-btn{padding:7px 4px;border-radius:6px}.schedule-day-label{font-size:1rem}.schedule-day-title{font-size:.95rem;padding:8px 12px}.schedule-list-wrapper ul li{padding:7px 10px;flex-wrap:wrap}.schedule-list-wrapper ul li .schedule-ep-badge{font-size:.72rem;padding:2px 6px;min-width:45px}.schedule-list-wrapper ul li a{font-size:.87rem}.schedule-countdown{font-size:.7rem;padding:2px 5px}}
/* LUXURY GOLDEN SLIDER - FULLY RESPONSIVE */
#slider{position:relative;border-radius:16px;overflow:hidden;border:1.5px solid rgba(191,149,63,.3);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 1px rgba(191,149,63,.2)}
#left-button,#right-button{padding:15px 12px;transition:all .3s ease;z-index:10}
#left-button{position:absolute;top:50%;left:0;transform:translate(0,-50%);background:linear-gradient(135deg,rgba(191,149,63,.9),rgba(252,246,186,.8));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:0 12px 12px 0;cursor:pointer;border:1.5px solid rgba(191,149,63,.5);border-left:none;box-shadow:4px 0 15px rgba(0,0,0,.3)}
#right-button{position:absolute;top:50%;right:0;transform:translate(0,-50%);background:linear-gradient(135deg,rgba(191,149,63,.9),rgba(252,246,186,.8));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:12px 0 0 12px;cursor:pointer;border:1.5px solid rgba(191,149,63,.5);border-right:none;box-shadow:-4px 0 15px rgba(0,0,0,.3)}
#left-button:hover{background:linear-gradient(135deg,#BF953F,#FCF6BA);box-shadow:4px 0 20px rgba(191,149,63,.5);transform:translate(0,-50%) scale(1.05)}
#right-button:hover{background:linear-gradient(135deg,#BF953F,#FCF6BA);box-shadow:-4px 0 20px rgba(191,149,63,.5);transform:translate(0,-50%) scale(1.05)}
#right-button svg,#left-button svg{stroke:#000;width:36px;height:36px;position:relative;top:3px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
#right-button,#left-button{display:none}
#slider:hover #right-button,#slider:hover #left-button{display:block}
.item{min-width:100%;height:100%;scroll-snap-align:start;overflow:hidden;position:relative}
#slides{display:flex;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.item .backdrop{background-size:cover;display:block;padding-bottom:35%;position:relative;border-radius:16px 16px 0 0}
.item .backdrop::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(10,10,31,.3) 50%,rgba(10,10,31,.95) 100%);z-index:1}
.item .info{background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:1.5em 2em;min-height:7.5em;overflow:hidden;position:relative;border-top:2px solid rgba(191,149,63,.4)}
#slider .item .info h2 a{background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;transition:all .3s ease}
#slider .item .info h2 a:hover{background:linear-gradient(135deg,#FCF6BA 0%,#BF953F 50%,#FCF6BA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#slider .item .info:is(h2,p){margin-right:16rem}
#slider .item .info h2{font-weight:700;font-size:1.5em;margin-bottom:10px;line-height:1.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#slider .item .info p{overflow:hidden;color:rgba(255,255,255,.75);font-size:.9em;margin-top:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}
#slider .item .info .watch{position:absolute;right:2em;top:50%;transform:translateY(-50%);padding:12px 24px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.15);border-radius:50px;color:rgba(255,255,255,.7);font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;font-size:1rem;text-align:center;min-width:140px}
#slider .item .info .watch:hover{border-color:rgba(191,149,63,.5);color:#FCF6BA;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));box-shadow:0 0 20px rgba(191,149,63,.3);transform:translateY(-50%) scale(1.05)}
@media screen and (max-width:1024px){#slider .item .info:is(h2,p){margin-right:12rem}#slider .item .info h2{font-size:1.35em}#slider .item .info .watch{min-width:120px;font-size:.95rem;padding:10px 20px}}
@media screen and (max-width:768px){#slider .item .info .watch{width:auto;min-width:140px;font-size:1.1em;padding:10px 18px;right:1.5em}#slider .item .info h2{height:auto;max-height:2.6em;margin-bottom:8px;line-height:1.3em;white-space:normal;text-overflow:unset;font-size:1.25em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#slider .item .info p{display:none}#slider .item .info{padding:1.2em 1.5em;min-height:auto;height:auto}#slider .item .info:is(h2,p){margin-right:10rem}.item .backdrop{padding-bottom:45%}#left-button,#right-button{padding:12px 10px}#right-button svg,#left-button svg{width:30px;height:30px}}
@media screen and (max-width:576px){#slider .item .info .watch{position:static;transform:none;width:100%;margin-top:12px;min-width:auto;font-size:1rem;padding:10px 16px}#slider .item .info:is(h2,p){margin-right:0}#slider .item .info h2{font-size:1.15em;max-height:3em;-webkit-line-clamp:2;margin-bottom:0}#slider .item .info{padding:1em 1.2em}.item .backdrop{padding-bottom:55%;border-radius:16px 16px 0 0}#slider{border-radius:12px}#left-button{border-radius:0 10px 10px 0}#right-button{border-radius:10px 0 0 10px}#left-button,#right-button{padding:10px 8px}#right-button svg,#left-button svg{width:24px;height:24px;top:2px}}
@media screen and (max-width:400px){.item .backdrop{padding-bottom:60%}#slider .item .info{padding:.9em 1em}#slider .item .info h2{font-size:1.05em}#slider .item .info .watch{font-size:.95rem;padding:8px 14px}}
/* Blogger Cookies Bar */
#cookieChoiceInfo{background-color:#222;padding:10px 10px 40px;top:unset;font-family:"Helvetica Neue Light",HelveticaNeue-Light,"Helvetica Neue",Calibri,Helvetica,Arial;width:300px;left:unset;right:10px;bottom:10px;border-radius:5px;overflow:hidden} #cookieChoiceInfo .cookie-choices-text{margin:0 0 5px;font-size:16px;color:#fff;text-align:left;} #cookieChoiceInfo .cookie-choices-inner{position:static} #cookieChoiceInfo .cookie-choices-buttons{margin:0;display:block} #cookieChoiceInfo .cookie-choices-button{color:var(--primary);text-transform:none;transition:all .2s linear;font-weight:400;display:block;text-align:left;margin:0 0 10px;padding:0} #cookieChoiceInfo .cookie-choices-button:nth-child(2){color:#000;text-align:center;background-color:var(--primary);padding:8px 18px;position:absolute;bottom:0;left:0;right:0;margin:0} #cookieChoiceInfo .cookie-choices-button:hover{color:#e9eef0} #cookieChoiceInfo .cookie-choices-button:nth-child(2):hover{background-color:#e9eef0;color:#000} @media screen and (max-width:425px){#cookieChoiceInfo{width:calc(100% - 20px)}}
/* Bookmark */
.numshow{margin-top:-10px;}
.bookmark{color:yellow;font-size:.8rem;border:solid 1px yellow;border-radius:5px;text-align:center;padding:0;height:45px;line-height:45px;cursor:pointer;font-weight:300;margin:5px 0;text-transform:uppercase;letter-spacing:.2rem;outline:none;display:block;-webkit-transition:all .2s;transition:all .2s;font-family:Roboto,Sans-Serif;}
.bookmark{background:#191919;-webkit-transition:all .2s;transition:all .2s;border:solid 1px yellow;}
.bookmark::before{content:"";position:relative;margin-bottom:-44px;width:100%;height:100%;display:block;top:0;right:0;will-change:auto;}
.bookmark::before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' width='24' height='24' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffd600' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6l4 14M12 6v14M8 8v12M4 4v16'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:24px auto;background-position:center right 1rem;}
.bookmark:hover{background:yellow;border:solid 1px yellow;color:#191919;letter-spacing:.1rem;-webkit-transition:all .2s;transition:all .2s;}
.bookmarked{color:#ffd600;background:#5d0914;border:solid 1px #5d0914;-webkit-transition:all .2s;transition:all .2s;}
.bookmarked::before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' width='24' height='24' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffd600' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 12l6 6L20 6'/%3E%3C/svg%3E");background-size:24px auto;background-repeat:no-repeat;background-position:center right 1rem;}
/* LUXURY GOLDEN COMMENT SECTION - COMPACT & FIXED */
#showComments,#disqus_thread{margin-top:30px;text-align:center}#showComments:target,#showComments + #comments{display:none}#showComments:target + #comments{display:block}.show-comment a,.comment-add .comment-reply{display:block;padding:12px 20px;border:1.5px solid rgba(255,255,255,.15);border-radius:50px;font-size:13px;font-weight:700;color:rgba(255,255,255,.7);text-align:center;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.show-comment a::before,.comment-add .comment-reply::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(191,149,63,.1),rgba(252,246,186,.05));border-radius:50px;opacity:0;transition:opacity .3s ease}.show-comment a:hover,.comment-add .comment-reply:hover{border-color:rgba(191,149,63,.5);color:#FCF6BA;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));box-shadow:0 6px 20px rgba(0,0,0,.3),0 0 15px rgba(191,149,63,.3)}.show-comment a:hover::before,.comment-add .comment-reply:hover::before{opacity:1}.comment-add .comment-reply.hidden{display:none}.comments{margin-top:25px}.comments .comments-content{margin-bottom:25px}.comments .comment-disable{text-align:center}.comments ol,.comments ul{list-style:none;margin:0;padding:0}.comments li{position:relative;padding:12px 15px;border-radius:12px;background:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,15,35,.92));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(191,149,63,.3);box-shadow:0 6px 15px rgba(0,0,0,.3);transition:all .3s ease}.comments li:hover{border-color:rgba(191,149,63,.5);box-shadow:0 8px 20px rgba(0,0,0,.4),0 0 20px rgba(191,149,63,.2)}.comments li a{color:inherit}.comments li .avatar-image-container{display:flex;align-items:center;justify-content:center;position:absolute;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(191,149,63,.4);background:linear-gradient(135deg,rgba(10,10,31,.8),rgba(20,15,35,.75));transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.3)}.comments li .avatar-image-container::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FCF6BA'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center / 22px no-repeat;opacity:.6;z-index:0}.comments li:hover .avatar-image-container{border-color:rgba(191,149,63,.6);box-shadow:0 6px 15px rgba(191,149,63,.3)}.comments li .avatar-image-container img{margin:auto;width:40px;height:40px;object-fit:cover;position:relative;z-index:1}.comments li .comment-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:40px;margin:0 0 10px 50px;padding:0}[dir="rtl"] .comments li .comment-header{margin:0 50px 10px 0}.comments li .comment-header .datetime{width:100%;font-size:11px;color:rgba(255,255,255,.5);margin-top:3px;transition:color .3s ease}.comments li:hover .comment-header .datetime{color:rgba(252,246,186,.7)}.comments li .comment-header .datetime a{color:inherit}.comments li .comment-header .user{flex:0 0 auto;display:flex;align-items:center;font-size:13px;font-weight:700;font-family:'Nunito Sans',sans-serif;color:rgba(255,255,255,.9);transition:color .3s ease}.comments li:hover .comment-header .user{color:#FCF6BA}.comments li .comment-header .user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.comments li .comment-header .user svg{width:18px;height:18px;padding:3px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(191,149,63,.4);border-radius:50%;fill:#FCF6BA;margin-left:6px;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.2)}.comments li:hover .comment-header .user svg{border-color:rgba(191,149,63,.6);box-shadow:0 3px 10px rgba(191,149,63,.4)}.comments li .comment-header .user .blog-author{display:inline-block;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);margin-left:6px;border-radius:5px;font-size:10px;padding:2px 6px;font-weight:700;color:#000;box-shadow:0 2px 6px rgba(191,149,63,.4)}.comments li .comment-content{color:rgba(255,255,255,.85);line-height:1.5;margin-left:50px;font-size:13px}[dir="rtl"] .comments li .comment-content{margin-left:0;margin-right:50px}.comments li .comment-actions,.comments li .comment-replies .comment-reply{margin:8px 0 0 auto;font-size:12px}.comments li .comment-replies + .comment-actions{display:none}.comments li .comment-replies{margin:8px 0 0 auto}.comments li .comment-replies .thread-toggle,.comments li .comment-replies .comment-reply a,.comments li .comment-actions a{display:inline-flex;align-items:center;font-size:12px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .3s ease}.comments li .comment-replies .thread-toggle:hover,.comments li .comment-replies .comment-reply a:hover,.comments li .comment-actions a:hover{color:#FCF6BA}.comments li .comment-replies .thread-toggle svg,.comments li .comment-replies .comment-reply svg,.comments li .comment-actions svg{width:13px;height:13px;margin-right:4px;fill:rgba(255,255,255,.7);transition:fill .3s ease}.comments li .comment-replies .thread-toggle:hover svg,.comments li .comment-replies .comment-reply a:hover svg,.comments li .comment-actions a:hover svg{fill:#FCF6BA}.comments li .comment-replies .thread-show:checked + .comment-thread .thread-toggle svg{transform:rotate(180deg)}.comments li .comment-replies .thread-show:checked + .comment-thread .thread-chrome,.comments li .comment-replies .thread-show:checked + .comment-thread + .comment-reply{display:none}.comments li .comment-replies .thread-chrome{margin-top:12px}.comments li .comment-replies .comment-reply{width:calc(100% - 50px);display:flex;align-items:center}.comments li .comment-replybox-single{margin-top:12px}.comments li li{display:flex;align-items:flex-start;flex-wrap:wrap;padding:0;background-color:transparent;box-shadow:none;border:none}.comments li li:not(:last-child){margin-bottom:10px}.comments li li .avatar-image-container{width:35px;height:35px;border-width:1.5px}.comments li li .avatar-image-container::before{background-size:18px}.comments li li .avatar-image-container img{width:35px;height:35px}.comments li li .comment-block{width:calc(100% - 42px);margin-left:auto;padding:10px 12px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(191,149,63,.2);border-radius:10px;transition:all .3s ease}.comments li li .comment-block:hover{background:rgba(255,255,255,.12);border-color:rgba(191,149,63,.4)}.comments li li .comment-header{height:initial;margin:0 0 8px;padding:0}.comments li li .comment-header .datetime{width:initial;font-size:10px}.comments li li .comment-content{margin:0;font-size:12px}.comments iframe{background:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,15,35,.92));padding:8px;box-sizing:border-box;border-radius:10px;border:1.5px solid rgba(191,149,63,.3)}.comments #comment-editor{min-height:90px}.comment-add{display:flex;justify-content:center}.comment-form{display:none}.comment-reply ~ .comment-form{display:block}.cmAl:checked ~ div .s::before{content:attr(data-new)}.s::before{content:attr(data-text);margin:0 5px;opacity:.7;font-size:90%}.s::after{content:'\296E';line-height:16px;font-size:16px;color:#FCF6BA;filter:drop-shadow(0 2px 4px rgba(252,246,186,.4))}.cmAl:checked ~ div .s::before{content:attr(data-new)}.comments-content > ol{display:flex;flex-direction:column;gap:12px}.cmAl:checked + * + div > ol{flex-direction:column-reverse}.s{cursor:pointer;color:rgba(255,255,255,.8);transition:color .3s ease;font-weight:600;font-size:13px}.s:hover{color:#FCF6BA}@media (max-width:768px){.comments li{padding:10px 12px}.comments li .avatar-image-container{width:35px;height:35px}.comments li .avatar-image-container::before{background-size:18px}.comments li .avatar-image-container img{width:35px;height:35px}.comments li .comment-header{margin:0 0 8px 43px}.comments li .comment-content{margin-left:43px;font-size:12px}.comments li li .avatar-image-container{width:32px;height:32px}.comments li li .avatar-image-container::before{background-size:16px}.comments li li .avatar-image-container img{width:32px;height:32px}.comments li li .comment-block{width:calc(100% - 38px);padding:8px 10px}}
/* ADS */
.ads-here{position:relative;display:flex;align-items:center;justify-content:center;height:78px;background-color:var(--secondary);font-size:15px;color:rgba(155,155,155,.5);font-weight:500;font-style:italic;border:1px solid var(--dark);border-radius:4px;}
/* Countdown Discount by Fineshop Design */
.cdCont{position:relative;background:#f7f3f6;padding:15px;border-radius:4px;text-align:center;color:#08102b;font-family:inherit}
.cdCont[data-disc]:not([data-disc=''])::before{content:attr(data-disc);display:block;font-weight:700;font-size:13px;width:50px;height:50px;padding:10px 0 10px;background:#f5e2f1;border-radius:5px 5px 50px 50px;position:absolute;top:-5px;right:50px}
.cdCont .cdH{margin:0 0 20px;font-size:1.3rem;font-weight:700}
.cdCont .cdD{font-size:15px}
.cdCont .cdHeadA .cdD{margin-bottom:25px}
.cdCont .cDown{width:100%;font-size:20px;text-align:center;font-weight:400;margin:20px 0}
.cdCont .cdBox{display:inline-block;width:55px;height:55px;margin:3px;padding-top:4px;background:#fff;border-radius:10px}
.cdCont .unit{display:block;font-size:10px;margin-top:-4px;opacity:.8}
.cdCont .btn{display:inline-flex;align-items:center;margin:10px 0;padding:12px 15px;outline:0;border:0;border-radius:30px;line-height:20px;color:#fffdfc;background:#204ecf;font-size:14px;white-space:nowrap;overflow:hidden;max-width:100px}
.cdCont.ended[data-disc]::before, .cdCont.ended .cdHeadB, .cdCont:not(.ended) .cdHeadA, .cdCont.ended .cdTmr{display:none}
.cdCont{background:#1c1c1c;color:#fffdfc}
.cdCont[data-disc]::before{background:#2d2d30}
.cdCont .cdBox{background-color:#1e1e1e}
/* Seasons */
.seasons{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;margin-top:1.66rem;flex-wrap:wrap;}
.season{width:12.5%;flex-shrink:0;position:relative;}
.season a{background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;border-radius:.6rem;overflow:hidden;position:relative;margin:5px;transition:all .2s;}
.season a::before{position:absolute;top:0;left:0;content:"";background:#1c1c1c;opacity:.85;width:100%;height:100%;z-index:1;transition:all .2s;}
.season a::after{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #1c1c1c;content:"";transition:all .2s;z-index:2;border-radius:.6rem;}
.season a .name{color:#ccc;text-transform:uppercase;font-weight:700;display:block;font-size:1.4rem;position:relative;width:100%;padding:22% 0;text-align:center;z-index:3;}
.season a .name{color:#ccc;text-transform:uppercase;font-weight:700;display:block;font-size:1rem;position:relative;width:100%;padding:22% 0;text-align:center;z-index:3;}
.season a:hover::after{border-color:#5a2e98;}
.season a:hover::before{opacity:.6;}
/* FeaturedPost */
.FeaturedPost{margin-inline:auto;padding-right:15px;padding-left:15px;max-width:1461px;}
.items{display:flex;align-items:center;position:relative;gap:3rem;border-radius:1rem;overflow:hidden;}
.image{filter:blur(12px) saturate(3);}

/* Page-level A-Z filters for the scoped Ongoing and Movies collections. */
.page-alphabet-filters{margin:0 0 22px;padding:16px 18px;border:1px solid rgba(191,149,63,.24);border-radius:12px;background:linear-gradient(135deg,rgba(10,10,31,.78),rgba(20,15,35,.7));box-shadow:0 8px 24px rgba(0,0,0,.18)}
.page-filter-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;color:#fcf6ba;font-size:14px;font-weight:700;letter-spacing:.04em}
.page-filter-heading small{color:rgba(255,255,255,.52);font-size:11px;font-weight:400;letter-spacing:0}
.page-filter-scroller{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}
.page-filter-pill{flex:0 0 auto;min-width:42px;padding:8px 12px;border:1px solid rgba(191,149,63,.35);border-radius:999px;background:rgba(191,149,63,.08);color:rgba(255,255,255,.78);font:600 12px Poppins,sans-serif;cursor:pointer;transition:all .2s ease}
.page-filter-pill span{margin-left:3px;color:#fcf6ba;font-size:10px}
.page-filter-pill:hover,.page-filter-pill.active{border-color:#fcf6ba;background:linear-gradient(135deg,#bf953f,#b38728);color:#11101b;box-shadow:0 4px 14px rgba(191,149,63,.25)}
.page-filter-pill:hover span,.page-filter-pill.active span{color:#11101b}
.toggler{display:none!important}
@media(max-width:600px){.page-alphabet-filters{padding:13px 12px}.page-filter-heading{display:block}.page-filter-heading small{display:block;margin-top:4px}}
.FeaturedPost .items::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;z-index:2;background:linear-gradient(-90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 0,rgba(0,0,0,.9) 80%);}
.FeaturedPost .info{display:flex;gap:20px;position:absolute;padding:20px;z-index:5;align-items:center;width:100%;}
.FeaturedPost .snip{width:36%;}
.FeaturedPost .fluid-bg{flex:1;}
.FeaturedPost .bg-img{width:100%;border-radius:1rem;background-size:cover;position:relative;padding-bottom:45%;background-position:center center;background-repeat:no-repeat;}
.FeaturedPost .image{flex-grow:1;padding-bottom:30%;}
.FeaturedPost .image img{width:100%;object-fit:cover;border-radius:1rem;position:absolute;}
.FeaturedPost .post-title a{font-size:clamp(1rem,2.5vw,2rem);color:#fff;display:-webkit-box;text-transform:capitalize;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.FeaturedPost .synopsis{font-size:.9rem;color:#777;}
.meta.icons{display:flex;align-items:center;margin-bottom:10px;font-size:1rem;gap:10px;}
.actions{display:flex;align-items:center;}
.FeaturedPost .play{display:flex;align-items:center;font-size:1.3rem;padding-left:1rem;padding-right:1rem;}
.meta.icons i.rating{border:1.5px solid #aaa;font-weight:600;line-height:1.3em;height:1.5em;border-radius:.2em;padding:0 .3em;font-size:.65em;}
.meta.icons i.quality{font-weight:700;background:#aaa;line-height:1.5em;height:1.5em;padding:0 .3em;font-size:.65em;color:#0e0e0e;border-radius:.2em;display:inline-block;}
@media (max-width:1024px){.FeaturedPost .synopsis{display:none;}}
@media (max-width:756px){.FeaturedPost .fluid-bg .bg-img{padding-bottom:140%;}.FeaturedPost .snip{width:75%;}.FeaturedPost{padding:0;width:98%;}}
/* Live Search - Big Image + Full Title (Compressed) */
.cari-isi,.live-search-item{--postBg:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,15,35,.92));--postText:rgba(255,255,255,.85);--borderColor:rgba(191,149,63,.3);--hoverBg:rgba(191,149,63,.1);--goldenGradient:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728)}
.darkStyle .cari-isi,.darkStyle .live-search-item{--postBg:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,15,35,.92));--postText:rgba(255,255,255,.85)}
.cari-isi{padding:.5rem 0;width:100%;box-sizing:border-box}
.cari-isi *{box-sizing:border-box}
.cari-isi form{position:relative}
.cari-input{padding:1rem 4rem 1rem 1.25rem;width:100%;border-radius:10px;background:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,15,35,.92));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:rgba(255,255,255,.85);outline:0;border:1.5px solid rgba(191,149,63,.3);transition:all .3s ease;font-size:1rem;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.cari-input:focus{border-color:rgba(191,149,63,.6);box-shadow:0 0 20px rgba(191,149,63,.4),inset 0 0 15px rgba(191,149,63,.1);background:linear-gradient(135deg,rgba(191,149,63,.08),rgba(252,246,186,.05))}
.cari-input::placeholder{color:rgba(255,255,255,.5)}
.cari-ikon{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;position:absolute;bottom:0;opacity:.6;right:1.25rem;top:-3px;visibility:visible;transition:.3s ease}
.cari-input:focus~.cari-ikon{right:3rem;opacity:0;visibility:hidden}
.cari-isi svg{height:1.5rem;width:1.5rem}
.cari-isi circle,.cari-isi path{clip-rule:evenodd;fill:none;fill-rule:evenodd;stroke:#FCF6BA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:1.5px;transition:stroke .3s ease}
.cari-reset{border:none;outline:0;background:rgba(191,149,63,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;font-size:inherit;position:absolute;opacity:0;padding:6px;right:2rem;top:50%;transform:translateY(-50%);visibility:hidden;transition:.3s ease;border-radius:6px;border:1px solid rgba(191,149,63,.4)}
.cari-reset:hover{background:rgba(191,149,63,.3);box-shadow:0 2px 8px rgba(191,149,63,.3)}
.cari-reset svg{height:1.35rem;margin-right:0;vertical-align:-3px;width:1.35rem}
.cari-reset .bulat{fill:#BF953F;stroke:none;stroke-width:0}
.cari-reset .silang{stroke:#000;stroke-width:2px}
.cari-input:focus~.cari-reset{right:1.25rem;opacity:1;visibility:visible}
.live-search-item{position:fixed;z-index:9999;background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;color:rgba(255,255,255,.85);border:1.5px solid rgba(191,149,63,.4);box-shadow:0 15px 40px rgba(0,0,0,.6),0 0 25px rgba(191,149,63,.2);max-height:500px;overflow-y:auto}
.live-search-item::-webkit-scrollbar{width:4px}
.live-search-item::-webkit-scrollbar-track{background:rgba(10,10,31,.3);border-radius:10px}
.live-search-item::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#BF953F,#FCF6BA);border-radius:10px;transition:background .2s ease}
.live-search-item::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#FCF6BA,#BF953F)}
.live-search-item ul{padding:0;margin:0;list-style:none;border-radius:10px}
.live-search-item li{padding:12px;border-bottom:1px solid rgba(191,149,63,.15);overflow:hidden;transition:all .2s ease;position:relative;display:flex;align-items:flex-start;gap:12px}
.live-search-item li::before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,#BF953F,#FCF6BA);opacity:0;transition:opacity .2s ease}
.live-search-item li:hover::before{opacity:1}
.live-search-item li:last-child{border-bottom:none}
.live-search-item li:hover{background:linear-gradient(135deg,rgba(191,149,63,.08),rgba(252,246,186,.05));padding-left:15px}
.live-search-item li a{display:flex;align-items:flex-start;text-decoration:none;width:100%;gap:12px}
.live-search-thumb{flex-shrink:0;width:55px;height:80px;overflow:hidden;border-radius:6px;border:1.5px solid rgba(191,149,63,.3);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .2s ease;position:relative}
.live-search-item li:hover .live-search-thumb{border-color:rgba(191,149,63,.6);box-shadow:0 4px 12px rgba(191,149,63,.4);transform:scale(1.05)}
.live-search-item li img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.live-search-item li:hover img{transform:scale(1.1)}
.live-search-item li .over{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.live-search-item li .autotitle{font-size:.92rem;color:rgba(255,255,255,.9);font-weight:600;margin-bottom:5px;line-height:1.4;transition:color .2s ease;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.live-search-item li:hover .autotitle{color:#FCF6BA}
.live-search-item .live-meta{display:block;color:rgba(255,255,255,.6);font-size:.78rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}
.year{padding:2px 7px;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);color:#000;font-weight:700;font-size:.72rem;border-radius:4px;display:inline-block;box-shadow:0 2px 5px rgba(191,149,63,.3);margin-top:3px}
.dn,[mode="not-safe"],.sfw [mode="safe"]{display:none}
.sfw [mode="not-safe"]{display:flex}
.nsfw img{top:0;width:100%;height:100%;z-index:2;display:grid;place-content:center;filter:blur(5px) saturate(2);background-position:center;scale:1.1;background-size:cover}
.sfw .nsfw img{filter:none}
@media(max-width:768px){.cari-input{padding:.9rem 3.5rem .9rem 1rem;font-size:.95rem}.live-search-item{max-height:420px}.live-search-thumb{width:50px;height:72px}.live-search-item li{padding:10px;gap:10px}.live-search-item li .autotitle{font-size:.88rem}.live-search-item .live-meta{font-size:.75rem}}
@media(max-width:480px){.cari-input{padding:.8rem 3rem .8rem .9rem;font-size:.9rem}.live-search-item{max-height:380px}.live-search-item::-webkit-scrollbar{width:3px}.live-search-thumb{width:48px;height:68px}.live-search-item li{padding:10px;gap:10px}.live-search-item li .autotitle{font-size:.86rem;-webkit-line-clamp:3}.live-search-item .live-meta{font-size:.74rem}.year{font-size:.68rem;padding:2px 6px}}
/* Pagination - Golden Theme (Compressed) */
.blog-pager{margin-top:30px;padding:15px 0;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;border-top:2px solid rgba(191,149,63,.3)}
#blog-pager a,.showpageOf,.pagecurrent{padding:10px 20px;margin:0;border-radius:8px;background:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,15,35,.92));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(255,255,255,.8);font-size:15px;font-weight:500;display:inline-block;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);border:1.5px solid rgba(191,149,63,.3);box-shadow:0 2px 8px rgba(0,0,0,.3);position:relative;overflow:hidden}
#blog-pager a::before,.showpageOf::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));transition:left .3s ease;z-index:0}
#blog-pager a:hover::before,.showpageOf:hover::before{left:0}
#blog-pager a span,.showpageOf span,.pagecurrent span{position:relative;z-index:1}
#blog-pager a:hover,#blog-pager a:focus,.showpageOf:hover,.showpageOf:focus{background:linear-gradient(135deg,rgba(191,149,63,.2),rgba(252,246,186,.15));color:#FCF6BA;transform:translateY(-3px);box-shadow:0 6px 16px rgba(191,149,63,.4);border-color:rgba(191,149,63,.6)}
.pagecurrent{background:linear-gradient(135deg,rgba(191,149,63,.25),rgba(252,246,186,.18))!important;color:#FCF6BA!important;font-weight:700;box-shadow:0 6px 16px rgba(191,149,63,.5),inset 0 0 15px rgba(191,149,63,.2)!important;border-color:rgba(191,149,63,.6)!important;transform:scale(1.05)}
#blog-pager a[rel="prev"],#blog-pager a[rel="next"]{background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);color:#000;font-weight:700;border-color:rgba(191,149,63,.6);box-shadow:0 4px 12px rgba(191,149,63,.4);padding:10px 24px}
#blog-pager a[rel="prev"]::before,#blog-pager a[rel="next"]::before{display:none}
#blog-pager a[rel="prev"]:hover,#blog-pager a[rel="next"]:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 20px rgba(191,149,63,.6);background:linear-gradient(135deg,#FCF6BA,#BF953F,#B38728)}
@media(max-width:768px){.blog-pager{gap:8px;padding:12px 0}#blog-pager a,.showpageOf,.pagecurrent{font-size:13px;padding:8px 16px}#blog-pager a[rel="prev"],#blog-pager a[rel="next"]{padding:8px 18px}}
@media(max-width:480px){.blog-pager{gap:6px;margin-top:20px}#blog-pager a,.showpageOf,.pagecurrent{font-size:12px;padding:6px 12px;border-radius:6px}#blog-pager a[rel="prev"],#blog-pager a[rel="next"]{padding:6px 14px}}
/* BOTTOM NAVIGATION - LIGHTWEIGHT GOLDEN */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,rgba(10,10,31,.98) 0%,rgba(26,26,46,.95) 100%);box-shadow:0 -4px 18px rgba(0,0,0,.35);display:flex;justify-content:space-around;align-items:center;padding:10px 0 8px 0;z-index:1000;border-top:1px solid rgba(191,149,63,.3);transition:transform .3s ease}
.bottom-nav::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(252,246,186,.4),transparent)}
.nav-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:rgba(255,255,255,.5);transition:all .2s ease;position:relative;padding:6px 12px;border-radius:10px;min-width:62px;cursor:pointer}
.nav-link:hover{color:#FCF6BA}
.nav-link.active{color:transparent;background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-link.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:28px;height:2px;background:linear-gradient(90deg,#BF953F,#FCF6BA,#B38728);border-radius:10px 10px 0 0}
.nav-link svg{width:20px;height:20px;margin-bottom:3px;transition:all .2s ease;stroke:currentColor;fill:none}
.nav-link:hover svg{transform:translateY(-2px)}
.nav-link.active svg{stroke:url(#goldenGradient)}
.nav-link span{font-size:9px;font-weight:600;letter-spacing:.3px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;white-space:nowrap}
.bottom-nav.hidden{transform:translateY(100%)}
.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);display:none;justify-content:center;align-items:center;z-index:2000;opacity:0;transition:opacity .25s ease}
.popup-overlay.active{display:flex;opacity:1}
.popup-dialog{background:linear-gradient(135deg,rgba(10,10,31,.98) 0%,rgba(26,26,46,.95) 100%);border-radius:16px;padding:22px 18px 18px 18px;max-width:90%;width:340px;box-shadow:0 8px 30px rgba(0,0,0,.45),0 0 0 1px rgba(191,149,63,.3);transform:scale(.92) translateY(15px);transition:transform .25s ease}
.popup-overlay.active .popup-dialog{transform:scale(1) translateY(0)}
.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(191,149,63,.3)}
.popup-title{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;display:flex;align-items:center;gap:7px}
.popup-close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.1rem}
.popup-close:hover{background:linear-gradient(135deg,#BF953F,#B38728);border-color:rgba(191,149,63,.6);transform:rotate(90deg)}
.popup-options{display:grid;gap:9px}
.popup-option{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:13px 16px;color:rgba(255,255,255,.7);text-decoration:none;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;cursor:pointer;font-weight:600;font-size:.93rem}
.popup-option:hover{background:rgba(191,149,63,.12);border-color:rgba(191,149,63,.5);color:#FCF6BA;transform:translateX(4px)}
.popup-option svg{width:18px;height:18px;stroke:currentColor;transition:stroke .2s ease}
.popup-option:hover svg{stroke:url(#goldenGradient)}
@media(min-width:768px){.bottom-nav{padding:12px 0 10px 0}.nav-link{padding:8px 14px;min-width:70px}.nav-link svg{width:22px;height:22px;margin-bottom:4px}.nav-link span{font-size:10px}.popup-dialog{width:380px}}
@media(max-width:480px){.nav-link{padding:5px 10px;min-width:60px}.nav-link svg{width:18px;height:18px}.nav-link span{font-size:8px}.popup-dialog{width:320px;padding:18px 14px 14px 14px}.popup-title{font-size:1.15rem}.popup-option{padding:11px 14px;font-size:.88rem}}
main,#main-wrapper{padding-bottom:70px!important}
body{padding-bottom:70px!important}
/* MENU SLIDER - LIGHTWEIGHT GOLDEN */
.menu-slider-container{position:relative;width:100%;max-width:100%;margin:0 auto 30px auto;overflow:hidden;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.45);background:linear-gradient(135deg,rgba(10,10,31,.97) 0%,rgba(20,15,35,.95) 100%);border:1px solid rgba(191,149,63,.3);padding:12px 0;height:70px;transition:all .25s ease}
.menu-slider-container::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(252,246,186,.5),transparent)}
.menu-slider-container:hover{box-shadow:0 12px 30px rgba(0,0,0,.5);transform:translateY(-2px)}
.menu-track{display:flex;width:fit-content;transition:transform .5s ease;padding:0 12px;height:100%;align-items:center;gap:9px}
.menu-button{display:flex;align-items:center;justify-content:center;min-width:140px;height:46px;margin:0;padding:0 18px;border-radius:12px;text-decoration:none;color:rgba(255,255,255,.6);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:0 3px 12px rgba(0,0,0,.2);transition:all .2s ease;border:1px solid rgba(255,255,255,.12);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
.menu-button:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);transform:translateY(-2px);box-shadow:0 5px 16px rgba(0,0,0,.25)}
.menu-button.active{color:transparent;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));border-color:rgba(191,149,63,.5);box-shadow:0 5px 16px rgba(0,0,0,.22);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.menu-button.active .button-text{background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.menu-button.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:38px;height:2px;background:linear-gradient(90deg,#BF953F,#FCF6BA,#B38728);border-radius:10px 10px 0 0}
.icon-container{margin-right:9px;height:24px;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border-radius:6px;transition:transform .3s ease;z-index:2}
.menu-button:hover .icon-container{transform:rotate(360deg) scale(1.08)}
.icon-container svg{stroke:rgba(255,255,255,.6);transition:stroke .2s ease}
.menu-button:hover .icon-container svg{stroke:rgba(255,255,255,.9)}
.menu-button.active .icon-container svg{stroke:url(#goldenGradient)}
.button-text{font-size:11px;white-space:nowrap;z-index:2;position:relative;font-weight:700;transition:all .2s ease}
.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(191,149,63,.18),rgba(252,246,186,.12));border:1px solid rgba(191,149,63,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 3px 12px rgba(0,0,0,.25);transition:all .2s ease}
.nav-button:hover{background:linear-gradient(135deg,#BF953F,#B38728);border-color:rgba(252,246,186,.6);transform:translateY(-50%) scale(1.12);box-shadow:0 5px 16px rgba(191,149,63,.45)}
.prev-button{left:12px}
.next-button{right:12px}
.nav-icon{width:16px;height:16px;fill:#FCF6BA;transition:fill .2s ease}
.nav-button:hover .nav-icon{fill:#000}
.progress-dots{position:absolute;bottom:-22px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.dot{width:7px;height:7px;border-radius:50%;background:rgba(191,149,63,.22);transition:all .3s ease;cursor:pointer;border:1px solid rgba(191,149,63,.3)}
.dot:hover{background:rgba(252,246,186,.45);transform:scale(1.25);border-color:rgba(252,246,186,.6)}
.dot.active{background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);transform:scale(1.35);border-color:transparent}
.floating-particles{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}
.particle{position:absolute;background:radial-gradient(circle,rgba(252,246,186,.5),transparent);border-radius:50%;animation:floatGolden 7s ease-in-out infinite}
.particle:nth-child(1){width:3px;height:3px;left:15%;animation-delay:0s}
.particle:nth-child(2){width:3px;height:3px;left:70%;animation-delay:2.3s}
.particle:nth-child(3){width:3px;height:3px;left:85%;animation-delay:4.6s}
@keyframes floatGolden{0%,100%{transform:translateY(0) rotate(0deg);opacity:.15}50%{transform:translateY(-22px) rotate(180deg);opacity:.6}}
@keyframes slideIn{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:768px){.menu-slider-container{height:65px;padding:10px 0;margin-bottom:25px}.menu-button{min-width:125px;height:42px;padding:0 16px;font-size:11px}.nav-button{width:34px;height:34px}.icon-container{width:22px;height:22px;margin-right:8px}}
@media(max-width:480px){.menu-slider-container{height:60px;padding:8px 0;margin-bottom:22px;border-radius:10px}.menu-button{min-width:110px;height:38px;font-size:10px;padding:0 14px;border-radius:10px}.menu-track{gap:7px}.nav-button{width:30px;height:30px}.nav-icon{width:14px;height:14px}.icon-container{width:20px;height:20px;margin-right:7px}.button-text{font-size:9px}.dot{width:6px;height:6px}}
/* ANIME SLIDER - LIGHTWEIGHT GOLDEN */
.anime-hero-slider-wrapper{--ahs-primary:#BF953F;--ahs-primary-hover:#B38728;--ahs-bg-dark:#0a0a1f;--ahs-text-light:#fff;--ahs-overlay-dark:rgba(10,10,31,.95);--ahs-transition:.5s ease;background-color:var(--ahs-bg-dark);margin-bottom:18px}
.anime-hero-slider-wrapper[data-status="off"]{display:none!important}
.anime-hero-heading{padding:8px 50px;padding-left:max(50px,calc((100vw - 1400px)/2));padding-right:max(50px,calc((100vw - 1400px)/2));background-color:transparent;display:flex;justify-content:space-between;align-items:center;gap:15px}
.anime-hero-heading h2{font-size:1.35rem;font-weight:800;color:#fff;margin:0;text-align:left;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:9px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anime-hero-heading svg{width:25px;height:25px;flex-shrink:0;fill:url(#goldenGradient)}
.anime-hero-view-all{display:inline-flex;align-items:center;gap:6px;padding:7px 17px;border-radius:50px;background:linear-gradient(135deg,rgba(191,149,63,.22) 0%,rgba(252,246,186,.12) 100%);border:1px solid rgba(191,149,63,.6);color:#FCF6BA;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s ease;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;white-space:nowrap;flex-shrink:0}
.anime-hero-view-all:hover{border-color:#FCF6BA;transform:translateY(-2px);box-shadow:0 5px 16px rgba(191,149,63,.35)}
.anime-hero-view-all i{font-size:.74rem;transition:transform .2s ease}
.anime-hero-view-all:hover i{transform:translateX(3px)}
.anime-hero-slider{position:relative;width:100%;height:55vh;min-height:420px;max-height:550px;overflow:hidden;background-color:var(--ahs-bg-dark);color:var(--ahs-text-light);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;isolation:isolate}
.anime-hero-slider__track{display:flex;height:100%;transition:transform var(--ahs-transition)}
.anime-hero-slider__slide{flex:0 0 100%;position:relative;height:100%;min-width:100%;cursor:pointer}
.anime-hero-slider__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);overflow:hidden;pointer-events:none}
.anime-hero-slider__bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(10,10,31,1) 0%,rgba(10,10,31,.98) 18%,rgba(10,10,31,.92) 32%,rgba(10,10,31,.75) 48%,rgba(10,10,31,.5) 65%,transparent 100%);z-index:2}
.anime-hero-slider__bg::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:25%;background:linear-gradient(to top,rgba(10,10,31,.85),transparent);z-index:2}
.anime-hero-slider__bg-image{position:absolute;right:0;top:0;bottom:0;height:100%;width:auto;max-width:45%;object-fit:contain;object-position:right center;opacity:1;transition:opacity .8s ease;z-index:1}
.anime-hero-slider__slide--active .anime-hero-slider__bg-image{opacity:1}
.anime-hero-slider__content{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px 50px;padding-left:max(50px,calc((100vw - 1400px)/2));z-index:3;max-width:650px;pointer-events:none}
.anime-hero-slider__spotlight{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(191,149,63,.18) 0%,rgba(252,246,186,.08) 100%);border:1px solid rgba(191,149,63,.4);padding:6px 13px;border-radius:30px;font-size:.78rem;font-weight:700;color:#FCF6BA;margin-bottom:13px;width:fit-content;opacity:1}
.anime-hero-slider__spotlight-icon{font-size:.84rem;color:#FBF5B7}
.anime-hero-slider__title{font-size:2.4rem;font-weight:900;line-height:1.15;margin:0 0 13px 0;color:#fff;text-shadow:2px 4px 14px rgba(0,0,0,.55);opacity:1;max-width:95%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.anime-hero-slider__badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;opacity:1}
.anime-hero-slider__badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:6px 13px;border-radius:7px;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:#fff}
.anime-hero-slider__badge-icon{font-size:.84rem}
.anime-hero-slider__buttons{display:flex;gap:11px;opacity:1;flex-wrap:nowrap}
.anime-hero-slider__btn{padding:12px 27px;border-radius:50px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:none;position:relative;overflow:hidden;font-family:inherit;pointer-events:auto}
.anime-hero-slider__btn--primary{background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);color:#000!important;box-shadow:0 6px 20px rgba(191,149,63,.35);font-weight:800}
.anime-hero-slider__btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(191,149,63,.5)}
.anime-hero-slider__btn--primary span,.anime-hero-slider__btn--primary .anime-hero-slider__btn-icon{color:#000!important}
.anime-hero-slider__btn-icon{font-size:1rem}
.anime-hero-slider__nav{position:absolute;bottom:30px;right:45px;display:flex;gap:11px;z-index:10}
.anime-hero-slider__nav-btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;font-size:1.15rem}
.anime-hero-slider__nav-btn:hover{background:linear-gradient(135deg,#BF953F 0%,#B38728 100%);border-color:rgba(191,149,63,.6);transform:scale(1.06);box-shadow:0 4px 15px rgba(191,149,63,.45)}
.anime-hero-slider__indicators{position:absolute;bottom:30px;left:45px;display:flex;gap:9px;z-index:10}
.anime-hero-slider__indicator{width:34px;height:3px;border-radius:10px;background:rgba(255,255,255,.22);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}
.anime-hero-slider__indicator--active{background:linear-gradient(90deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);width:50px;box-shadow:0 0 12px rgba(191,149,63,.7)}
.anime-hero-slider--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:15px}
.anime-hero-slider__loading-spinner{position:relative;width:60px;height:60px}
.anime-hero-slider__loading-spinner::before,.anime-hero-slider__loading-spinner::after{content:'';position:absolute;border-radius:50%}
.anime-hero-slider__loading-spinner::before{width:60px;height:60px;border:3px solid transparent;border-top-color:#BF953F;border-right-color:#FCF6BA;border-bottom-color:#B38728;animation:goldenSpin 1.3s linear infinite}
.anime-hero-slider__loading-spinner::after{width:45px;height:45px;top:7.5px;left:7.5px;border:3px solid transparent;border-top-color:#FCF6BA;border-left-color:#BF953F;animation:goldenSpinReverse .9s linear infinite}
@keyframes goldenSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes goldenSpinReverse{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}
.anime-hero-slider__loading-text{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@media(max-width:1200px){.anime-hero-heading{padding:7px 40px}.anime-hero-heading h2{font-size:1.28rem}.anime-hero-heading svg{width:23px;height:23px}.anime-hero-view-all{padding:6px 15px;font-size:.74rem}.anime-hero-slider{height:52vh;min-height:400px;max-height:520px}.anime-hero-slider__title{font-size:2.25rem}.anime-hero-slider__bg-image{max-width:42%}}
@media(max-width:992px){.anime-hero-heading{padding:6px 30px}.anime-hero-heading h2{font-size:1.18rem}.anime-hero-heading svg{width:21px;height:21px}.anime-hero-view-all{padding:6px 13px;font-size:.68rem}.anime-hero-slider{height:48vh;min-height:370px;max-height:480px}.anime-hero-slider__content{padding:35px;max-width:570px}.anime-hero-slider__title{font-size:2rem}.anime-hero-slider__bg-image{max-width:40%}.anime-hero-slider__nav{right:35px;bottom:26px}.anime-hero-slider__indicators{left:35px;bottom:26px}}
@media(max-width:768px){.anime-hero-heading{padding:6px 12px}.anime-hero-heading h2{font-size:1.13rem;gap:7px}.anime-hero-heading svg{width:19px;height:19px}.anime-hero-view-all{padding:5px 11px;font-size:.64rem}.anime-hero-slider{height:35vh;min-height:280px;max-height:350px}.anime-hero-slider__loading-spinner{width:48px;height:48px}.anime-hero-slider__loading-spinner::before{width:48px;height:48px}.anime-hero-slider__loading-spinner::after{width:34px;height:34px;top:7px;left:7px}.anime-hero-slider__loading-text{font-size:.92rem}.anime-hero-slider__bg::before{background:linear-gradient(90deg,rgba(10,10,31,1) 0%,rgba(10,10,31,.96) 18%,rgba(10,10,31,.88) 32%,rgba(10,10,31,.68) 50%,rgba(10,10,31,.4) 70%,transparent 100%)}.anime-hero-slider__bg-image{max-width:50%}.anime-hero-slider__content{justify-content:center;padding:12px;max-width:48%}.anime-hero-slider__spotlight{font-size:.62rem;padding:4px 10px;margin-bottom:8px}.anime-hero-slider__spotlight-icon{font-size:.68rem}.anime-hero-slider__title{font-size:1.35rem;margin-bottom:9px;line-height:1.2;-webkit-line-clamp:2}.anime-hero-slider__badges{margin-bottom:9px;gap:5px}.anime-hero-slider__badge{padding:4px 10px;font-size:.68rem}.anime-hero-slider__badge-icon{font-size:.72rem}.anime-hero-slider__buttons{gap:8px;margin-top:3px}.anime-hero-slider__btn{padding:9px 18px;font-size:.74rem;gap:6px}.anime-hero-slider__btn-icon{font-size:.88rem}.anime-hero-slider__nav{right:10px;bottom:10px}.anime-hero-slider__nav-btn{width:31px;height:31px;font-size:.8rem}.anime-hero-slider__indicators{left:10px;bottom:10px}.anime-hero-slider__indicator{width:20px;height:2.5px}.anime-hero-slider__indicator--active{width:31px}}
@media(max-width:480px){.anime-hero-heading h2{font-size:1.03rem}.anime-hero-heading svg{width:17px;height:17px}.anime-hero-view-all{padding:4px 10px;font-size:.59rem}.anime-hero-slider{height:32vh;min-height:260px;max-height:320px}.anime-hero-slider__content{padding:10px;max-width:50%}.anime-hero-slider__bg-image{max-width:48%}.anime-hero-slider__spotlight{font-size:.59rem;padding:3px 9px;margin-bottom:6px}.anime-hero-slider__title{font-size:1.22rem;margin-bottom:7px}.anime-hero-slider__badges{margin-bottom:7px;gap:4px}.anime-hero-slider__badge{padding:3px 9px;font-size:.62rem}.anime-hero-slider__buttons{gap:7px}.anime-hero-slider__btn{padding:8px 15px;font-size:.7rem;gap:5px}.anime-hero-slider__nav{right:8px;bottom:8px;gap:5px}.anime-hero-slider__nav-btn{width:28px;height:28px;font-size:.68rem}.anime-hero-slider__indicators{left:8px;bottom:8px;gap:4px}.anime-hero-slider__indicator{width:16px;height:2px}.anime-hero-slider__indicator--active{width:26px}}
@media(max-width:375px){.anime-hero-heading h2{font-size:.98rem}.anime-hero-heading svg{width:15px;height:15px}.anime-hero-view-all{padding:4px 9px;font-size:.57rem}.anime-hero-slider{height:30vh;min-height:240px;max-height:290px}.anime-hero-slider__title{font-size:1.1rem}.anime-hero-slider__btn{padding:7px 13px;font-size:.64rem}.anime-hero-slider__badge{font-size:.59rem;padding:2px 8px}}
/* Background Animation */
body{margin:0;padding:0;min-height:100vh;background:#000;position:relative}
.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to top,#1c052e,#070313);overflow:hidden}
#moon{position:absolute;top:5vh;right:10vw;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#f5f5f5,#d8d8d8);box-shadow:0 0 20px 5px rgba(240,240,255,.6),0 0 50px 20px rgba(240,240,255,.3),inset 0 0 15px rgba(0,0,0,.2);animation:shine 8s ease-in-out infinite}
#stars,#stars2,#stars3{position:absolute;left:0;top:0;width:1px;height:1px;background:transparent;animation:animStar linear infinite}
#stars{animation-duration:50s;box-shadow:78vw 8vh 0 0 #FFF,89vw 4vh 1px 1px #FFF,96vw 25vh 1px 0 #FFF,24vw 35vh 1px 1px #FFF,62vw 1vh 0 0 #FFF,4vw 97vh 1px 1px #FFF,3vw 12vh 0 1px #FFF,43vw 9vh 1px 1px #FFF,8vw 60vh 0 1px #FFF,64vw 33vh 1px 1px #FFF}
#stars2{animation-duration:100s;box-shadow:24vw 85vh 1px 1px #FFF,4vw 46vh 1px 1px #FFF,63vw 3vh 1px 1px #FFF,25vw 2vh 0 1px #FFF,34vw 1vh 0 0 #FFF,54vw 91vh 0 0 #FFF,7vw 80vh 1px 0 #FFF,50vw 81vh 1px 1px #FFF,15vw 68vh 0 1px #FFF,8vw 9vh 0 0 #FFF}
#stars3{animation-duration:150s;box-shadow:82vw 82vh 0 1px #FFF,98vw 98vh 1px 1px #FFF,4vw 40vh 0 0 #FFF,33vw 69vh 0 1px #FFF,91vw 12vh 1px 1px #FFF,6vw 7vh 1px 0 #FFF,75vw 3vh 1px 1px #FFF,65vw 50vh 0 1px #FFF,10vw 82vh 1px 0 #FFF,47vw 9vh 0 0 #FFF}
#shooting-stars{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-45deg)}
#shooting-stars span{position:absolute;background:linear-gradient(-45deg,#eee222,transparent);border-radius:999px;filter:drop-shadow(0 0 6px #eee222);animation:shooting-star-animation 5s ease-in-out infinite}
#shooting-stars span:nth-of-type(1){top:50%;left:50%;width:2px;height:150px;animation-delay:-2.3s}
#shooting-stars span:nth-of-type(2){top:20%;left:80%;width:1px;height:100px;background:linear-gradient(-45deg,#87CEEB,transparent);filter:drop-shadow(0 0 6px #87CEEB);animation-delay:-4.1s}
@keyframes animStar{from{transform:translateY(0)}to{transform:translateY(-2000px)}}
@keyframes shine{50%{transform:scale(1.02);box-shadow:0 0 30px 10px rgba(240,240,255,.7),0 0 60px 25px rgba(240,240,255,.4),inset 0 0 15px rgba(0,0,0,.2)}}
@keyframes shooting-star-animation{0%{transform:translateY(-300vh);opacity:1}80%{opacity:1}100%{transform:translateY(300vh);opacity:0}}
.content{position:relative;z-index:1;color:#fff;text-align:center;padding:50px 20px;font-family:Arial,sans-serif}
.content h1{font-size:3rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,255,255,.5)}
.content p{font-size:1.2rem;opacity:.8;max-width:600px;margin:0 auto 50px;line-height:1.6}
.extra-content{padding:50px 20px;color:#fff;text-align:center;font-family:Arial,sans-serif}
.extra-content h2{font-size:2rem;margin-bottom:1rem;color:#eee222}
.demo-section{margin:100px auto;padding:50px;background:rgba(255,255,255,.1);border-radius:15px;backdrop-filter:blur(10px);max-width:800px}
/* Telegram Card Golden Theme */
#tg-bar{position:fixed;top:60px;left:0;width:100%;z-index:999;padding:8px;display:flex;justify-content:center;align-items:center;animation:slideDown .5s ease}
@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
.tg-btn{display:flex;align-items:center;background:linear-gradient(135deg,rgba(10,10,31,.95),rgba(20,20,35,.9));color:#fff;border:1px solid rgba(191,149,63,.4);border-radius:25px;padding:8px 18px;text-decoration:none;margin-left:50px;box-shadow:0 4px 15px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s;position:relative;overflow:hidden;backdrop-filter:blur(10px)}
.tg-btn::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FCF6BA,transparent);opacity:.6}
.tg-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(191,149,63,.4);border-color:rgba(191,149,63,.6)}
.tg-icon{font-size:22px;margin-right:10px;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(191,149,63,.5));animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.tg-text{display:flex;flex-direction:column;line-height:1.3}
.tg-primary{font-weight:700;font-size:14px;background:linear-gradient(135deg,#BF953F,#FCF6BA,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.4px}
.tg-secondary{font-size:11px;color:rgba(255,255,255,.7);font-weight:500;letter-spacing:.2px}
.close-btn{margin-left:12px;background:rgba(191,149,63,.15);color:#FCF6BA;border:1.5px solid rgba(191,149,63,.5);width:32px;height:32px;border-radius:50%;font-size:22px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.close-btn:hover{background:rgba(191,149,63,.3);color:#fff;border-color:rgba(191,149,63,.8);transform:rotate(180deg) scale(1.15);box-shadow:0 4px 12px rgba(191,149,63,.4)}
@media(max-width:500px){#tg-bar{top:50px;padding:6px}.tg-btn{padding:6px 14px;margin-left:0}.tg-icon{font-size:20px;margin-right:8px}.tg-primary{font-size:13px}.tg-secondary{font-size:10px;max-width:150px;white-space:normal}.close-btn{width:28px;height:28px;font-size:18px;margin-left:8px}}
/* --- POST SIDEBAR HIDE & FULL WIDTH FIX --- */
#sidebar {
display: none !important; /* Sidebar ko hide karne ke liye */
}
.gta-ms {
grid-template-columns: 1fr !important; /* Sidebar ki jagah khatam karke content ko full stretch karega */
display: block !important;
}
/* Streaming page par extra space hatane ke liye */
.player-wrapper2 {
max-width: 100% !important;
width: 100% !important;
}
/* Sidebar khali hone par bhi jagah na le uske liye margin fix */
@media screen and (min-width: 1279px) {
.gta-ms {
gap: 0 !important;
}
}


/* ===== TEMPLATE-SKIN ===== */
html,body#layout #outer-wrapper,body#layout .row{width:auto;padding:0}
body#layout{position:relative;width:auto;max-width:100%;background-color:#f9f9f9;padding:95px 5px 0;margin:0}
body#layout:before{content:'Blakite Anime Gold v5.3';position:absolute;top:0;left:5px;right:5px;height:95px;font-family:Roboto,sans-serif;font-size:23px;color:#0F1618;line-height:95px;text-align:center}
body#layout div.section{display:block;background-color:#f1f1f1!important;margin:0 5px 10px!important;padding:16px 16px 18px!important;border-color:#e5e5e5}
body#layout .no-items.section{display:block}
body#layout .section h4{font-size:14px;color:#0F1618;text-transform:uppercase;margin:0}
body#layout .section h4:after{text-transform:initial;color:#656565;font-weight:400}
body#layout .add_widget a{color:#ba6016!important}
body#layout .widget-wrap3{overflow:hidden}
body#layout .widget-content{width:auto;max-width:none;max-height:none;margin:0;border:1px solid #e5e5e5;border-left:0}
body#layout .locked-widget .widget-content{border-left:1px solid #ba6016}
body#layout .locked-widget .widget-content:hover{border-left-color:#00b140}
body#layout .widget .widget-content a.editlink{border-radius:2px}
body#layout .visibility .editlink{background:#ba6016 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5RY6s9a4gPtJdzmhNRDQqFFB8DPEqmh_gfm67UrP_QnE-1OfjnOc8kzCTBFj2IzZiMG-p-pKppgkJ_33l8nt4qDQoHSydpIaWfz4gvlY9UAKPV7A74e3nZ7CrP5soEckUtdp9WoemkEc/s18-c/mode_edit_w600_24dp.png) no-repeat center!important}
body#layout .visibility .editlink:hover{background-color:#00b140!important}
body#layout .draggable-widget .widget-wrap2{background:#ba6016 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtNZXUys46RHQM_1kX4AuJysUJublxv8MReMFWQWLi-bbmc8UDQfUqgsQxGOG8XZdJu0yIVSXuU63e-7bWC8CetqjFv_mNaj2epSXcSXZsAV7Cn91sMdZH87mgKZIuFyiYsUISF9_OxQ/s22/draggable.png) no-repeat 4px 50%!important}
body#layout .draggable-widget .widget-wrap1:hover .widget-wrap2{background-color:#00b140!important}
body#layout .visibility .layout-widget-state.visible{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl97fDT_FmL7BWreRMzffZAx_JTVRHAvEcFcxqmzL6AW1kr_LU7YlKdCGcgJ2ejkijSTSQZ4Pq0j28SMnb1y0_HRtIiN1REu3K_4RC8Y2DzQc9wMsl8PqZU32DGy52gzsEcbE_EE4hOOc/s1600/visibility_c3_600_24dp.png)!important}
body#layout .visibility .layout-widget-state.not-visible{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixE-SUSVGcjE6-nX-Lnj8WJYarQbTKW-e_6c6x00fBPxc8Gweh66xNSviwUiUiTF38ShapB8lF_6YY0LuyY73tuoawUeopLKHWoC-sSuve4gDh5SGPm6yBnpXgh7nvQkzdk35Xig3kGEo/s1600/visibility_off_c3_600_24dp.png)!important;opacity:1}
body#layout #sidebar-post > h4:after{content:' - on Post Only'}
body#layout #sidebar-index > h4:after{content:' - on Index Only'}
body#layout #sidebar-home > h4:after{content:' - on Homepage Only'}
body#layout #header {
background-color: #fbede1 !important;
overflow: hidden !important;
border-color: #f8dcc3;
}
body#layout main {
display: flex;
}
body#layout #main {
width: 70%;
}
body#layout #sidebar {
width: 30%;
}
body#layout:after{content:'Redesigned by - Blakite Anime (Robin)';display:block;font-family:Roboto,sans-serif;font-size:20px;color:#555;line-height:1;text-align:center;visibility:visible;padding:20px 0}

/* ===== HERO SLIDER ===== */
/* 🔥 DESKTOP STYLES (UNCHANGED) */
:root {
    --gold-grad: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
    --bg-deep: #0a0a12;
}
.hero-wrapper {
    position: relative;
    width: 100%;
    height: 550px;
    background: var(--bg-deep);
    border-radius: 16px;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.6);
    border: 1px solid rgba(191,149,63,0.3);
    touch-action: pan-y;
    z-index: 1;
}
.hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in-out, visibility 0.5s; z-index: 1; }
.hero-slide.active { opacity: 1; visibility: visible; z-index: 2; }
.hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center top; transition: transform 6s ease; }
.hero-slide.active .hero-bg { transform: scale(1.05); }
.hero-pattern { position: absolute; inset: 0; background-image: radial-gradient(rgba(0, 0, 0, 0.3) 1px, transparent 1px); background-size: 4px 4px; z-index: 2; pointer-events: none; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,18,0.95) 0%, rgba(10,10,18,0.5) 60%, transparent 100%); z-index: 3; }
.hero-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 60px; z-index: 5; }
/* SPOTLIGHT TAG */
.spotlight-tag {
    position: absolute;
    top: 25px;
    left: 60px;
    display: inline-flex; align-items: center; gap: 8px;
    color: #FCF6BA; font-weight: 800; text-transform: uppercase;
    font-size: 0.85rem; letter-spacing: 1px;
    z-index: 6;
}
.spotlight-line { width: 30px; height: 3px; background: var(--gold-grad); border-radius: 2px; }
.hero-info {
    width: 50%; display: flex; flex-direction: column; gap: 12px;
    transform: translateY(20px); opacity: 0; transition: all 0.5s ease 0.2s;
    margin-top: 50px;
}
.hero-slide.active .hero-info { transform: translateY(0); opacity: 1; }
.hero-title {
    font-size: 3rem; font-weight: 900; line-height: 1.1; margin: 0;
    background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.8));
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.hero-meta { display: flex; align-items: center; gap: 12px; color: #ccc; font-size: 0.9rem; font-weight: 600; }
.quality-badge { background: var(--gold-grad); color: #000; padding: 2px 8px; border-radius: 4px; font-weight: 800; font-size: 0.75rem; }
.rating-item { display: flex; align-items: center; gap: 4px; color: #ffeb3b; }
.rating-item svg { width: 14px; height: 14px; fill: currentColor; }
.hero-desc {
    color: rgba(255,255,255,0.8); font-size: 0.95rem; line-height: 1.5;
    max-width: 90%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.hero-btns { display: flex; gap: 15px; margin-top: 10px; width: max-content; }
.btn-gold {
    padding: 12px 30px; border-radius: 50px; text-decoration: none;
    background: var(--gold-grad); color: #000; font-weight: 800; font-size: 1rem;
    display: flex; align-items: center; gap: 8px; transition: transform 0.2s;
    box-shadow: 0 5px 15px rgba(191,149,63,0.3);
}
.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(191,149,63,0.5); }
.btn-glass {
    padding: 12px 30px; border-radius: 50px; text-decoration: none;
    background: rgba(255,255,255,0.1); color: #fff; font-weight: 700; font-size: 1rem;
    border: 1px solid rgba(255,255,255,0.2); backdrop-filter: blur(5px);
}
.hero-poster-wrapper {
    width: 40%; display: flex; justify-content: center;
    transform: translateX(50px) scale(0.9); opacity: 0; transition: all 0.6s ease 0.2s;
}
.hero-slide.active .hero-poster-wrapper { transform: translateX(0) scale(1); opacity: 1; }
.hero-poster {
    width: 220px; aspect-ratio: 2/3; border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.8); object-fit: cover;
    border: 2px solid rgba(191,149,63,0.3); transform: rotate(5deg);
}
.hero-nav { position: absolute; bottom: 30px; right: 60px; z-index: 10; display: flex; gap: 10px; }
.nav-arrow { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; }
.nav-arrow:hover { background: #BF953F; color: #000; }
.nav-arrow svg { width: 20px; height: 20px; fill: currentColor; }
.gold-loader { width: 40px; height: 40px; border: 3px solid transparent; border-top-color: #BF953F; border-radius: 50%; animation: spin 1s linear infinite; margin: 250px auto; }
@keyframes spin { to { transform: rotate(360deg); } }
/* 🔥 MOBILE FIXES - COMPACT & NO OVERLAP */
@media (max-width: 768px) {
    .hero-wrapper { 
        height: 260px !important; /* Height reduced significantly to remove empty space */
        margin-bottom: 20px;
    }
    .hero-overlay {
        background: linear-gradient(180deg, 
            rgba(10,10,18,0.95) 0%, 
            rgba(10,10,18,0.85) 40%, 
            rgba(10,10,18,1) 100%);
    }
    .hero-content {
        padding: 10px 15px !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        height: 100%;
    }
    /* 1. Spotlight Top Fix */
    .spotlight-tag {
        position: absolute !important;
        top: 12px !important;
        left: 15px !important;
        font-size: 0.65rem !important;
        z-index: 6 !important;
    }
    .spotlight-line { width: 12px !important; height: 1.5px !important; }
    /* 2. Info Pushed Down (Overlap Fix) */
    .hero-info {
        width: 100% !important;
        margin-top: 35px !important; /* Creates gap between Spotlight and Title */
        gap: 4px !important;
        padding-right: 110px !important; /* Space for poster */
    }
    .hero-title {
        font-size: 1.25rem !important;
        line-height: 1.2 !important;
        margin-bottom: 2px !important;
        -webkit-line-clamp: 2 !important;
    }
    .hero-meta { 
        font-size: 0.7rem !important; 
        gap: 5px !important; 
        margin-bottom: 2px !important;
    }
    .hero-desc { 
        font-size: 0.7rem !important; 
        line-height: 1.3 !important;
        margin-bottom: 5px !important;
        -webkit-line-clamp: 2 !important; /* Limit desc lines */
    }
    /* 3. Buttons Compact */
    .hero-btns {
        gap: 8px !important;
        margin-top: 2px !important;
    }
    .btn-gold {
        padding: 6px 16px !important;
        font-size: 0.75rem !important;
        min-height: 32px !important;
    }
    .btn-glass { display: none !important; }
    /* 4. Poster Sizing */
    .hero-poster-wrapper {
        position: absolute !important;
        top: 40px !important;
        right: 10px !important;
        width: 100px !important;
        height: 145px !important;
        z-index: 7 !important;
        transform: translateX(0) scale(1) !important;
        opacity: 1 !important;
    }
    .hero-poster {
        width: 100% !important;
        height: 100% !important;
        border-radius: 6px !important;
        border: 1.5px solid rgba(191,149,63,0.7) !important;
        transform: rotate(3deg) !important; /* Less rotation for mobile */
    }
    .hero-nav { display: none !important; }
}

/* ===== CATEGORY SLIDERS (gold theme) ===== */
/* --- CSS: PREMIUM GOLDEN STYLE --- */
:root {
  --gold-grad: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
  --gold-text: #FCF6BA;
  --status-ong: linear-gradient(135deg, #ff4b1f, #ff9068);
  --status-cmp: linear-gradient(135deg, #11998e, #38ef7d);
  --status-rel: linear-gradient(135deg, #BF953F, #FCF6BA);
}
/* FULL-PAGE PRELOADER */
#site-preloader {
  position: fixed; inset: 0; z-index: 99999;
  background: linear-gradient(135deg, #0a0a1f 0%, #141029 100%);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px;
  transition: opacity .45s ease, visibility .45s ease;
}
#site-preloader.hide { opacity: 0; visibility: hidden; pointer-events: none; }
#site-preloader .prldr-spin { width: 74px; height: 74px; position: relative; }
#site-preloader .prldr-spin::before, #site-preloader .prldr-spin::after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; }
#site-preloader .prldr-spin::before { inset: 0; border-top-color: #BF953F; border-right-color: #B38728; animation: spin 1.1s linear infinite; box-shadow: 0 0 18px rgba(191,149,63,.25); }
#site-preloader .prldr-spin::after { inset: 12px; border-top-color: #FCF6BA; border-left-color: #fff; animation: spinReverse .75s linear infinite; }
#site-preloader .prldr-text {
  font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: 5px; text-transform: uppercase;
  background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  font-size: 1rem; text-align: center;
}
#site-preloader .prldr-sub { color: rgba(255,255,255,.45); font-size: .78rem; letter-spacing: 2px; text-transform: uppercase; }
/* SPINNER */
.golden-spinner { width: 50px; height: 50px; position: relative; }
.golden-spinner::before, .golden-spinner::after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; }
.golden-spinner::before { inset: 0; border-top-color: #BF953F; border-right-color: #B38728; animation: spin 1.2s linear infinite; }
.golden-spinner::after { inset: 10px; border-top-color: #FCF6BA; border-left-color: #FFF; animation: spinReverse 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes spinReverse { to { transform: rotate(-360deg); } }
/* COMMON ROW STYLES */
.cat-row { margin-bottom: 35px; width: 100%; overflow: hidden; opacity: 1; transition: opacity 0.3s; }
.cat-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 0 15px 10px 15px; border-bottom: 1px solid rgba(191, 149, 63, 0.25);
  margin-bottom: 15px;
}
.cat-title {
  font-size: 1.3rem; font-weight: 800; margin: 0; text-transform: uppercase;
  letter-spacing: 0.5px; background: var(--gold-grad);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  display: flex; align-items: center; gap: 10px;
}
.cat-icon svg {
  width: 22px; height: 22px; fill: url(#goldenGradientHeader);
  filter: drop-shadow(0 2px 2px rgba(0,0,0,0.5)); display: block;
}
.cat-view-all {
  font-size: 0.7rem; font-weight: 700; color: rgba(255,255,255,0.7);
  border: 1px solid rgba(255,255,255,0.2); padding: 5px 12px; border-radius: 50px;
  text-decoration: none; text-transform: uppercase; transition: 0.3s; cursor: pointer;
}
.cat-view-all:hover { border-color: #BF953F; color: #FCF6BA; background: rgba(191, 149, 63, 0.1); }
/* SLIDER CONTAINER & NAV */
.slider-wrapper-rel { position: relative; }
.cat-slider {
  display: flex; gap: 12px; overflow-x: auto; overflow-y: hidden;
  padding: 5px 15px 25px 15px; scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.cat-slider::-webkit-scrollbar { display: none; }
.nav-btn {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 20;
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(10, 10, 20, 0.8); border: 1px solid #BF953F;
  color: #FCF6BA; cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: all 0.3s ease; opacity: 0; pointer-events: none;
}
.slider-wrapper-rel:hover .nav-btn { opacity: 1; pointer-events: auto; }
.nav-btn:hover { background: var(--gold-grad); color: #000; box-shadow: 0 0 15px rgba(191,149,63,0.5); }
.nav-btn svg { width: 24px; height: 24px; fill: currentColor; }
.nav-btn.prev { left: 5px; } .nav-btn.next { right: 5px; }
/* CARD ITEM */
.cat-item {
  flex: 0 0 165px; width: 165px; min-width: 165px;
  position: relative; transition: transform 0.3s, z-index 0.3s; cursor: pointer;
  text-decoration: none; display: block;
}
@media (max-width: 768px) {
  .cat-item { flex: 0 0 160px !important; width: 160px !important; min-width: 160px !important; }
  .cat-title { font-size: 1.1rem; }
  /* FIX: Mobile par slider buttons hide kar diye */
  .nav-btn { display: none !important; }
}
@media (hover: hover) {
  .cat-item:hover { transform: scale(1.05) translateY(-5px); z-index: 10; }
  .cat-item:hover .cat-poster { border-color: #BF953F; box-shadow: 0 10px 20px rgba(0,0,0,0.5); }
}
.cat-poster {
  width: 100%; aspect-ratio: 2/3; border-radius: 8px; overflow: hidden;
  position: relative; border: 1.5px solid rgba(191, 149, 63, 0.2);
  background: #151515; box-shadow: 0 4px 8px rgba(0,0,0,0.3); transition: border-color 0.3s, box-shadow 0.3s;
}
.cat-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* BADGES */
.badge-status { position: absolute; top: 0; right: 0; font-size: 9px; font-weight: 800; color: #fff; padding: 3px 6px; border-radius: 0 0 0 6px; text-transform: uppercase; z-index: 5; }
.st-ong { background: var(--status-ong); }
.st-cmp { background: var(--status-cmp); }
.st-rel { background: var(--status-rel); color: #000; }
.cat-badges { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; background: linear-gradient(to top, rgba(0,0,0,0.95) 10%, transparent); display: flex; justify-content: space-between; align-items: flex-end; gap: 5px; }
.badge-ep, .badge-lang { font-size: 10px; font-weight: 800; padding: 3px 6px; border-radius: 4px; line-height: 1; text-transform: uppercase; }
.badge-ep { background: var(--gold-grad); color: #000; box-shadow: 0 2px 5px rgba(0,0,0,0.3); }
.badge-lang { background: rgba(0,0,0,0.85); color: #fff; border: 1px solid rgba(255,255,255,0.3); }
.cat-item-title { margin-top: 8px; font-size: 0.85rem; font-weight: 600; text-align: center; line-height: 1.3; background: var(--gold-grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #FCF6BA; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2.6em; padding: 0 2px; }
/* CONTINUE WATCHING BTN */
.history-remove-btn {
  position: absolute; 
  top: 8px; 
  right: 8px;
  width: 24px; height: 24px;
  background: rgba(185, 28, 28, 0.9); color: white; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: bold; border: 1.5px solid rgba(255,255,255,0.8);
  cursor: pointer; z-index: 20; box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  transition: transform 0.2s;
}
.history-remove-btn:hover { transform: scale(1.1); background: #dc2626; border-color: #fff; }
/* SCROLLABLE TABS */
.genre-scroller { display: flex; gap: 10px; overflow-x: auto; padding: 0 15px 15px 15px; margin-bottom: 10px; scrollbar-width: none; }
.genre-scroller::-webkit-scrollbar { display: none; }
.genre-pill { flex: 0 0 auto; padding: 8px 16px; border-radius: 50px; background: rgba(255,255,255,0.05); border: 1px solid rgba(191,149,63,0.3); color: rgba(255,255,255,0.7); font-size: 0.8rem; font-weight: 600; cursor: pointer; transition: 0.3s; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.genre-pill span { background: rgba(0,0,0,0.3); padding: 1px 6px; border-radius: 10px; font-size: 0.7rem; color: #BF953F; }
.genre-pill:hover { border-color: #BF953F; color: #FCF6BA; }
.genre-pill.active { background: var(--gold-grad); color: #000; border-color: transparent; box-shadow: 0 4px 15px rgba(191,149,63,0.3); }
.genre-pill.active span { background: rgba(0,0,0,0.2); color: #fff; }

/* ===== SEARCH DROPDOWN ===== */
/* CSS STYLES (Wahi original premium look) */
#blakite-search-results {
  position: absolute; top: 100%; left: 0; right: 0;
  background: #0e0e1a; border: 1px solid #BF953F;
  border-top: none; border-radius: 0 0 10px 10px;
  max-height: 400px; overflow-y: auto; z-index: 9999;
  display: none; box-shadow: 0 10px 30px rgba(0,0,0,0.8);
}
#blakite-search-results.active { display: block; }
.search-item {
  display: flex; gap: 10px; padding: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  cursor: pointer; transition: 0.2s; text-decoration: none;
}
.search-item:hover { background: rgba(191, 149, 63, 0.15); }
.s-thumb { width: 50px; height: 70px; border-radius: 4px; object-fit: cover; border: 1px solid rgba(191,149,63,0.3); }
.s-info { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.s-title { 
  color: #fff; font-size: 0.9rem; font-weight: 700; 
  margin-bottom: 4px; line-height: 1.2;
}
.s-meta { font-size: 0.75rem; color: #FCF6BA; font-weight: 600; }

/* ===== MAIN GRID + CARDS + PAGER ===== */
      /* Main Grid Hover Animation */
@media (hover: hover) {
  a.p-card:hover {
    transform: scale(1.05) translateY(-5px);
    z-index: 10;
  }
  a.p-card:hover .p-poster {
    border-color: #BF953F;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
  }
}
/* Poster Transition (Isse smooth animation hogi) */
.p-poster {
  /* Ye line existing CSS mein update kar do ya add kar do */
  transition: border-color 0.3s, box-shadow 0.3s;
}
      /* --- CSS RESET --- */
      #main .widget-content { padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; }
      .status-msg-wrap, .blog-pager, .blog-posts, .post-outer, .date-outer, .date-header { display: none !important; }
      /* --- SPINNER --- */
      .golden-spinner { width: 50px; height: 50px; position: relative; }
      .golden-spinner::before, .golden-spinner::after { content: ""; position: absolute; border-radius: 50%; border: 3px solid transparent; }
      .golden-spinner::before { inset: 0; border-top-color: #BF953F; border-right-color: #B38728; animation: spin 1.2s linear infinite; }
      .golden-spinner::after { inset: 10px; border-top-color: #FCF6BA; border-left-color: #FFF; animation: spinReverse 0.8s linear infinite; }
      @keyframes spin { to { transform: rotate(360deg); } }
      @keyframes spinReverse { to { transform: rotate(-360deg); } }
      /* --- GRID --- */
      .premium-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 15px; padding: 5px 0; width: 100%; }
      @media (max-width: 768px) { .premium-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
      /* --- CARD (UPDATED for Anchor Tag) --- */
      /* display: block zaroori hai kyunki 'a' tag inline hota hai */
      a.p-card { display: block; position: relative; transition: transform 0.3s; cursor: pointer; margin-bottom: 20px; text-decoration: none; color: inherit; }
      .p-poster { width: 100%; aspect-ratio: 2/3; border-radius: 8px; overflow: hidden; position: relative; border: 1.5px solid rgba(191, 149, 63, 0.2); background: #151515; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
      .p-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
      .p-status { position: absolute; top: 0; right: 0; font-size: 10px; font-weight: 800; color: #fff; padding: 4px 8px; border-radius: 0 0 0 6px; text-transform: uppercase; z-index: 5; }
      .st-ong { background: linear-gradient(135deg, #ff4b1f, #ff9068); }
      .st-cmp { background: linear-gradient(135deg, #11998e, #38ef7d); }
      .st-rel { background: linear-gradient(135deg, #BF953F, #FCF6BA); color: #000; }
      .p-badges { position: absolute; bottom: 0; left: 0; right: 0; padding: 6px; background: linear-gradient(to top, rgba(0,0,0,0.95) 15%, transparent); display: flex; justify-content: space-between; align-items: flex-end; }
      .bg-ep, .bg-lang { font-size: 10px; font-weight: 800; padding: 3px 6px; border-radius: 4px; text-transform: uppercase; }
      .bg-ep { background: linear-gradient(135deg, #BF953F, #FCF6BA); color: #000; }
      .bg-lang { background: rgba(0,0,0,0.85); color: #fff; border: 1px solid rgba(255,255,255,0.3); }
      .p-title { margin-top: 10px; font-size: 0.9rem; font-weight: 700; text-align: center; line-height: 1.3; background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
      /* Header Pagination */
      .grid-header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(191,149,63,0.25); padding-bottom: 10px; }
      .grid-title { font-size: 1.4rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #BF953F, #FCF6BA); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; }
      /* Updated Pagination Controls */
      .custom-pager-container { display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; }
      .custom-pager-btn { padding: 8px 20px; background: rgba(20,20,35,0.8); border: 1px solid rgba(255,255,255,0.1); border-radius: 50px; color: #ccc; cursor: pointer; display: flex; align-items: center; gap: 8px; font-weight:700; font-size: 0.85rem; }
      .custom-pager-btn:hover { border-color: #BF953F; color: #FCF6BA; background: rgba(191,149,63,0.1); }
      .pager-info { color: #BF953F; font-weight: 700; font-size: 0.9rem; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }

/* ===== PLAYER PAGE: sidebar glass player styles (HTML7) ===== */
/* Modern Glass Morphism Video Player Design - Optimized for performance */
.player-wrapper2 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
  position: relative;
  z-index: 1;
}

/* Player Container */
.player-container2 {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  background: #000;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  margin-bottom: 1rem;
}

.player-container2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 12px;
}

/* Controls Area */
.controls-area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}

/* Current Episode */
.current-episode2 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 6px 10px;
  background: rgba(30, 41, 59, 0.4);
  border-radius: 8px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin: 0;
}

.current-episode2 p {
  margin: 0;
  padding: 0;
}

.current-episode2 span {
  color: #5865f2;
}

/* Server Toggle - Enhanced Toggle Style */
.server-toggle {
  display: flex;
  margin-bottom: 8px;
  background: rgba(30, 41, 59, 0.5);
  border-radius: 10px;
  padding: 4px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: relative;
}

.server-buttons {
  display: flex;
  width: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

/* Enhanced Toggle Style Server Buttons */
.server-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: transparent;
  color: #e2e8f0;
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 0.9rem;
  font-weight: 500;
  flex: 1;
  position: relative;
  z-index: 2;
}

.server-button:hover:not(.active) {
  color: #fff;
  background: rgba(88, 101, 242, 0.2);
}

.server-button.active {
  background: rgba(88, 101, 242, 0.9);
  color: white;
  box-shadow: 0 2px 8px rgba(88, 101, 242, 0.4);
  transform: scale(1.02);
}

.server-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Toggle Animation Effect */
.server-buttons::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.8), rgba(134, 145, 255, 0.6));
  border-radius: 6px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
  transform: translateX(0%);
  width: calc(50% - 4px);
}

/* Toggle Animation - When Ruby is active */
.server-buttons:has(.server-button:first-child.active)::before {
  transform: translateX(0%);
}

/* Toggle Animation - When BlakiteAPI is active */
.server-buttons:has(.server-button:last-child.active)::before {
  transform: translateX(100%);
}

/* Action Buttons */
.action-buttons2 {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.action-button2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 0.95rem;
  background: rgba(88, 101, 242, 0.7);
  flex: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.action-button2:hover {
  background: #5865f2;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(88, 101, 242, 0.3);
}

/* Episode List Container */
.episode-buttons-container2 {
  width: 100%;
  background: rgba(26, 28, 41, 0.6);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 12px;
  padding: 1rem;
  box-sizing: border-box;
  margin-top: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.episodes-title2 {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

.episodes-title2 svg {
  color: #5865f2;
}

.episode-buttons2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
  gap: 10px;
}

.episode-button2 {
  background: rgba(55, 65, 81, 0.5);
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.episode-button2:hover {
  background: rgba(88, 101, 242, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.episode-button2.active2 {
  background: #5865f2;
  border-color: #a5b4fc;
  box-shadow: 0 0 15px rgba(88, 101, 242, 0.5);
}

/* Responsive Design */
@media (max-width: 768px) {
  .player-wrapper2 {
    padding: 0.5rem;
  }

  .episode-buttons2 {
    grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));
  }

  .action-button2 {
    font-size: 0.85rem;
    padding: 10px;
  }

  .current-episode2 {
    font-size: 1rem;
    padding: 4px 8px;
  }

  .server-button {
    font-size: 0.8rem;
    padding: 10px 12px;
    gap: 6px;
  }

  .server-button svg {
    width: 16px;
    height: 16px;
  }
}

/* Additional Mobile Optimizations */
@media (max-width: 480px) {
  .server-button {
    font-size: 0.75rem;
    padding: 8px 10px;
  }

  .server-buttons::before {
    width: calc(50% - 2px);
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
  }

  .action-buttons2 {
    gap: 10px;
  }

  .action-button2 {
    font-size: 0.8rem;
    padding: 8px;
  }
}

/* ===== PLAYER PAGE: stream section + player UI styles ===== */
/* --- UNIVERSAL BOX-SIZING (Must be first) --- */
*, *::before, *::after {
    box-sizing: border-box;
}

/* --- SPINNER & THEME --- */
.golden-spinner { position: relative; width: 70px; height: 70px; }
.golden-spinner::before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #BF953F; border-bottom-color: #BF953F; animation: spin-right 1.5s linear infinite; box-shadow: 0 0 15px rgba(191,149,63,0.3); }
.golden-spinner::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border: 3px solid transparent; border-left-color: #FCF6BA; border-right-color: #B38728; animation: spin-left 2.5s linear infinite; box-shadow: 0 0 15px rgba(191,149,63,0.3); }
@keyframes spin-right { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes spin-left { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

/* --- CRITICAL: CONTAINER WIDTH FIX --- */
#dynamic-stream-area { 
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; /* Prevents horizontal scroll */
    position: relative;
    display: block;
    padding: 0; /* Remove any default padding */
    margin: 0; /* Remove any default margin */
}

/* --- LUXURY PLAYER STYLES (FIXED WIDTH CALCULATION) --- */
.player-wrapper2 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* For desktop with sidebar - reduce max-width */
@media (min-width: 1200px) {
    .player-wrapper2 {
        max-width: calc(100vw - 350px); /* Adjust 350px based on your sidebar width */
    }
}

.player-container2 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(10,10,31,.95), rgba(20,15,35,.92));
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0,0,0,.5), 0 0 0 1px rgba(191,149,63,.4);
    border: 1.5px solid rgba(191,149,63,.5);
    margin-bottom: 1rem;
}

.player-container2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 16px;
}

/* --- TEXT & INFO --- */
.current-episode2 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #FCF6BA;
    text-align: center;
    padding: 12px 16px;
    background: linear-gradient(135deg, rgba(10,10,31,.98), rgba(20,15,35,.98));
    border-radius: 12px;
    border: 1px solid rgba(191,149,63,.5);
    box-shadow: 0 8px 20px rgba(0,0,0,.3);
    margin: 0 0 12px 0;
    width: 100%;
}

.current-episode2 span {
    background: linear-gradient(90deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
}

/* --- CONTROLS AREA (Prevents overflow) --- */
.controls-area {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* --- GOLDEN BUTTONS (Action Buttons - Optimized for Performance) --- */
.action-buttons2 {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}

.action-button2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    /* Performance Fix: Replaced 'all' with specific hardware-accelerated properties */
    transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
    color: #BF953F;
    cursor: pointer;
    font-size: .9rem;
    background: rgba(20, 20, 35, 0.8);
    border: 1px solid rgba(191,149,63,0.5);
    flex: 1 1 calc(50% - 6px); /* Responsive flex basis */
    min-width: 120px;
    text-transform: uppercase;
    letter-spacing: .5px;
    position: relative;
    overflow: hidden;
    will-change: transform;
}

/* New Clean Hover Effect - Keeps dark aesthetic, boosts performance */
.action-button2:hover {
    background: rgba(30, 30, 45, 0.95); /* Slightly lighter dark, no heavy gradient */
    color: #FCF6BA; /* Brighten text */
    border-color: #FCF6BA; /* Brighten border */
    box-shadow: 0 4px 15px rgba(191, 149, 63, 0.2); /* Softer, performant shadow */
    transform: translateY(-2px);
}

.action-button2 svg {
    stroke: #BF953F;
    transition: stroke 0.25s ease, filter 0.25s ease;
    flex-shrink: 0;
}

.action-button2:hover svg {
    stroke: #FCF6BA; /* Match bright text */
    filter: drop-shadow(0 0 3px rgba(252, 246, 186, 0.4));
}

/* --- EPISODE CONTAINER --- */
.episode-buttons-container2 {
    width: 100%;
    max-width: 100%;
    background: linear-gradient(135deg, rgba(10,10,31,.95), rgba(20,15,35,.95));
    border-radius: 16px;
    padding: 1.2rem;
    margin-top: .5rem;
    border: 1px solid rgba(191,149,63,.4);
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
    overflow: hidden;
}

.episodes-title2 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #FCF6BA;
    display: flex;
    align-items: center;
    gap: 10px;
}

.episodes-title2 svg {
    stroke: #BF953F;
    filter: drop-shadow(0 0 5px rgba(191,149,63,0.5));
    flex-shrink: 0;
}

/* --- GOLDEN EPISODE BUTTONS --- */
.episode-buttons2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(55px, 1fr));
    gap: 10px;
    width: 100%;
}

.episode-button2 {
    background: rgba(191, 149, 63, 0.1);
    color: #BF953F;
    border: 1px solid rgba(191,149,63,0.4);
    padding: 12px;
    border-radius: 10px;
    cursor: pointer;
    /* Performance Fix */
    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
    font-size: .95rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    will-change: transform;
}

.episode-button2:hover {
    border-color: #FCF6BA;
    color: #FCF6BA;
    box-shadow: 0 0 10px rgba(191,149,63,0.3);
    transform: translateY(-2px);
    background: rgba(191, 149, 63, 0.2);
}

.episode-button2.active2 {
    background: linear-gradient(135deg, #B38728 0%, #FCF6BA 50%, #BF953F 100%);
    color: #000;
    border-color: #FCF6BA;
    box-shadow: 0 0 15px rgba(191,149,63,0.4);
    transform: scale(1.05);
    font-weight: 800;
}

/* --- GOLDEN SEASON SELECTOR --- */
.season-scroller-box {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(191,149,63,0.3);
    width: 100%;
    overflow: hidden;
}

.season-label {
    font-size: 0.85rem;
    color: #FCF6BA;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    text-shadow: 0 0 5px #BF953F;
}

.seasons-list {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 5px;
    scrollbar-width: thin;
    scrollbar-color: #BF953F #1a1a2e;
    width: 100%;
}

.seasons-list::-webkit-scrollbar {
    height: 4px;
}

.seasons-list::-webkit-scrollbar-track {
    background: #1a1a2e;
    border-radius: 4px;
}

.seasons-list::-webkit-scrollbar-thumb {
    background: #BF953F;
    border-radius: 4px;
}

.season-btn {
    white-space: nowrap;
    padding: 8px 18px;
    border-radius: 20px;
    background: rgba(191, 149, 63, 0.1);
    border: 1px solid rgba(191,149,63,0.5);
    color: #BF953F;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    /* Performance Fix */
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    flex-shrink: 0;
}

.season-btn:hover {
    background: rgba(191,149,63,0.3);
    color: #FCF6BA;
    border-color: #FCF6BA;
    box-shadow: 0 0 8px rgba(191,149,63,0.3);
}

.season-btn.active-season {
    background: linear-gradient(135deg, #B38728 0%, #FCF6BA 50%, #BF953F 100%);
    color: #000;
    font-weight: 800;
    border-color: #FCF6BA;
    box-shadow: 0 0 15px rgba(191,149,63,0.4);
}

/* --- RESPONSIVE FIXES --- */
@media(max-width: 768px) {
    .player-wrapper2 {
        padding: 0.5rem;
        max-width: 100%;
    }
    .action-button2 {
        font-size: .85rem;
        padding: 10px 16px;
    }
    .current-episode2 {
        font-size: 1rem;
        padding: 10px 14px;
    }
}

@media(max-width: 500px) {
    .episode-buttons2 {
        grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
        gap: 5px;
    }
    .episode-button2 {
        padding: 8px 2px;
        font-size: 0.85rem;
    }
    .player-wrapper2 {
        padding: 0.25rem;
    }
}

/* ===== PLAYER PAGE: info card styles ===== */
/* --- PREMIUM INFO CARD CSS --- */
:root {
    --gold-main: #BF953F;
    --gold-grad: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
    --bg-card: #0a0a12;
}
.info-section {
    position: relative;
    padding: 30px;
    background: var(--bg-card);
    border-radius: 16px;
    border: 1px solid rgba(191,149,63,0.3);
    box-shadow: 0 15px 40px rgba(0,0,0,0.6);
    margin-bottom: 30px;
    overflow: hidden; 
    animation: fadeIn 0.6s ease-in-out;
}
/* --- BACKDROP FIX --- */
.info-bg-layer {
    position: absolute; inset: 0;
    background-size: cover; 
    background-position: center 20%; /* Focused on top-center */
    filter: blur(8px) brightness(0.4); /* Less blur for better visibility */
    z-index: 0;
    transform: scale(1.1);
    transition: background-image 0.5s ease;
}
/* 🔥 DOT PATTERN (From Slider) 🔥 */
.info-dot-pattern {
    position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px);
    background-size: 4px 4px; 
    z-index: 1; 
    pointer-events: none;
}
.info-overlay {
    position: absolute; inset: 0;
    /* Gradient ensures text readability */
    background: linear-gradient(to right, rgba(10,10,18,0.95) 20%, rgba(10,10,18,0.6) 100%);
    z-index: 2;
}
/* --- CONTENT --- */
.content-wrapper {
    position: relative; z-index: 10;
    display: flex; gap: 35px;
}
/* POSTER */
.thumb { flex-shrink: 0; width: 230px; }
.poster-wrapper {
    position: relative; border-radius: 12px; overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.6);
    border: 2px solid rgba(191,149,63,0.3);
    aspect-ratio: 2/3;
    transform: rotate(3deg);
}
#api-poster { width: 100%; height: 100%; object-fit: cover; display: block; }
/* INFO RIGHT */
.info { flex-grow: 1; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
/* Rating Status */
.rating-wrapper { display: flex; align-items: center; gap: 10px; }
.rating-badge {
    display: flex; align-items: center; gap: 5px;
    background: rgba(255,255,255,0.1); padding: 5px 10px; border-radius: 6px;
    color: #ffeb3b; font-weight: 800; font-size: 0.95rem;
    border: 1px solid rgba(255,255,255,0.15); backdrop-filter: blur(5px);
}
.rating-badge svg { width: 16px; height: 16px; fill: currentColor; }
.quality-tag { background: var(--gold-grad); color: #000; padding: 2px 8px; border-radius: 4px; font-weight: 800; font-size: 0.8rem; }
.status-tag { 
    color: var(--gold-main); font-size: 0.85rem; 
    text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; 
}
/* GOLDEN TITLE */
.title {
    font-size: 2.5rem; font-weight: 900; margin: 0;
    line-height: 1.1; 
    background: var(--gold-grad); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.8));
}
/* Meta */
.meta-row { color: #ccc; font-size: 0.95rem; font-weight: 500; text-shadow: 0 2px 4px rgba(0,0,0,0.8); }
/* Synopsis */
.alias {
    font-size: 1rem; line-height: 1.6; color: #ddd; margin: 0;
    transition: max-height 0.3s ease; text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}
.alias.collapsed {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
#read-more-btn {
    background: none; border: none; padding: 0; margin-top: 5px;
    color: var(--gold-main); font-size: 0.85rem; font-weight: 700;
    cursor: pointer; text-transform: uppercase;
}
#read-more-btn:hover { text-decoration: underline; color: #fff; }
/* Keywords */
.keywords-container { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.keyword-pill {
    font-size: 0.75rem; color: #ccc; 
    background: rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.2); padding: 5px 12px; border-radius: 50px;
    transition: 0.2s; text-decoration: none;
}
.keyword-pill:hover { border-color: var(--gold-main); color: var(--gold-main); background: rgba(0,0,0,0.6); }
@keyframes fadeIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
/* RESPONSIVE */
@media (max-width: 768px) {
    .content-wrapper { flex-direction: column; gap: 20px; text-align: center; }
    .thumb { width: 160px; margin: 0 auto; }
    .info { align-items: center; }
    .info-overlay { background: linear-gradient(to top, rgba(10,10,18,0.95) 20%, rgba(10,10,18,0.7) 100%); }
    .title { font-size: 1.8rem; }
    .rating-wrapper { justify-content: center; }
    .keywords-container { justify-content: center; }
}

/* ===== PLAYER PAGE: related grid styles ===== */
        /* --- RELATED GRID LAYOUT --- */
        .rel-grid-wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); 
            gap: 15px;
            width: 100%;
        }
        /* CARD STYLE */
        .rel-item {
            position: relative; 
            transition: transform 0.3s, z-index 0.3s; 
            cursor: pointer;
            text-decoration: none; 
            display: block;
            width: 100%;
        }
        .rel-item:hover { transform: translateY(-5px); z-index: 10; }
        .rel-item:hover .rel-poster { border-color: #BF953F; box-shadow: 0 10px 20px rgba(0,0,0,0.5); }
        /* POSTER */
        .rel-poster {
            width: 100%; aspect-ratio: 2/3; border-radius: 8px; overflow: hidden;
            position: relative; border: 1.5px solid rgba(191, 149, 63, 0.2);
            background: #151515; box-shadow: 0 4px 8px rgba(0,0,0,0.3); 
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        .rel-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
        /* BADGES */
        .rel-status { 
            position: absolute; top: 0; right: 0; 
            font-size: 9px; font-weight: 800; color: #fff; 
            padding: 3px 6px; border-radius: 0 0 0 6px; 
            text-transform: uppercase; z-index: 5; 
        }
        .st-ong { background: linear-gradient(135deg, #ff4b1f, #ff9068); }
        .st-cmp { background: linear-gradient(135deg, #11998e, #38ef7d); }
        .st-rel { background: linear-gradient(135deg, #BF953F, #FCF6BA); color: #000; }
        .rel-badges { 
            position: absolute; bottom: 0; left: 0; right: 0; 
            padding: 5px; 
            background: linear-gradient(to top, rgba(0,0,0,0.95) 10%, transparent); 
            display: flex; justify-content: space-between; align-items: flex-end; gap: 5px; 
        }
        .rel-badge-ep, .rel-badge-lang { 
            font-size: 9px; font-weight: 800; padding: 3px 6px; 
            border-radius: 4px; line-height: 1; text-transform: uppercase; 
        }
        .rel-badge-ep { background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%); color: #000; box-shadow: 0 2px 5px rgba(0,0,0,0.3); }
        .rel-badge-lang { background: rgba(0,0,0,0.85); color: #fff; border: 1px solid rgba(255,255,255,0.3); }
        /* TITLE */
        .rel-title { 
            margin-top: 8px; font-size: 0.85rem; font-weight: 600; text-align: center; 
            line-height: 1.3; 
            background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%); 
            -webkit-background-clip: text; -webkit-text-fill-color: transparent; 
            color: #FCF6BA; 
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 
            overflow: hidden; height: 2.6em; padding: 0 2px; 
        }
        /* MOBILE FIX: Now showing 2 columns */
        @media (max-width: 768px) {
            .rel-grid-wrapper { grid-template-columns: repeat(2, 1fr); gap: 10px; }
            .rel-title { font-size: 0.75rem; }
        }

/* ===== HEADER NAV DROPDOWN MENU ===== */
header #menu.nav-menu{position:relative;z-index:60}
.nav-menu-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;padding:0;cursor:pointer;
  background:rgba(255,255,255,.06);
  border:1.5px solid rgba(191,149,63,.35);
  border-radius:11px;color:rgba(255,255,255,.9);
  transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;
}
.nav-menu-toggle:hover{
  color:#FCF6BA;border-color:rgba(191,149,63,.65);
  background:linear-gradient(135deg,rgba(191,149,63,.18),rgba(252,246,186,.08));
  box-shadow:0 0 18px rgba(191,149,63,.3);
}
.nav-menu-toggle svg{width:22px;height:22px;display:block}
.nav-menu-toggle .nav-menu-ic-close{display:none}
.nav-menu.open .nav-menu-toggle .nav-menu-ic-open{display:none}
.nav-menu.open .nav-menu-toggle .nav-menu-ic-close{display:block}
.nav-menu.open .nav-menu-toggle{
  color:#FCF6BA;border-color:rgba(191,149,63,.65);
  background:linear-gradient(135deg,rgba(191,149,63,.18),rgba(252,246,186,.08));
  box-shadow:0 0 18px rgba(191,149,63,.3);
}

.nav-menu-panel{
  position:absolute;top:calc(100% + 12px);left:0;
  min-width:208px;width:max-content;max-width:min(300px,90vw);
  padding:8px;z-index:1000;
  background:linear-gradient(135deg,rgba(10,10,31,.98),rgba(20,15,35,.96));
  -webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);
  border:1.5px solid rgba(191,149,63,.4);border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.7),0 0 0 1px rgba(191,149,63,.15);
  transform-origin:top left;
  opacity:0;visibility:hidden;
  transform:translateY(-14px) scale(.96);
  transition:opacity .28s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility .3s ease;
  pointer-events:none;
}
.nav-menu-panel::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,transparent,rgba(191,149,63,.5) 20%,rgba(252,246,186,.85) 50%,rgba(191,149,63,.5) 80%,transparent);
}
.nav-menu.open .nav-menu-panel{
  opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;
}

.nav-menu-list{list-style:none;margin:0;padding:0}
.nav-menu-list li{margin:0}
.nav-menu-link{
  display:flex;align-items:center;gap:12px;
  padding:11px 34px 11px 14px;border-radius:9px;
  color:rgba(255,255,255,.75);text-decoration:none;
  font-weight:600;font-size:.9em;letter-spacing:.3px;line-height:1.2;
  position:relative;transition:background .25s ease,color .25s ease,transform .25s ease;
}
.nav-menu-link .nav-menu-ic{
  width:20px;height:20px;flex:0 0 20px;color:rgba(191,149,63,.85);
  transition:color .25s ease,transform .25s ease;
}
.nav-menu-link:hover,.nav-menu-link:focus-visible{
  color:#FCF6BA;
  background:linear-gradient(135deg,rgba(191,149,63,.18),rgba(252,246,186,.07));
  transform:translateX(3px);outline:none;
}
.nav-menu-link:hover .nav-menu-ic{color:#FCF6BA;transform:scale(1.1)}
.nav-menu-close{
  position:absolute;top:8px;right:8px;z-index:2;
  width:30px;height:30px;padding:0;border:none;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.75);
  transition:background .25s ease,color .25s ease,transform .3s ease;
}
.nav-menu-close:hover{
  background:rgba(191,149,63,.25);color:#FCF6BA;transform:rotate(90deg);
}
.nav-menu-close svg{width:15px;height:15px}

@media (max-width:768px){
  .nav-menu-toggle{width:38px;height:38px;border-radius:10px}
  .nav-menu-toggle svg{width:20px;height:20px}
  .nav-menu-link{font-size:.88em;padding:10px 32px 10px 12px}
}
@media (max-width:576px){
  header #menu.nav-menu{position:relative}
  .nav-menu-panel{left:0;min-width:190px;max-width:78vw}
}
/* ===== HEADER NAV ACTION BUTTONS (Community / Hin-Eng) ===== */
#nav-actions{display:inline-flex;align-items:center;gap:.6rem;margin-left:.9rem;vertical-align:middle;position:relative;z-index:9}
.nav-action{height:3.32rem;display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:0 1.4rem;border-radius:50px;font-weight:600;font-size:1em;text-transform:uppercase;letter-spacing:.5px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);transition:all .3s ease;cursor:pointer;box-sizing:border-box;text-decoration:none;font-family:inherit}
.nav-action:hover,.nav-action:focus-visible{border-color:rgba(191,149,63,.5);color:#FCF6BA;background:linear-gradient(135deg,rgba(191,149,63,.15),rgba(252,246,186,.1));box-shadow:0 0 20px rgba(191,149,63,.3);outline:none}
.nav-action-ic{width:22px;height:22px;flex:0 0 auto}
.lang-toggle{padding-left:.35rem;padding-right:.35rem;gap:0;align-items:stretch;position:relative;overflow:hidden}
.lang-toggle .lang-opt{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;padding:.5em .6em;border-radius:50px;font-size:.95em;line-height:1;white-space:nowrap;text-align:center;transition:all .3s ease;cursor:pointer;color:rgba(255,255,255,.55)}
.lang-toggle .lang-opt.active{color:#000;font-weight:800;background:linear-gradient(135deg,#BF953F 0%,#FCF6BA 50%,#B38728 100%);box-shadow:0 2px 10px rgba(191,149,63,.45)}
.lang-divider{width:1px;height:1.4em;background:rgba(255,255,255,.22);flex:0 0 auto}
.lang-ic{display:none}
@media screen and (max-width:768px){
  #nav-actions{display:inline-flex;gap:.35rem;margin-left:.45rem}
  .nav-community{display:none!important}
  .nav-action .nav-action-txt{display:none}
  .nav-action:not(.lang-toggle){width:2.45rem;height:2.45rem;padding:0;border-radius:50%;gap:0}
  .lang-toggle{height:2.45rem;padding-left:.35rem;padding-right:.35rem;align-items:stretch}
  .lang-ic{display:none!important}
}