@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,700;9..144,800&display=swap";:root{--bg:#101214;--bg-deep:#0a0c0d;--bg-elevated:#181b1d;--bg-soft:#202426;--surface:#fff1;--surface-strong:#ffffff21;--border:#ffffff1f;--border-strong:#fff3;--text:#f8f0df;--muted:#a9aaa4;--muted-strong:#ddd5c5;--gold:#f1c65d;--red:#d74d42;--cyan:#65cfd4;--green:#88bd78;--shadow:0 24px 70px #0006;--font-body:"Archivo", "Segoe UI", sans-serif;--font-display:"Fraunces", Georgia, serif;color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(180deg, #d74d4224 0, transparent 330px), repeating-linear-gradient(90deg, #ffffff05 0, #ffffff05 1px, transparent 1px, transparent 20px), var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);letter-spacing:0}#app,.app-shell{min-height:100svh}.app-main{width:min(1440px,100%);margin:0 auto;padding:112px 24px 60px}.app-header{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1113e6;position:fixed;top:0;left:0;right:0}.header-row{grid-template-columns:auto minmax(260px,520px) 1fr auto;align-items:center;gap:18px;width:min(1440px,100%);min-height:72px;margin:0 auto;padding:0 24px;display:grid}.brand{color:var(--text);justify-self:start;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:inline-flex}.brand-mark,.avatar-mark{color:#101214;background:linear-gradient(135deg, var(--gold), #ffe6a0 45%, var(--red) 46%, var(--red) 100%);border-radius:8px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 14px 34px #f1c65d2e}.header-search{width:100%;min-width:0}.main-nav{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.main-nav a,.bottom-nav a{min-height:42px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:.92rem;font-weight:700;transition:color .18s,background .18s,transform .18s;display:inline-flex}.main-nav a:hover,.main-nav a.router-link-active{color:var(--text);background:var(--surface)}.profile-link{justify-self:end}.bottom-nav{display:none}.search-field{border:1px solid var(--border);width:100%;min-width:0;min-height:44px;color:var(--muted);background:#ffffff13;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 12px;display:grid}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.search-field input::placeholder{color:#858987}.search-clear{width:28px;height:28px;color:var(--muted-strong);background:#ffffff14;border-radius:999px;place-items:center;display:grid}.icon-button{border:1px solid var(--border);width:42px;height:42px;color:var(--text);background:var(--surface);border-radius:8px;flex:none;place-items:center;transition:transform .18s,border-color .18s,background .18s;display:inline-grid}.icon-button:hover{background:var(--surface-strong);border-color:#f1c65d75;transform:translateY(-1px)}.icon-button:disabled,.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.primary-button,.ghost-button{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{color:#101214;background:var(--gold)}.primary-button:hover{background:#ffd271}.ghost-button{color:var(--text);border:1px solid var(--border);background:#ffffff14}.text-link{color:var(--gold);font-weight:800}.home-page,.content-page,.movie-page{flex-direction:column;gap:34px;display:flex}.page-heading{max-width:820px;padding-top:18px}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.75rem;font-weight:800}.page-heading h1,.hero-copy h1,.detail-copy h1{color:var(--text);margin-top:8px;font-size:clamp(2.5rem,7vw,5.4rem);line-height:.96}.page-heading p:last-child{color:var(--muted-strong);margin-top:12px;font-size:1.08rem}.category-page .page-heading p:last-child{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-showcase{border:1px solid var(--border);background-color:var(--bg-elevated);min-height:540px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:8px;align-items:flex-end;padding:56px;display:flex;position:relative;overflow:hidden}.hero-showcase:after{content:"";pointer-events:none;background:linear-gradient(#0000,#101214db);height:160px;position:absolute;inset:auto 0 0}.hero-copy{z-index:1;width:min(660px,100%);position:relative}.hero-tagline,.detail-description{max-width:700px;color:var(--muted-strong);margin-top:18px;font-size:1.08rem}.detail-description{-webkit-line-clamp:7;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-facts{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.hero-facts span{border:1px solid var(--border);color:var(--muted-strong);background:#10121494;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:.88rem;font-weight:800;display:inline-flex}.hero-actions,.detail-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.cinema-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cinema-strip div,.notice-panel,.live-panel,.profile-hero,.detail-panel{border:1px solid var(--border);background:linear-gradient(145deg,#f1c65d14,#0000 42%),#ffffff0e;border-radius:8px}.cinema-strip div{gap:2px;min-height:94px;padding:18px;display:grid}.cinema-strip span,.cinema-strip small{color:var(--muted);font-weight:700}.cinema-strip strong{color:var(--cyan);font-size:2rem;line-height:1}.notice-panel{color:var(--muted-strong);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.notice-panel svg{color:var(--gold)}.notice-panel h2{color:var(--text);font-size:1.2rem}.movie-rail,.new-board{flex-direction:column;gap:18px;display:flex}.section-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-header h2,.empty-panel h2,.profile-card h2,.detail-panel h2{color:var(--text);font-size:1.65rem;line-height:1.08}.rail-scroll{scrollbar-color:var(--surface-strong) transparent;scroll-snap-type:x proximity;grid-auto-columns:minmax(176px,210px);grid-auto-flow:column;gap:16px;padding:2px 0 16px;display:grid;overflow-x:auto}.rail-scroll .movie-card{scroll-snap-align:start}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:24px 16px;display:grid}.preview-grid{margin-top:4px}.movie-card{min-width:0}.movie-poster-shell{position:relative}.movie-poster{aspect-ratio:2/3;border:1px solid var(--border);background-color:var(--bg-soft);background-position:50%;background-size:cover;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000052}.movie-poster:before{content:"";opacity:0;background:linear-gradient(120deg,#65cfd429,#0000 35%),linear-gradient(#0000 55%,#101214c2);transition:opacity .18s;position:absolute;inset:0}.movie-card:hover .movie-poster:before{opacity:1}.save-button{z-index:2;background:#101214b8;width:36px;height:36px;position:absolute;top:10px;right:10px}.poster-play{z-index:1;color:#101214;opacity:0;background:#f1c65df5;border-radius:50%;place-items:center;width:50px;height:50px;transition:opacity .18s,transform .18s;display:grid;position:relative;transform:translateY(8px)}.movie-card:hover .poster-play{opacity:1;transform:translateY(0)}.watch-progress{z-index:2;background:#fff3;border-radius:999px;height:5px;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.watch-progress span{border-radius:inherit;background:var(--red);height:100%;display:block}.movie-meta{padding-top:12px;display:block}.movie-kicker{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.82rem;font-weight:800;display:flex}.movie-kicker span{align-items:center;gap:4px;display:inline-flex}.movie-kicker span:first-child{color:var(--gold)}.movie-meta h3{min-height:2.4em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:1rem;line-height:1.2;display:-webkit-box;overflow:hidden}.movie-meta p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:.9rem;display:-webkit-box;overflow:hidden}.movie-skeleton{aspect-ratio:2/3;border:1px solid var(--border);background:var(--surface);border-radius:8px;position:relative;overflow:hidden}.movie-skeleton:after,.line-skeleton:after{content:"";background:linear-gradient(100deg,#0000 0%,#ffffff1c 42%,#0000 78%);animation:1.1s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}.empty-panel{border:1px solid var(--border);max-width:560px;color:var(--muted-strong);background:var(--surface);border-radius:8px;justify-items:start;gap:14px;padding:28px;display:grid}.search-page{gap:26px}.search-console{grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:820px;display:grid}.search-console .search-field{min-height:52px}.live-panel{gap:16px;padding:18px;display:grid}.live-results{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.live-item{border:1px solid var(--border);min-height:64px;color:var(--text);text-align:left;background:#ffffff0e;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.live-item svg{color:var(--gold)}.live-item span{gap:2px;display:grid}.live-item small{color:var(--muted);font-size:.84rem}.categories-page{gap:28px}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.category-section{border:1px solid var(--border);background:linear-gradient(145deg, #f1c65d14, transparent 42%), var(--surface);border-radius:8px;flex-direction:column;gap:18px;min-width:0;padding:22px;display:flex}.category-section header{justify-content:space-between;align-items:center;gap:14px;display:flex}.category-section h2{color:var(--text);font-size:1.45rem;line-height:1.08}.category-section header span{color:#101214;background:var(--gold);border-radius:999px;place-items:center;min-width:32px;height:30px;font-weight:800;display:inline-grid}.category-links,.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.category-links a,.tag-cloud a,.episode-chip{border:1px solid var(--border);min-height:34px;color:var(--muted-strong);background:#ffffff0e;border-radius:999px;padding:7px 11px;font-size:.91rem;font-weight:800}.category-links a:hover,.tag-cloud a:hover,.episode-chip.active{color:#101214;border-color:var(--cyan);background:var(--cyan)}.category-skeleton{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:250px}.category-toolbar,.pagination-actions{align-items:center;gap:10px;display:flex}.category-toolbar{justify-content:space-between}.pagination-actions{color:var(--muted-strong);font-weight:800}.pagination-actions span{text-align:center;min-width:82px}.movie-detail-hero{border:1px solid var(--border);background-color:var(--bg-elevated);min-height:560px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:8px;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:32px;padding:42px;display:grid}.detail-poster{aspect-ratio:2/3;border:1px solid var(--border-strong);object-fit:cover;border-radius:8px;align-self:end;width:100%;box-shadow:0 22px 54px #00000075}.detail-copy{align-self:end;max-width:820px}.original-title{color:var(--muted);margin-top:8px;font-size:1.08rem;font-weight:700}.translation-select{max-width:420px;color:var(--muted-strong);gap:7px;font-size:.9rem;font-weight:800;display:grid}.translation-select select{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--bg-elevated);border-radius:8px;padding:0 12px}.watch-console{border:1px solid var(--border);background:linear-gradient(145deg,#65cfd414,#0000 44%),#ffffff0e;border-radius:8px;gap:18px;padding:22px;display:grid}.watch-badge{border:1px solid var(--border);min-height:34px;color:var(--muted-strong);background:#ffffff12;border-radius:999px;align-items:center;padding:0 12px;font-size:.9rem;font-weight:800;display:inline-flex}.watch-control-grid{grid-template-columns:minmax(220px,360px) minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.watch-loading{align-self:center;min-width:0;display:grid}.season-picker,.episode-picker{gap:10px;min-width:0;display:grid}.episode-picker{grid-column:1/-1}.season-picker h3,.episode-picker h3{color:var(--muted-strong);font-size:.9rem;line-height:1.2}.season-tabs{scrollbar-color:var(--surface-strong) transparent;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.season-tabs button{border:1px solid var(--border);min-width:42px;min-height:38px;color:var(--muted-strong);background:#ffffff0e;border-radius:999px;flex:none;place-items:center;padding:0 12px;font-weight:800;display:inline-grid}.season-tabs button.active{color:#101214;border-color:var(--gold);background:var(--gold)}.episode-list.compact{scrollbar-color:var(--surface-strong) transparent;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));max-height:150px;padding:2px 4px 2px 0;display:grid;overflow-y:auto}.episode-list.compact .episode-chip{text-align:center;border-radius:8px;min-height:36px;padding:6px 8px}.watch-start{white-space:nowrap;grid-area:1/3;align-self:end}.watch-error{color:#ffb7ae;font-weight:700}.player-section{gap:18px;display:grid}.player-frame{border:1px solid var(--border);box-shadow:var(--shadow);background:#000;border-radius:8px;overflow:hidden}.player-frame video{background:#000;width:100%;max-height:78svh;display:block}.detail-grid{gap:16px;display:grid}.episode-list{flex-wrap:wrap;gap:8px;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel{min-height:180px;color:var(--muted-strong);align-content:start;gap:12px;padding:22px;display:grid}.detail-panel svg{color:var(--cyan)}.person-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.person-list a{border:1px solid var(--border);background:#ffffff0e;border-radius:8px;gap:2px;min-height:54px;padding:10px 12px;display:grid}.person-list span{color:var(--text);font-weight:800}.person-list small{color:var(--muted);font-size:.82rem;font-weight:700}.person-list a:hover{background:#65cfd41a;border-color:#65cfd480}.wide-panel{grid-column:1/-1}.movie-detail-skeleton{grid-template-columns:240px minmax(0,1fr);align-items:end;gap:24px;display:grid}.line-skeleton{background:var(--surface);border-radius:8px;width:min(560px,100%);height:28px;margin-bottom:12px;position:relative;overflow:hidden}.line-skeleton.wide{height:62px}.line-skeleton.short{width:min(360px,70%)}.profile-page{gap:28px}.profile-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.profile-hero h2{color:var(--text);font-size:1.4rem}.profile-hero p{color:var(--muted);font-weight:700}.profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.profile-card{border:1px solid var(--border);min-height:188px;color:var(--muted-strong);background:linear-gradient(#ffffff14,#ffffff0a);border-radius:8px;align-content:start;gap:10px;padding:22px;display:grid}.profile-card svg{color:var(--cyan)}.profile-card p{color:var(--muted)}.page-enter-active,.page-leave-active{transition:opacity .16s,transform .16s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(8px)}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (hover:none){.poster-play{opacity:1;width:42px;height:42px;transform:none}}@media (width<=1180px){.header-row{grid-template-columns:auto minmax(220px,420px) 1fr auto}.main-nav a{padding:0 10px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.header-row{grid-template-columns:auto minmax(240px,1fr) auto}.main-nav{display:none}.movie-detail-hero,.detail-grid,.watch-control-grid{grid-template-columns:1fr}.translation-select{max-width:none}.episode-picker,.watch-start{grid-area:auto}.watch-start{justify-self:start}.detail-poster{width:min(280px,100%)}}@media (width<=760px){.app-main{padding:88px 14px calc(94px + env(safe-area-inset-bottom))}.app-header{border-bottom-color:#ffffff1a}.header-row{grid-template-columns:auto 1fr auto;min-height:64px;padding:0 14px}.header-search,.profile-link{display:none}.bottom-nav{z-index:35;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1113f0;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;display:grid;position:fixed;box-shadow:0 16px 48px #00000073}.bottom-nav a{flex-direction:column;justify-content:center;gap:3px;min-height:54px;padding:0 4px;font-size:.72rem}.bottom-nav a.router-link-active{color:#101214;background:var(--gold)}.page-heading{padding-top:8px}.page-heading h1,.hero-copy h1,.detail-copy h1{font-size:clamp(2.25rem,12vw,3.65rem);line-height:1}.hero-showcase{background-position:100%;min-height:470px;padding:26px}.cinema-strip{grid-template-columns:1fr 1fr 1fr;gap:8px}.cinema-strip div{min-height:82px;padding:12px}.cinema-strip strong{font-size:1.45rem}.cinema-strip small{font-size:.78rem}.notice-panel,.profile-hero{grid-template-columns:1fr;justify-items:start}.rail-scroll{grid-auto-columns:minmax(142px,160px);gap:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.categories-grid,.profile-grid{grid-template-columns:1fr}.category-section{padding:18px}.category-toolbar,.section-header{flex-direction:column;align-items:flex-start}.search-console{grid-template-columns:1fr}.search-console .primary-button{width:100%}.live-results{grid-template-columns:1fr}.movie-detail-hero{gap:22px;min-height:auto;padding:22px}.watch-console{padding:18px}.episode-list.compact{max-height:132px}.detail-poster{width:min(220px,76vw)}.movie-detail-skeleton{grid-template-columns:1fr}}@media (width<=430px){.brand span:last-child{display:none}.app-main{padding-inline:12px}.hero-showcase{min-height:430px;padding:22px}.hero-actions .primary-button,.hero-actions .ghost-button,.detail-actions .primary-button,.detail-actions .ghost-button{flex:140px}.movie-meta h3{font-size:.94rem}.movie-meta p,.movie-kicker{font-size:.78rem}}