@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;--scrollbar-bg:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:Inter,Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,Noto Sans Devanagari,Noto Sans Arabic,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{max-width:100vw;overflow-x:hidden}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (max-width:768px){h1{font-size:2em}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-corner{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:#ffffff4d padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff80 padding-box padding-box;border:2px solid #0000}.search-results-scrollbar::-webkit-scrollbar-track{background:#2a2a2a;border-radius:0 0 24px}.search-results-scrollbar::-webkit-scrollbar-corner{background:#2a2a2a}.search-results-scrollbar::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:2px solid #0000}.search-results-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff6}.modal-scrollbar::-webkit-scrollbar-track{background:0 0}.modal-scrollbar::-webkit-scrollbar-corner{background:0 0}.modal-scrollbar::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:2px solid #0000;border-radius:8px}.modal-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){button,[role=button]{min-width:44px;min-height:44px}a{min-height:44px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px;height:4px}}.range-slider-container{align-items:center;width:100%;height:40px;display:flex;position:relative}.range-slider-track{z-index:1;background-color:#444;border-radius:2px;width:100%;height:4px;position:absolute}.range-slider-range{z-index:2;background-color:#fff;border-radius:2px;height:4px;position:absolute}.range-slider-input{pointer-events:none;appearance:none;z-index:3;background:0 0;width:100%;height:0;margin:0;padding:0;position:absolute}.range-slider-input::-webkit-slider-thumb{appearance:none;cursor:pointer;pointer-events:auto;background:#fff;border:2px solid #1a1a1a;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0006}.range-slider-input::-moz-range-thumb{cursor:pointer;pointer-events:auto;background:#fff;border:2px solid #1a1a1a;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0006}.range-slider-input:focus{outline:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html[dir=rtl],html[dir=rtl] body,html[dir=rtl] body *{font-family:Inter,Noto Sans Arabic,system-ui,Avenir,Helvetica,Arial,sans-serif!important}html[lang=zh-CN],html[lang=zh],html[lang=zh-CN] body,html[lang=zh-CN] body *,html[lang=zh] body,html[lang=zh] body *{font-family:Inter,Noto Sans SC,system-ui,Avenir,Helvetica,Arial,sans-serif!important}html[lang=zh-TW],html[lang=zh-HK],html[lang=zh-TW] body,html[lang=zh-TW] body *,html[lang=zh-HK] body,html[lang=zh-HK] body *{font-family:Inter,Noto Sans TC,system-ui,Avenir,Helvetica,Arial,sans-serif!important}html[lang=ja],html[lang=ja] body,html[lang=ja] body *{font-family:Inter,Noto Sans JP,system-ui,Avenir,Helvetica,Arial,sans-serif!important}html[lang=ko],html[lang=ko] body,html[lang=ko] body *{font-family:Inter,Noto Sans KR,system-ui,Avenir,Helvetica,Arial,sans-serif!important}html[lang=hi] body,html[lang=hi] body *{font-family:Inter,Noto Sans Devanagari,system-ui,Avenir,Helvetica,Arial,sans-serif!important}html[lang] .lang-west{font-family:Inter,sans-serif!important}html[lang] .lang-ar{font-family:Noto Sans Arabic,sans-serif!important}html[lang] .lang-zh{font-family:Noto Sans SC,Noto Sans TC,sans-serif!important}html[lang] .lang-ja{font-family:Noto Sans JP,sans-serif!important}html[lang] .lang-ko{font-family:Noto Sans KR,sans-serif!important}html[lang] .lang-hi{font-family:Noto Sans Devanagari,sans-serif!important}.nav-button{transition:background-color .2s}.nav-button:hover{background-color:#333!important}.home-nav-link{transition:all .2s}.home-nav-link:hover{transform:scale(1.05);background-color:#fff3!important}.list-item-link{transition:background-color .2s}.list-item-link:hover{background-color:#252525!important}
#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}
@media (max-width:768px){.detail-hero{height:50vh!important}.detail-content{margin-top:-80px!important;padding:0 20px 40px!important}.detail-logo{max-width:280px!important;max-height:80px!important}.detail-title{font-size:2rem!important}.detail-meta{gap:8px!important;font-size:14px!important}.detail-overview{font-size:1rem!important}.cast-grid{gap:8px!important}.modal-container{padding:20px!important}.modal-content{border-radius:16px!important;max-height:85vh!important}.modal-header,.modal-body{padding:16px!important}.person-header{flex-direction:column!important;padding:40px 20px!important}.person-profile{width:200px!important}.person-info{width:100%!important}.person-filmography{padding:0 20px 40px!important}.filmography-grid{gap:12px!important}.filmography-item{width:120px!important;min-width:120px!important}.filmography-poster{height:180px!important}}@media (min-width:769px) and (max-width:1024px){.detail-content{padding:0 40px 60px!important}.detail-title{font-size:3rem!important}}