:root{--bg: oklch(.16 .008 50);--bg-radial-a: oklch(.22 .02 50);--bg-radial-b: oklch(.14 .006 50);--surface: oklch(.21 .012 50);--surface-2: oklch(.18 .01 50);--surface-3: oklch(.24 .012 50);--border: oklch(1 0 0 / .1);--border-soft: oklch(1 0 0 / .06);--border-strong: oklch(1 0 0 / .15);--text: oklch(.95 .006 50);--text-2: oklch(.9 .006 50);--text-dim: oklch(.68 .012 50);--text-dimmer: oklch(.6 .012 50);--text-faint: oklch(.5 .01 50);--accent: oklch(.78 .14 55);--accent-hover: oklch(.85 .13 55);--accent-fg: oklch(.15 .02 55);--danger: oklch(.7 .16 30);--radius: 10px;--radius-lg: 14px;--font-head: "Manrope", sans-serif;--font-body: "Work Sans", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);color-scheme:dark;font-family:var(--font-body);min-height:100vh}#app{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input{font-family:inherit}[hidden]{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.shake{animation:shake .4s ease}.screen{animation:fadeIn .25s ease}.brand-mark{border-radius:11px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}.brand-mark:after{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--accent-fg);margin-left:3px}.brand-name .accent{color:var(--accent)}.profile-screen{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,var(--bg-radial-a) 0%,var(--bg-radial-b) 70%);padding:24px}.profile-screen .brand{display:flex;align-items:center;gap:12px;margin-bottom:48px}.profile-screen .brand-mark{width:38px;height:38px}.profile-screen .brand-name{font-family:var(--font-head);font-weight:800;font-size:24px;letter-spacing:.01em}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;color:#120904;transition:transform .15s ease;flex:none}.avatar-sm{width:34px;height:34px;font-size:13px}.avatar-xs{width:26px;height:26px;font-size:11px}[data-avatar=amber]{background:#fb9d59}[data-avatar=rose]{background:#f47a7d}[data-avatar=violet]{background:#a682e1}[data-avatar=sky]{background:#50b1dc}[data-avatar=emerald]{background:#62bb78}[data-avatar=slate]{background:#a39e91}.shell{display:flex;flex-direction:column;min-height:100vh}.nav{display:flex;align-items:center;gap:24px;padding:14px 28px;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:#100c0aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;flex-wrap:wrap}.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:17px}.nav-brand .brand-mark{width:26px;height:26px}.nav-items{display:flex;gap:6px;flex:1;flex-wrap:wrap}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;font-size:14px;color:var(--text-dim);cursor:pointer;background:none;border:none}.nav-item:hover,.nav-item.active{background:var(--surface);color:var(--text)}.nav-item .nav-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0}.nav-item.active .nav-dot{opacity:1}.nav-profile{display:flex;align-items:center;gap:10px;cursor:pointer;background:none;border:none;color:var(--text);position:relative;padding:4px}.nav-profile-name{font-size:14px}.profile-menu{position:absolute;top:46px;right:0;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;min-width:180px;box-shadow:0 10px 30px #0006}.profile-menu-item{padding:12px 16px;font-size:13px;color:var(--text-2);cursor:pointer;border-bottom:1px solid var(--border-soft)}.profile-menu-item:last-child{border-bottom:none;color:var(--text-dim)}.profile-menu-item:hover{background:#2a221e}.content{flex:1}.page{padding:28px 32px 60px;display:flex;flex-direction:column;gap:36px;max-width:1500px}@media (max-width: 640px){.page{padding:20px 16px 48px}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-family:var(--font-head);font-weight:800;font-size:28px}.search-input,.text-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:11px 16px;color:var(--text);font-size:14px;font-family:var(--font-body)}.search-input{width:260px;max-width:100%}.search-input:focus,.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.kid-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:13px;color:var(--text-dim)}.section-title{font-family:var(--font-head);font-weight:700;font-size:19px;margin-bottom:16px}.scroll-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px}.poster-card{width:170px;flex:none;cursor:pointer;display:flex;flex-direction:column;gap:8px;background:none;border:none;text-align:left;color:inherit;padding:0}.poster-art{position:relative;width:170px;height:255px;border-radius:var(--radius);background:var(--surface) center/cover no-repeat;overflow:hidden}.poster-title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(0deg,oklch(.08 .006 50 / .85) 0%,transparent 55%);font-family:var(--font-head);font-weight:700;font-size:14px;line-height:1.25}.poster-badges{position:absolute;top:8px;left:8px;display:flex;gap:5px}.poster-badge{font-size:9px;font-family:ui-monospace,monospace;color:var(--text-dim);background:#04030299;padding:2px 6px;border-radius:5px}.poster-rating{font-size:10px;font-weight:700;color:#e4dcd8;background:#04030299;padding:2px 6px;border-radius:5px}.poster-year{font-size:11px;color:var(--text-dimmer)}.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;text-align:center}.empty-state-title{font-size:15px;color:var(--text-2);margin-bottom:6px}.empty-state-sub{font-size:13px;color:var(--text-dimmer)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:13px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:7px 14px;cursor:pointer}.chip:hover{color:var(--text)}.chip.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.detail-backdrop{position:relative;min-height:360px;background:var(--surface-2) center/cover no-repeat}.detail-back{position:absolute;top:20px;left:20px;background:#0b080799;border:1px solid var(--border-strong);color:var(--text);border-radius:20px;padding:8px 16px;font-size:13px;cursor:pointer}.detail-head{position:absolute;bottom:0;left:0;right:0;padding:28px 32px;background:linear-gradient(0deg,var(--bg) 10%,transparent 100%)}.detail-title{font-family:var(--font-head);font-weight:800;font-size:clamp(24px,4vw,42px);margin-bottom:10px}.detail-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px;font-size:13px;color:var(--text-dim)}.badge-age{font-size:11px;font-family:ui-monospace,monospace;color:var(--text-2);border:1px solid var(--border-strong);padding:3px 9px;border-radius:6px}.badge-rating{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#ffbe91;color:oklch(.85 .1 55)}.badge-en{display:inline-block;margin-top:8px;font-size:10px;font-family:ui-monospace,monospace;color:var(--text-dimmer);border:1px solid var(--border-strong);padding:2px 8px;border-radius:6px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{font-family:var(--font-body);font-size:14px;font-weight:600;border-radius:20px;padding:11px 22px;cursor:pointer;border:none}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#ffffff1a;color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover{background:#ffffff29}.btn-fav.active{background:var(--accent);color:var(--accent-fg)}.detail-body{padding:32px 32px 60px;display:flex;flex-direction:column;gap:32px;max-width:1100px}.detail-section-title{font-family:var(--font-head);font-weight:700;font-size:17px;margin-bottom:14px}.detail-synopsis{font-size:15px;line-height:1.65;color:#c2bcb9}.cast-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:96px;flex:none;text-align:center}.cast-avatar{width:72px;height:72px;border-radius:50%;background:var(--surface-2) center/cover no-repeat;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;font-size:24px;color:#120904}.cast-name{font-size:12px;color:var(--text-2)}.cast-role{font-size:11px;color:var(--text-faint)}.availability{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-dim)}.availability-dot{width:9px;height:9px;border-radius:50%;background:var(--text-faint)}.availability-dot.ok{background:#62bb78}.availability-link{margin-top:8px;font-size:13px;color:var(--accent);cursor:pointer}.settings-grid{display:flex;flex-direction:column;gap:34px;max-width:760px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px}.settings-card-head{font-family:var(--font-head);font-weight:700;font-size:15px;margin-bottom:16px}.settings-row{display:flex;flex-direction:column;gap:10px}.settings-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);margin-bottom:14px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.status-dot.ok{background:#62bb78}.settings-save-row{display:flex;align-items:center;gap:12px;margin-top:16px}.settings-saved-msg{font-size:13px;color:#62bb78}.profile-admin-row,.allowlist-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.profile-admin-row:last-child,.allowlist-row:last-child{border-bottom:none}.profile-admin-info{flex:1;min-width:0}.profile-admin-name{font-size:14px;color:var(--text-2)}.profile-admin-email,.allowlist-email{font-size:12px;color:var(--text-dimmer)}.profile-admin-check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);white-space:nowrap}.profile-admin-role{width:auto;padding:6px 10px;font-size:12px}.profile-admin-remove,.allowlist-remove{font-size:12px;color:var(--danger);cursor:pointer;background:none;border:none;white-space:nowrap}.profile-admin-remove:disabled{color:var(--text-faint);cursor:default}.allowlist-row{justify-content:space-between}.allowlist-add-row{display:flex;gap:10px;margin-top:14px}.allowlist-add-row .text-input{flex:1}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:1200}.toast{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);padding:10px 18px;border-radius:10px;font-size:13px;box-shadow:0 10px 30px #0006}.toast.error{border-color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020201d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.trailer-modal{width:100%;max-width:900px;aspect-ratio:16 / 9;position:relative;background:#000;border-radius:var(--radius-lg);overflow:hidden}.trailer-modal iframe{width:100%;height:100%;border:none}.trailer-close{position:absolute;top:-40px;right:0;cursor:pointer;color:var(--text);font-size:24px;background:none;border:none}.loading-row{color:var(--text-faint);font-size:13px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;display:flex;flex-direction:column;gap:18px}.login-title{font-family:var(--font-head);font-weight:700;font-size:19px;text-align:center;margin-bottom:4px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;color:var(--text-dim)}.field-input{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;color:var(--text);font-size:14px}.field-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.field-error{font-size:12px;color:var(--danger)}.login-submit{margin-top:6px}.login-message{font-size:13px;color:var(--danger);text-align:center;background:#f172601a;border:1px solid oklch(.7 .16 30 / .3);border-radius:var(--radius);padding:10px 14px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#f8f8f8;color:#26201d;text-decoration:none}.btn-google:hover{background:#e4e4e4;color:#26201d}