.anime-page .anime-header{background:var(--card-bg);border:1px solid var(--line-divider);position:relative;backdrop-filter:blur(10px)}.anime-page .stat-card{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;background-color:#ffffff80;padding:1rem;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.anime-page .stat-card:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.anime-page .stat-card:is(.dark *){background-color:#ffffff0d}.anime-page .stat-card{border:1px solid var(--line-divider);background:linear-gradient(135deg,var(--card-bg) 0%,var(--card-bg-transparent) 100%)}.anime-page .stat-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #0000001a}.anime-page .stat-icon{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:linear-gradient(135deg,var(--primary),oklch(from var(--primary) calc(l + .1) c calc(h + 30)))}.anime-page .stat-content{flex:1 1 0%}.anime-page .stat-number{font-size:1.5rem;line-height:2rem;font-weight:700;color:#000000e6}.anime-page .stat-number:is(.dark *){color:#ffffffe6}.anime-page .stat-number{background:linear-gradient(135deg,var(--primary),oklch(from var(--primary) calc(l + .1) c calc(h + 30)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.anime-page .stat-label{font-size:.875rem;line-height:1.25rem;color:#000000bf}.anime-page .stat-label:is(.dark *){color:#ffffffbf}.anime-page .anime-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:1280px){.anime-page .anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}}.anime-page .anime-card{position:relative;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.anime-page .anime-card:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.anime-page .anime-card{background:var(--card-bg);border:1px solid var(--line-divider);border-radius:var(--radius-large);box-shadow:0 4px 6px #0000000d;backdrop-filter:blur(10px)}.anime-page .anime-card:hover{box-shadow:0 20px 40px #0000001a;border-color:var(--primary)}.anime-page .anime-card-inner{padding:0}.anime-page .anime-cover-container{position:relative;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,var(--primary) / 10,var(--primary) / 5)}.anime-page .anime-cover-link{position:relative;display:block;height:100%;width:100%;overflow:hidden}.anime-page .anime-cover{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s;filter:brightness(.9) contrast(1.1)}.anime-page .anime-cover-link:hover .anime-cover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.anime-page .anime-cover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: rgb(0 0 0 / .6) var(--tw-gradient-from-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position);opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.anime-page .anime-cover-link:hover .anime-cover-overlay{opacity:1}.anime-page .play-button{display:flex;height:4rem;width:4rem;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:9999px;background-color:#fff3;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;box-shadow:0 8px 32px #0000004d}.anime-page .anime-cover-link:hover .play-button{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.anime-page .play-button:hover{background:var(--primary);transform:scale(1.1)}.anime-page .anime-status{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 4px 12px #00000026}.anime-page .status-icon{font-size:.75rem;line-height:1rem}.anime-page .status-text{font-weight:500}.anime-page .anime-rating{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.25rem;border-radius:9999px;background-color:#00000080;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 4px 12px #0003}.anime-page .rating-text{font-weight:500}.anime-page .anime-content{padding:1.5rem;background:linear-gradient(to bottom,transparent,var(--card-bg) / 50)}.anime-page .anime-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;color:#000000e6}.anime-page .anime-title:is(.dark *){color:#ffffffe6}.anime-page .anime-title{background:linear-gradient(135deg,var(--deep-text),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.anime-page .anime-description{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;color:#000000bf}.anime-page .anime-description:is(.dark *){color:#ffffffbf}.anime-page .anime-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.anime-page .anime-progress{margin-bottom:1rem}.anime-page .progress-info{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem}.anime-page .progress-text{font-weight:500;color:#000000bf}.anime-page .progress-text:is(.dark *){color:#ffffffbf}.anime-page .progress-percent{font-weight:700;color:var(--primary)}.anime-page .progress-bar{height:.5rem;width:100%;overflow:hidden;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.anime-page .progress-bar:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.anime-page .progress-bar{background:linear-gradient(90deg,var(--btn-regular-bg),var(--btn-regular-bg-hover))}.anime-page .progress-fill{height:100%;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s;transition-timing-function:cubic-bezier(0,0,.2,1);background:linear-gradient(90deg,var(--primary),oklch(from var(--primary) calc(l + .1) c calc(h + 30)));box-shadow:0 0 10px var(--primary) / 50}.anime-page .anime-meta>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.anime-page .anime-meta{font-size:.875rem;line-height:1.25rem}.anime-page .meta-row{display:flex;align-items:center;justify-content:space-between}.anime-page .meta-label{font-weight:500;color:#00000080}.anime-page .meta-label:is(.dark *){color:#ffffff80}.anime-page .meta-value{color:#000000bf}.anime-page .meta-value:is(.dark *){color:#ffffffbf}.anime-page .genre-tags{display:flex;flex-wrap:wrap;gap:.25rem}.anime-page .genre-tag{border-radius:.375rem;background-color:var(--btn-regular-bg);padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;color:#000000bf;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.anime-page .genre-tag:hover{background-color:var(--primary);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.anime-page .genre-tag:is(.dark *){color:#ffffffbf}.anime-page .genre-tag{border:1px solid var(--line-divider)}.anime-page .genre-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}@media(max-width:768px){.anime-page .anime-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.anime-page .stat-card{padding:.75rem}.anime-page .stat-icon{height:2.5rem;width:2.5rem;font-size:1.125rem;line-height:1.75rem}.anime-page .stat-number{font-size:1.25rem;line-height:1.75rem}.anime-page .anime-content{padding:1rem}.anime-page .anime-title{font-size:1.125rem;line-height:1.75rem}}:root.dark .anime-page .anime-card{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(0 0 0 / .2);--tw-shadow: var(--tw-shadow-colored);background:linear-gradient(135deg,var(--card-bg),var(--card-bg-transparent))}:root.dark .anime-page .anime-cover-overlay{background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position)}:root.dark .anime-page .stat-card{background:linear-gradient(135deg,var(--card-bg) / 80,var(--card-bg-transparent));border-color:var(--line-divider)}.anime-page .anime-card{animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;transform:translateY(30px)}.anime-page .anime-card:nth-child(1){animation-delay:.1s}.anime-page .anime-card:nth-child(2){animation-delay:.2s}.anime-page .anime-card:nth-child(3){animation-delay:.3s}.anime-page .anime-card:nth-child(4){animation-delay:.4s}.anime-page .anime-card:nth-child(5){animation-delay:.5s}.anime-page .anime-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.anime-page .stat-card{animation:slideInLeft .6s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;transform:translate(-30px)}.anime-page .stat-card:nth-child(1){animation-delay:.1s}.anime-page .stat-card:nth-child(2){animation-delay:.2s}.anime-page .stat-card:nth-child(3){animation-delay:.3s}.anime-page .stat-card:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.anime-page .anime-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .3s ease}.anime-page .anime-card:hover:before{opacity:1}.anime-page .anime-header,.anime-page .stat-card,.anime-page .anime-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.anime-page .anime-card{position:relative;background:var(--card-bg)}.anime-page .anime-card:after{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,var(--primary) / 20,transparent,var(--primary) / 20);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease}.anime-page .anime-card:hover:after{opacity:1}
