:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--bg:#070707;--surface-1:#111;--surface-2:#1a1816;--surface-3:#232120;--color-bg:var(--bg);--color-bg-alt:var(--surface-1);--color-surface:var(--surface-1);--color-surface-hover:var(--surface-3);--color-surface-elevated:var(--surface-2);--text-primary:#f5f3f0;--text-secondary:#b0aaa2;--text-muted:#857e76;--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-text-dim:var(--text-muted);--border-subtle:#232120;--border-default:#34302d;--color-border:var(--border-default);--color-border-strong:#47423d;--accent:#f79a04;--accent-strong:#e08600;--accent-soft:#f79a0424;--accent-text:#ffb43a;--color-primary:var(--accent);--color-primary-light:var(--accent-text);--color-secondary:var(--accent);--color-accent:#e8a33d;--status-success:#30c48d;--status-warning:#e8a33d;--status-error:#e5484d;--color-success:var(--status-success);--color-error:var(--status-error);--color-warning:var(--status-warning);--cta-bg:#f79a04;--cta-fg:#070707;--color-glow:#00000080;--color-glow-cyan:#0006;--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--font-sans:var(--font-body);--font-heading:var(--font-display);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.0625rem;--text-xl:1.35rem;--text-2xl:1.6rem;--text-3xl:clamp(1.75rem, 3vw, 2rem);--text-4xl:clamp(1.9rem, 4.5vw, 3rem);--text-5xl:clamp(2.25rem, 6vw, 3.6rem);--leading-tight:1.15;--leading-normal:1.55;--leading-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--shadow-xl:0 24px 64px #0009;--shadow-glow:var(--shadow-md);--shadow-glow-cyan:var(--shadow-sm);--shadow-press:0 1px 2px #0006;--ease-out:cubic-bezier(.22, 1, .36, 1);--transition-fast:.12s var(--ease-out);--transition-normal:.2s var(--ease-out);--transition-slow:.42s var(--ease-out);--transition-bounce:.2s var(--ease-out);--z-nav:100;--z-sheet:200;--z-modal:300;--z-toast:400;font:16px/var(--leading-normal) var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-default) var(--bg)}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}html::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);line-height:var(--leading-normal);overflow-x:hidden}#root{flex-direction:column;max-width:100%;min-height:100svh;display:flex}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:var(--leading-tight);color:var(--text-primary)}.display-title{font-size:var(--text-4xl);letter-spacing:-.02em;font-weight:700;line-height:1.1}.main-title{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.02em;text-transform:none;font-weight:700;line-height:1.1}.section-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;text-transform:none;font-weight:700}.subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-2);font-weight:400;line-height:var(--leading-relaxed)}.text-gradient{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;background-clip:initial;color:var(--text-primary)}.text-eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.num{font-variant-numeric:tabular-nums}.main-container{width:100%;max-width:var(--breakpoint-xl);padding:var(--space-6) clamp(16px, 4vw, 24px);margin:0 auto}.page-header{margin-bottom:var(--space-8);padding:var(--space-6) 0 var(--space-2);text-align:left;background:0 0;border:none;border-radius:0;animation:.3s ease-out fadeIn}.page-header:before{content:none}.section{margin-bottom:var(--space-12)}.section-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);background:0 0;border:none;border-radius:0;padding:0;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);background:var(--surface-2);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border-radius:var(--radius-full);white-space:nowrap;border:none;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background:var(--surface-3);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn--sm{height:32px;padding:0 var(--space-4);font-size:.875rem}.btn--lg{height:48px;padding:0 var(--space-6);font-size:1rem}.btn-primary{background:var(--cta-bg);color:var(--cta-fg)}.btn-primary:hover{box-shadow:var(--shadow-lg);background:#ededf2}.btn-secondary{background:var(--surface-2);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{color:var(--text-secondary);padding:0 var(--space-3);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);box-shadow:none}.btn-donate{background:var(--surface-2);color:var(--text-primary)}.btn-donate:hover{box-shadow:inset 0 0 0 1px var(--accent), var(--shadow-md);color:var(--text-primary)}.btn-outline{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-default);background:0 0}.btn-outline:hover{box-shadow:inset 0 0 0 1px var(--text-muted), var(--shadow-sm);background:var(--surface-2)}.chip{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);align-items:center;gap:4px;padding:2px 10px;font-weight:500;line-height:1.4;display:inline-flex}.chip--accent{background:var(--accent-soft);color:var(--accent-text)}.chip--outline{box-shadow:inset 0 0 0 1px var(--border-default);background:0 0}.anime-grid{gap:var(--space-4) var(--space-4);row-gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(158px,44vw),1fr));display:grid}.card{border-radius:var(--radius-md);transition:transform var(--transition-normal);background:0 0;border:none;flex-direction:column;display:flex;position:relative}.card-image-wrapper{aspect-ratio:2/3;border-radius:var(--radius-md);background:var(--surface-2);isolation:isolate;transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden;transform:translateZ(0)}.poster{object-fit:cover;object-position:center top;image-rendering:auto;will-change:transform;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.card:hover .card-image-wrapper,.card:focus-within .card-image-wrapper{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card:hover .poster,.card:focus-within .poster{transform:scale(1.03)}.card-overlay{opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(#07070700 45%,#070707b8 100%);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.card:hover .card-overlay,.card:focus-within .card-overlay{opacity:1}.play-icon{background:var(--cta-bg);width:44px;height:44px;color:var(--cta-fg);transition:transform var(--transition-normal);box-shadow:var(--shadow-md);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.85)}.card:hover .play-icon{transform:scale(1)}.anime-info{padding:var(--space-3) 2px 0;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.anime-info h3{font-family:var(--font-body);-webkit-line-clamp:2;color:var(--text-primary);letter-spacing:-.005em;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.card:hover .anime-info h3{color:#fff}.meta{font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.meta span{align-items:center;gap:3px;display:inline-flex}.episode-count{color:var(--text-secondary);font-weight:500}.score{color:var(--color-accent);font-weight:600}.anime-card-badge{top:var(--space-2);left:var(--space-2);border-radius:var(--radius-full);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.01em;padding:2px 8px;font-size:.6875rem;font-weight:600;position:absolute}.anime-card-badge--ongoing{background:var(--accent-soft);color:var(--accent-text)}.anime-card-badge--completed{color:var(--text-secondary);background:#111111c7}.comic-flag{align-items:center;gap:5px;display:inline-flex}.provider-badge{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);color:var(--text-secondary);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em;background:#111111c7;padding:2px 7px;font-size:.625rem;font-weight:600;position:absolute}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--text-muted)}.search-form{gap:var(--space-3);margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto;display:flex}.search-input{flex:1}.filter-tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-tab{height:34px;padding:0 var(--space-4);background:var(--surface-2);color:var(--text-secondary);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);border:none;align-items:center;font-weight:500;display:inline-flex}.filter-tab:hover{background:var(--surface-3);color:var(--text-primary)}.filter-tab.active{background:var(--accent-soft);color:var(--accent-text)}.loading-container{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:40vh;display:flex}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.error-container{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:40vh;display:flex}.error-icon{background:var(--surface-2);width:56px;height:56px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.error-message{font-size:var(--text-lg);font-weight:600}.error-hint{color:var(--text-secondary);font-size:var(--text-sm);max-width:400px}.error-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-secondary)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.pagination .btn{min-width:40px;padding:0 var(--space-4)}.pagination .btn.active{background:var(--accent-soft);color:var(--accent-text)}.page-info{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:500}.skeleton{background:var(--surface-2);border-radius:var(--radius-md);animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-text{border-radius:var(--radius-sm);height:14px}.skeleton-card{aspect-ratio:2/3;border-radius:var(--radius-md);border:none}.view-all{color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);transition:color var(--transition-fast);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.view-all:hover{color:var(--text-primary)}.view-all svg{transition:transform var(--transition-fast)}.view-all:hover svg{transform:translate(2px)}.skip-link{top:-100px;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--cta-bg);color:var(--cta-fg);z-index:var(--z-toast);transition:top var(--transition-fast);border-radius:var(--radius-md);font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}@media (max-width:768px){.main-container{padding:var(--space-4) clamp(12px, 4vw, 16px)}.page-header{margin-bottom:var(--space-6)}.main-title{font-size:var(--text-3xl)}.section{margin-bottom:var(--space-8)}}@media (max-width:480px){.search-form{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{opacity:.45;animation:none}}.donghua-page,.donghua-detail{animation:.3s ease-out fadeIn}.donghua-grid{gap:var(--space-4);row-gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(158px,44vw),1fr));display:grid}.breadcrumb a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb-sep{opacity:.4}.genre-tags,.dd-genres{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.genre-tag{padding:var(--space-1) var(--space-3);background:var(--surface-2);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);border:none;font-weight:500;text-decoration:none}.genre-tag:hover{background:var(--surface-3);color:var(--text-primary)}.episode-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.episode-btn{height:40px;padding:0 var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);text-align:center;font-variant-numeric:tabular-nums;transition:background-color var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:flex}.episode-btn:hover{color:var(--text-primary);background:var(--surface-3)}.dd{padding-bottom:var(--space-16);animation:.3s ease-out fadeIn}.dd-loading{padding-top:var(--space-8)}.dd-loading__inner{gap:var(--space-6);display:flex}.dd-loading__poster,.dd-loading__line{background:var(--surface-2);border-radius:var(--radius-md);animation:1.4s ease-in-out infinite skeleton-pulse}.dd-loading__poster{flex-shrink:0;width:180px;min-width:180px;height:270px}.dd-loading__lines{gap:var(--space-3);padding-top:var(--space-4);flex-direction:column;flex:1;display:flex}.dd-loading__line{border-radius:var(--radius-sm);height:18px}.dd-loading__line--title{width:60%;height:32px}.dd-loading__line--sub{width:40%}.dd-loading__line--meta{width:75%}.dd-hero{border-radius:var(--radius-xl);margin-bottom:var(--space-8);position:relative;overflow:hidden}.dd-hero:before{content:none}.dd-hero__bg{filter:blur(28px)brightness(.22)saturate(1.4);z-index:0;background-position:top;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.08)}.dd-hero__body{z-index:1;gap:var(--space-8);padding:var(--space-8);background:linear-gradient(135deg,#070707b8 0%,#11111194 100%);display:flex;position:relative}.dd-hero__poster-wrap{flex-shrink:0;width:200px;position:relative}.dd-hero__poster{aspect-ratio:2/3;object-fit:cover;object-position:center top;border-radius:var(--radius-lg);width:200px;box-shadow:var(--shadow-xl);image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:none;display:block;transform:translateZ(0)}.dd-hero__badge{top:var(--space-2);left:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius-full);letter-spacing:.02em;color:#fff;background:var(--badge-color,#1a1816d9);font-size:.6875rem;font-weight:600;position:absolute;box-shadow:0 2px 8px #0006}.dd-hero__info{gap:var(--space-4);flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.dd-hero__label{color:var(--accent-text);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:600}.dd-hero__title{font-family:var(--font-display);font-size:clamp(var(--text-xl), 3vw, var(--text-3xl));font-weight:700;line-height:var(--leading-tight);letter-spacing:-.015em;color:var(--text-primary);word-break:break-word;margin:0}.dd-meta{gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.dd-meta__item{display:contents}.dd-meta__pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;background:#ffffff0f;border:none;margin:0;font-weight:500;display:inline-flex}.dd-meta__pill--accent{color:var(--color-accent);background:#e8a33d1f}.dd-cta{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.dd-content{gap:var(--space-6);flex-direction:column;display:flex}.dd-section-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-4);align-items:center;gap:var(--space-2);letter-spacing:-.01em;font-weight:700;display:flex}.dd-synopsis__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);white-space:pre-line;max-width:65ch;margin:0}.dd-episodes__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.dd-episodes__header .dd-section-title{margin-bottom:0}.dd-episodes__count{min-width:28px;height:22px;padding:0 var(--space-2);background:var(--accent-soft);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent-text);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.dd-episodes__search-input{height:36px;padding:0 var(--space-4);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:200px}.dd-episodes__search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dd-episodes__empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-4) 0}.dd-ep-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.dd-ep-item{display:contents}.dd-ep-btn{padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius-md);color:var(--text-secondary);transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;flex-direction:column;gap:2px;text-decoration:none;display:flex;position:relative;overflow:hidden}.dd-ep-btn:hover{color:var(--text-primary);background:var(--surface-2);transform:translateY(-1px)}.dd-ep-btn:focus-visible{color:var(--text-primary);background:var(--surface-2);transform:translateY(-1px)}.dd-ep-btn__title{font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.dd-ep-btn__date{font-size:var(--text-xs);color:var(--text-muted)}.dd-ep-btn__icon{right:var(--space-3);opacity:0;transition:opacity var(--transition-fast);color:var(--accent);position:absolute;top:50%;transform:translateY(-50%)}.dd-ep-btn:hover .dd-ep-btn__icon{opacity:1}.dd-ep-btn:focus-visible .dd-ep-btn__icon{opacity:1}@media (max-width:768px){.dd-hero__body{text-align:center;padding:var(--space-6) var(--space-4);align-items:center;gap:var(--space-5);flex-direction:column}.dd-hero__poster-wrap,.dd-hero__poster{width:160px}.dd-meta,.dd-genres,.dd-cta{justify-content:center}.dd-episodes__header{flex-direction:column;align-items:flex-start}.dd-episodes__search-input{width:100%}.dd-ep-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.donghua-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.episode-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width:480px){.dd-hero__body{padding:var(--space-5) var(--space-4)}.dd-hero__title{font-size:var(--text-xl)}.dd-ep-grid{grid-template-columns:repeat(2,1fr)}.donghua-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}}iframe[src*=ads],iframe[src*=doubleclick],iframe[src*=googlesyndication],iframe[src*=adservice],div[class*=ad-],div[id*=ad-container],div[class*=popup],div[class*=overlay-ad]{visibility:hidden!important;width:0!important;height:0!important;display:none!important;overflow:hidden!important}@media (pointer:coarse){.btn,.filter-tab,.nav-link,.dropdown-item,.genre-card,.az-letter,.schedule-tab,.episode-btn,.server-btn,.quality-tab{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@supports (padding:env(safe-area-inset-bottom)){.footer{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.header{padding-top:env(safe-area-inset-top)}}@media (max-height:500px) and (orientation:landscape){.video-player-wrapper{max-height:85vh}}@media print{.header,.footer,.install-banner{display:none!important}body{color:#000;background:#fff}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible{outline-offset:3px}a:focus-visible{outline-offset:3px}.btn:focus-visible{outline-offset:3px}:focus:not(:focus-visible){outline:none}.btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn[disabled],.btn[aria-disabled=true],.btn:disabled{cursor:not-allowed;opacity:.45;pointer-events:none;box-shadow:none!important;transform:none!important}.btn-large{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-icon{border-radius:50%;flex-shrink:0;width:40px;height:40px;padding:0}.anime-card,.card{isolation:isolate}.card-image-wrapper:after{content:"";pointer-events:none;opacity:.75;transition:opacity var(--transition-normal);background:linear-gradient(#0000 62%,#0707078c 100%);position:absolute;top:0;bottom:0;left:0;right:0}.card:hover .card-image-wrapper:after{opacity:1}.section-title{align-items:center;gap:var(--space-2);margin:0;display:flex}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--text-muted)}.loading-container{padding:var(--space-10) var(--space-4);margin:var(--space-6) auto;text-align:center;max-width:600px;color:var(--text-secondary);background:0 0;border:none;border-radius:0}.loading-container:before{content:none}.empty-state{background:var(--surface-1);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-5);margin:var(--space-6) auto;max-width:600px}.empty-state p{font-size:var(--text-base);margin-bottom:var(--space-4);font-weight:500}.error-container{background:var(--surface-1);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);margin:var(--space-6) auto;max-width:600px;position:relative;overflow:hidden}.error-container:before{content:"";background:var(--status-error);height:2px;position:absolute;top:0;left:0;right:0}.pagination{padding:var(--space-2) 0;margin-top:var(--space-8);background:0 0;border:none;border-radius:0}.pagination:before{content:none}.pagination .page-info{padding:0 var(--space-3);letter-spacing:0;text-transform:none;font-weight:500}.spinner{width:32px;height:32px}.home-category-section{margin-bottom:var(--space-12);padding:var(--space-5) var(--space-5);background:var(--surface-1);border-radius:var(--radius-xl);border:none}.home-category-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.home-category-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.home-category-links{flex-wrap:wrap;gap:.35rem;display:flex}.home-category-link{background:var(--surface-2);border-radius:var(--radius-full);height:30px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);border:none;align-items:center;padding:0 .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.home-category-link:hover{background:var(--surface-3);color:var(--text-primary)}.home-rail{margin-bottom:var(--space-6)}.home-rail:last-child{margin-bottom:0}.home-rail-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.home-rail-title{font-family:var(--font-body);margin:0;font-size:1rem;font-weight:600}.home-rail-empty{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.9rem}.home-hero-eyebrow{align-items:center;gap:var(--space-2);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border-radius:var(--radius-full);padding:5px var(--space-3);margin-bottom:var(--space-3);border:none;font-size:.6875rem;font-weight:600;display:inline-flex}.home-hero-stats{align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-weight:500;display:flex}.home-stat{white-space:nowrap}.home-stat strong{color:var(--text-primary);font-weight:700}.home-stat-sep{color:var(--border-default)}.schedule-summary-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.schedule-day-pill{align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-4);background:var(--surface-2);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;font-size:var(--text-sm);transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;justify-content:space-between;min-width:90px;text-decoration:none;display:flex}.schedule-day-pill:hover{background:var(--surface-3);transform:translateY(-1px)}.schedule-day-pill--today{background:var(--accent-soft)}.schedule-day-pill-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.schedule-day-pill-name{flex:1}.schedule-day-pill-count{font-size:var(--text-xs);color:var(--text-secondary);border-radius:var(--radius-full);text-align:center;font-variant-numeric:tabular-nums;background:#ffffff0f;min-width:24px;padding:2px 7px;font-weight:600}.schedule-day-pill--today .schedule-day-pill-count{color:var(--accent-text)}.donor-cta-row{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-2);background:var(--surface-2);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;font-size:var(--text-sm);transition:background-color var(--transition-fast);border:none;text-decoration:none;display:flex}.donor-cta-row:hover{background:var(--surface-3)}.donor-cta-arrow{transition:transform var(--transition-fast)}.donor-cta-row:hover .donor-cta-arrow{transform:translate(3px)}.donor-list{background:var(--surface-1);border-radius:var(--radius-lg);border:none;position:relative;overflow:hidden}.donor-list:before{content:none}.donor-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);display:flex}.donor-row:last-child{border-bottom:none}.donor-row:hover{background:var(--surface-2)}.donor-rank{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:.9375rem;font-weight:700}.donor-rank--gold{color:#d9b84a}.donor-rank--silver{color:#aeb4be}.donor-rank--bronze{color:#b5875d}.donor-info{flex:1;min-width:0}.donor-name{font-weight:600;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.donor-message{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.donor-amount{text-align:right;flex-shrink:0}.donor-quantity{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);font-variant-numeric:tabular-nums}.donor-rupiah{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.episode-card{background:var(--surface-1);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;flex-wrap:wrap;display:flex}.episode-card:hover{background:var(--surface-2);transform:translate(2px)}.episode-info{flex-direction:column;gap:2px;min-width:0;display:flex}.episode-number{font-weight:600;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.az-letter-btn{background:var(--surface-2);width:38px;height:38px;color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);font-family:var(--font-display);border:none;justify-content:center;align-items:center;display:inline-flex}.az-letter-btn:hover:not([aria-pressed=true]){background:var(--surface-3);color:var(--text-primary)}.az-letter-btn[aria-pressed=true]{background:var(--accent-strong);color:#0a0a0a}.az-letters{margin-bottom:var(--space-6);padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius-lg);border:none;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.az-result-count{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);font-variant-numeric:tabular-nums;font-weight:500}.breadcrumb-sep{color:var(--border-default);margin:0 2px}.breadcrumb-current{color:var(--text-primary);text-transform:capitalize;font-weight:500}.carousel-dots{gap:6px}.carousel-dot{cursor:pointer;transition:background-color var(--transition-fast), width var(--transition-fast);padding:0;background:#ffffff3d!important;border:none!important;border-radius:2px!important;width:20px!important;height:4px!important}.carousel-dot.active{background:var(--accent)!important;width:32px!important}.carousel-dot:hover{background:#ffffff80!important}.carousel-dot.active:hover{background:var(--accent-strong)!important}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-text)}::selection{background:var(--accent-strong);color:#0a0a0a}@media (max-width:768px){.pagination{margin-top:var(--space-6)}.empty-state,.loading-container,.error-container{padding:var(--space-6) var(--space-4)}}@media (max-width:480px){.az-letters{padding:var(--space-2);gap:4px}.az-letter-btn{width:34px;height:34px;font-size:var(--text-xs)}.home-category-section{padding:var(--space-4);border-radius:var(--radius-lg)}.home-category-header{flex-direction:column;align-items:flex-start}}.card-image-wrapper{aspect-ratio:2/3;border-radius:var(--radius-md);background:var(--surface-2);contain:layout style paint;overflow:hidden}.card-image-wrapper .poster{object-fit:cover;object-position:center top;image-rendering:auto;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:none;width:100%;height:100%;transform:translateZ(0)}.carousel-slide{contain:layout style paint}.carousel-img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%}.anime-grid{contain:layout style}.home-rail:nth-child(n+3){content-visibility:auto;contain-intrinsic-size:0 400px}@media (max-width:768px){.home-rail:nth-child(n+2){content-visibility:auto;contain-intrinsic-size:0 300px}}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:95%;descent-override:25%;line-gap-override:0%;size-adjust:105%}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100%;descent-override:22%;line-gap-override:0%;size-adjust:103%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.schedule-day-pill-dot{animation:none}}.carousel{border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);background:var(--color-surface);position:relative;overflow:hidden}.carousel-viewport{position:relative;overflow:hidden}.carousel-track{will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex}.carousel-slide{aspect-ratio:21/9;flex:0 0 100%;position:relative;overflow:hidden}.carousel-img{object-fit:cover;width:100%;height:100%}.carousel-gradient{background:linear-gradient(90deg,#070707eb 0%,#07070780 40%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.carousel-content{padding:var(--space-6);z-index:2;max-width:55%;position:absolute;bottom:0;left:0}.carousel-title{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-3);-webkit-line-clamp:2;text-shadow:0 2px 8px #00000080;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.carousel-cta{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.carousel-arrow{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070707b3;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:var(--color-primary);border-color:var(--color-primary)}.carousel-arrow--prev{left:var(--space-3)}.carousel-arrow--next{right:var(--space-3)}.carousel-dots{justify-content:center;gap:var(--space-2);padding:var(--space-3);display:flex}.carousel-dot{background:var(--color-border);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none;border-radius:50%}.carousel-dot.active{background:var(--color-primary);border-radius:var(--radius-full);width:24px}@media (max-width:768px){.carousel-slide{aspect-ratio:16/9}.carousel-content{padding:var(--space-4);max-width:70%}.carousel-title{font-size:var(--text-lg)}.carousel-arrow{width:30px;height:30px;font-size:1.1rem}}@media (max-width:480px){.carousel-slide{aspect-ratio:16/10}.carousel-content{max-width:85%;padding:var(--space-3)}.carousel-title{font-size:var(--text-base);-webkit-line-clamp:1}.carousel-cta{padding:6px 12px;font-size:.65rem}}.site-footer{background:var(--surface-1);margin-top:auto;position:relative}.site-footer-inner{max-width:var(--breakpoint-xl);padding:var(--space-10) clamp(16px, 4vw, 24px) var(--space-6);margin:0 auto}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1.4fr 1fr 1fr 1.2fr;display:grid}.footer-brand-link{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);text-decoration:none;display:inline-flex}.footer-logo{border-radius:var(--radius-md);object-fit:cover;width:40px;height:40px}.footer-brand-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.footer-tagline{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:300px}.footer-col{gap:var(--space-2);flex-direction:column;display:flex}.footer-col-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.footer-link{color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-body);padding:var(--space-1) 0;min-height:28px;transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.footer-link:hover{color:var(--text-primary)}.footer-link-btn{cursor:pointer;text-align:left;background:0 0;border:none}.footer-donate-card{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.donate-card-header{align-items:center;gap:var(--space-2);display:flex}.donate-icon{color:var(--accent)}.donate-card-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.donate-card-body{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-donate-card .btn-donate{align-self:flex-start}.footer-bottom{align-items:center;gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.footer-copy{font-size:var(--text-xs);color:var(--text-muted)}.footer-disclaimer{font-size:var(--text-xs);color:var(--text-muted);text-align:center;opacity:.75;max-width:520px;line-height:1.5}.report-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.report-panel{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);width:100%;max-width:480px;animation:.3s ease-out fadeInUp;position:relative}.report-close{top:var(--space-4);right:var(--space-4);color:var(--text-muted);cursor:pointer;padding:var(--space-1);min-width:28px;min-height:28px;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.report-close:hover{color:var(--text-primary)}.report-title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.report-hint{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.report-textarea{width:100%;padding:var(--space-3);background:var(--bg);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);resize:vertical;margin-bottom:var(--space-4)}.report-textarea:focus{border-color:var(--accent);outline:none}.report-actions{gap:var(--space-3);justify-content:flex-end;display:flex}@media (max-width:768px){.footer-grid{gap:var(--space-6) var(--space-4);grid-template-columns:1fr 1fr}.footer-brand,.footer-donate-card{grid-column:1/-1}}@media (max-width:480px){.footer-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-brand{text-align:center}.footer-brand-link{justify-content:center}.footer-tagline{max-width:none}.footer-col,.footer-donate-card{text-align:center;align-items:center}.footer-donate-card .btn-donate{align-self:center}}.home-hero--streaming{gap:var(--space-8);align-items:center;display:flex}.home-hero-copy{flex-direction:column;flex:0 0 38%;min-width:0;display:flex}.home-hero-featured{flex:62%;min-width:0}.home-hero--streaming .carousel{border:none}.home-progress-track{z-index:3;background:#ffffff26;border-radius:0;height:3px;position:absolute;bottom:0;left:0;right:0}.home-progress-fill{background:var(--accent);border-radius:0 2px 2px 0;height:100%}.home-watch-time{color:var(--accent);align-items:center;gap:3px;margin-top:2px;font-size:.6rem;font-weight:600;display:flex}.home-watch-placeholder{background:var(--surface-3);width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.home-donate-band{margin-bottom:var(--space-12)}.home-donate-band-inner{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);background:var(--surface-2);border-radius:var(--radius-xl);flex-direction:column;display:flex}.home-donate-band-icon{color:var(--accent)}.home-donate-band-title{font-family:var(--font-display);font-size:var(--text-xl);margin:0;font-weight:700}.home-donate-band-text{font-size:var(--text-sm);color:var(--text-secondary);max-width:36ch;margin:0}@media (max-width:768px){.home-hero--streaming{flex-direction:column;align-items:stretch}.home-hero-copy,.home-hero-featured{flex:none}}.header{z-index:var(--z-nav);-webkit-backdrop-filter:blur(14px);transition:border-color var(--transition-normal), background-color var(--transition-normal);background:#070707d1;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.header--scrolled{border-bottom-color:var(--border-subtle)}.nav-container{max-width:var(--breakpoint-xl);justify-content:space-between;align-items:center;gap:var(--space-4);height:64px;margin:0 auto;padding:0 clamp(16px,4vw,24px);display:flex}.nav-brand{flex-shrink:0}.nav-logo{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.logo-image{border-radius:var(--radius-sm);object-fit:cover;width:32px;height:32px}.logo-text{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:1.125rem;font-weight:700}.nav-menu{align-items:center;gap:2px;display:flex}.nav-link{height:36px;padding:0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-full);transition:color var(--transition-fast), background-color var(--transition-fast);cursor:pointer;white-space:nowrap;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:5px;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--surface-2)}.nav-link.active{color:var(--text-primary)}.nav-link.active:after,.nav-link.child-active:after{content:"";left:var(--space-3);right:var(--space-3);background:var(--accent);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-1px}.nav-donate-mobile{display:none}.nav-dropdown{position:relative}.dropdown-trigger{-webkit-user-select:none;user-select:none}.dropdown-arrow-icon{opacity:.55;transition:transform var(--transition-fast)}.dropdown-arrow-icon.rotated{transform:rotate(180deg)}.dropdown-menu{background:var(--surface-2);border-radius:var(--radius-md);min-width:176px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);z-index:calc(var(--z-nav) + 10);padding:6px;position:absolute;top:calc(100% + 8px);left:50%;transform:translateY(-6px)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown.open .dropdown-menu,.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);font-weight:500;text-decoration:none;display:block}.dropdown-item:hover{background:var(--surface-3);color:var(--text-primary)}.dropdown-item.active{color:var(--accent-text);background:var(--accent-soft)}.nav-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.icon-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.mobile-menu-btn{border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:9px;display:none}.mobile-menu-btn:hover{background:var(--surface-2)}.hamburger-line{background:var(--text-primary);width:100%;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:2px}.mobile-menu-btn.open .hamburger-line:first-child{transform:rotate(45deg)translate(4px,4px)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(4.5px,-4.5px)}.mobile-overlay{z-index:calc(var(--z-nav) - 1);background:#000000a6;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-overlay.open{display:block}@media (max-width:900px){.mobile-menu-btn{display:flex}.nav-donate-desktop{display:none}.nav-menu{height:calc(100vh - 64px);background:var(--bg);height:calc(100dvh - 64px);padding:var(--space-4) clamp(16px, 4vw, 24px) calc(var(--space-8) + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--transition-slow), visibility 0s linear var(--transition-slow);z-index:var(--z-nav);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;position:fixed;top:64px;bottom:auto;left:0;right:0;overflow-y:auto;transform:translate(100%)}.nav-menu.open{visibility:visible;transition-delay:0s;transform:translate(0)}.nav-menu>*{flex-shrink:0}.nav-menu .nav-link,.nav-menu .nav-dropdown{animation:fadeInUp var(--transition-slow) both}.nav-menu>:first-child{animation-delay:30ms}.nav-menu>:nth-child(2){animation-delay:60ms}.nav-menu>:nth-child(3){animation-delay:90ms}.nav-menu>:nth-child(4){animation-delay:.12s}.nav-menu>:nth-child(5){animation-delay:.15s}.nav-menu>:nth-child(6){animation-delay:.18s}.nav-menu>:nth-child(7){animation-delay:.21s}.nav-menu>:nth-child(8){animation-delay:.24s}.nav-menu .nav-link{height:48px;padding:0 var(--space-3);font-size:var(--text-base);border-radius:var(--radius-md);justify-content:space-between;width:100%}.nav-link.active:after,.nav-link.child-active:after{width:2px;height:18px;top:50%;bottom:auto;left:0;right:auto;transform:translateY(-50%)}.nav-dropdown{position:static}.dropdown-menu{opacity:1;visibility:visible;box-shadow:none;padding:0 0 0 var(--space-4);max-height:0;transition:max-height var(--transition-normal), padding var(--transition-normal);background:0 0;position:static;overflow:hidden;transform:none}.dropdown-menu.show{max-height:420px;padding:var(--space-1) 0 var(--space-1) var(--space-4)}.dropdown-item{padding:var(--space-2) var(--space-3)}.nav-donate-mobile{margin-top:var(--space-6);display:inline-flex}}.app{flex-direction:column;min-height:100svh;display:flex}.app>main{flex:1;padding-top:64px}.home-container{animation:.3s ease-out fadeIn}.home-rail-header{box-shadow:none;margin-bottom:var(--space-3);background:0 0;border:none;padding:0}.home-rail-scroll{gap:var(--space-3);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.home-rail-scroll::-webkit-scrollbar{display:none}.home-rail-card{scroll-snap-align:start;flex:0 0 150px}.schedule-summary{background:var(--surface-1);border-radius:var(--radius-lg);overflow:hidden}.schedule-summary table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.schedule-summary th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--surface-2);letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);font-size:.6875rem;font-weight:600}.schedule-summary td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.schedule-summary tr:last-child td{border-bottom:none}.schedule-summary tr:hover td{background:var(--surface-3)}.schedule-buka{color:var(--accent);font-weight:500;font-size:var(--text-xs);text-decoration:none}.schedule-buka:hover{color:var(--color-primary-light)}.anime-detail{animation:.3s ease-out fadeIn}.detail-header{gap:var(--space-6);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);background:linear-gradient(#07070766,#111111e6);display:flex;position:relative;overflow:hidden}.detail-poster{border-radius:var(--radius-md);width:200px;box-shadow:var(--shadow-lg);flex-shrink:0;overflow:hidden}.detail-poster img{image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:none;width:100%;height:auto;display:block;transform:translateZ(0)}.detail-info{flex:1;min-width:0}.detail-info h1{font-size:var(--text-2xl);margin-bottom:var(--space-3);letter-spacing:-.015em}.detail-meta{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.detail-meta-item{background:var(--surface-2);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;align-items:center;padding:3px 10px;font-weight:500;display:inline-flex}.episode-list{background:var(--surface-1);border-radius:var(--radius-lg);content-visibility:auto;contain-intrinsic-size:auto 420px;overflow:hidden}.episode-list-header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:var(--text-base)}.episode-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);color:var(--text-primary);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.episode-item:last-child{border-bottom:none}.episode-item:hover{background:var(--surface-2)}.episode-title{font-weight:500;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.episode-date{font-size:var(--text-xs);color:var(--text-muted)}.watch-page{animation:.3s ease-out fadeIn}.back-link{color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);transition:color var(--transition-fast);font-family:var(--font-body);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-primary)}.video-player-wrapper{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;width:100%;margin-bottom:0;position:relative;overflow:hidden}.video-player-wrapper .vds-player,.video-player-wrapper [data-vds-player],.video-player-wrapper video{object-fit:contain;width:100%!important;height:100%!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.video-player-wrapper .vds-player{--vds-controls-color:#fff;--vds-font-family:var(--font-body)}.server-selector{background:var(--surface-1);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.quality-tabs{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.quality-tabs:before{content:"Kualitas";color:var(--text-muted);letter-spacing:.04em;margin-right:var(--space-2);font-size:.6875rem;font-weight:600}.provider-tabs{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.provider-tabs:before{content:"Sumber";color:var(--text-muted);letter-spacing:.04em;margin-right:var(--space-2);font-size:.6875rem;font-weight:600}.provider-tabs .quality-tab:disabled{opacity:.5;cursor:wait}.quality-tab{background:var(--surface-2);height:30px;color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);border:none;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}.quality-tab:hover{background:var(--surface-3);color:var(--text-primary)}.quality-tab.active{background:var(--accent-soft);color:var(--accent-text)}.server-list{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.server-list:before{content:"Server";color:var(--text-muted);letter-spacing:.04em;margin-right:var(--space-2);font-size:.6875rem;font-weight:600}.server-btn{background:var(--surface-2);height:30px;color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);border:none;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}.server-btn:hover{background:var(--surface-3);color:var(--text-primary)}.server-btn.active{background:var(--accent-soft);color:var(--accent-text)}.episode-navigation{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-4);display:flex}.card-provider-tag{color:var(--text-secondary);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;background:#ffffff0f;max-width:100%;margin-top:3px;padding:2px 7px;font-size:.625rem;font-weight:500;display:inline-block;overflow:hidden}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--text-primary);text-decoration:underline}.maintenance-container{text-align:center;min-height:60vh;padding:var(--space-10) var(--space-4);flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex}.maintenance-icon{margin-bottom:var(--space-6);background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.maintenance-title{font-size:var(--text-2xl);margin-bottom:var(--space-4);font-weight:700}.maintenance-message{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:500px}.maintenance-info{background:var(--surface-1);border-radius:var(--radius-lg);padding:var(--space-5);max-width:500px}.maintenance-links{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:768px){.home-rail-card{flex:0 0 128px}.detail-header{text-align:center;padding:var(--space-5) var(--space-4);flex-direction:column;align-items:center}.detail-poster{width:160px}.detail-meta{justify-content:center}.episode-navigation{flex-direction:column}.video-player-wrapper{border-radius:var(--radius-md) var(--radius-md) 0 0}.server-selector{border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-2) var(--space-3)}}@media (max-width:480px){.home-rail-card{flex:0 0 116px}.detail-poster{width:130px}}.install-banner{z-index:var(--z-toast);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--surface-2);border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);align-items:center;gap:var(--space-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:.4s ease-out fadeInUp;display:flex;position:fixed;bottom:0;left:0;right:0}.install-banner__icon{border-radius:var(--radius-md);flex-shrink:0;width:40px;height:40px}.install-banner__text{flex:1;min-width:0}.install-banner__name{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px}.install-banner__benefit{font-size:var(--text-xs);color:var(--text-muted);line-height:1.3}.install-banner__install{flex-shrink:0}.install-banner__close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.install-banner__close:hover{color:var(--text-primary)}.animated-background{z-index:0;pointer-events:none;opacity:.5;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.animated-background__canvas{width:100%;height:100%;display:block}