@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Manrope:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--bg: #0b0d12;--ink: #e6e8ee;--muted: #8b919e;--panel: rgba(16, 18, 24, .88);--panel-border: rgba(230, 232, 238, .08);--accent: #8ea6bb;--accent-2: #3f4d5c;--theater-glow: rgba(210, 168, 94, .2);--shadow: 0 32px 80px rgba(0, 0, 0, .6)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,Noto Sans SC,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 50% 0%,rgba(210,168,94,.14),transparent 50%),radial-gradient(circle at 12% 12%,rgba(122,144,160,.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(92,110,128,.18),transparent 50%),linear-gradient(135deg,#07080c,#0c0f15 55%,#121621);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#0000,#0000008c);mix-blend-mode:multiply}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ffffff08,#00000014 60%,#0003);opacity:.4}#root{min-height:100vh}.app{padding:36px clamp(18px,4vw,56px) 56px;max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.header h1{font-family:Cinzel,Noto Sans SC,serif;font-size:clamp(28px,4vw,46px);margin:0 0 6px;letter-spacing:.8px}.header p{margin:0;color:var(--muted);font-size:15px}.header-actions{display:flex;align-items:center;gap:12px}.lang-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--panel-border);padding:6px 10px;border-radius:999px;box-shadow:var(--shadow)}.lang-toggle span{font-size:11px;color:var(--muted)}.lang-toggle button{border:none;background:transparent;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:12px;color:var(--muted)}.lang-toggle button.active{background:var(--accent);color:#0c1117}.provider-pill{padding:6px 12px;background:#8ea6bb2e;border:1px solid rgba(142,166,187,.35);border-radius:999px;font-size:12px;color:#d3dde7}.stage{display:grid;grid-template-columns:minmax(220px,260px) minmax(520px,2fr) minmax(320px,420px);gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.showcase-panel{background:radial-gradient(circle at 50% 0%,rgba(210,168,94,.12),transparent 55%),var(--panel);border-color:#d2a85e26}.panel-header h2,.panel-header h3{margin:0 0 6px;font-size:18px;font-weight:600}.panel-header p{margin:0;color:var(--muted);font-size:12px}.reel-area{display:flex}.reel-panel{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 64px);height:calc(100vh - 64px);min-height:0}.projector{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:center;justify-items:center;padding-bottom:12px;border-bottom:1px solid rgba(230,232,238,.08)}.reel{width:54px;height:54px;border-radius:50%;border:2px solid rgba(230,232,238,.22);position:relative;background:radial-gradient(circle at center,rgba(230,232,238,.35) 0 4px,transparent 5px),radial-gradient(circle at center,transparent 0 16px,rgba(230,232,238,.18) 16px 17px,transparent 18px),conic-gradient(from 0deg,rgba(230,232,238,.3) 0 10deg,transparent 10deg 45deg),radial-gradient(circle,#e6e8ee14,#0c0e12f2)}.reel:before,.reel:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:1px dashed rgba(230,232,238,.2)}.gear{width:22px;height:22px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#e6e8eea6 0,#e6e8eea6 8deg,#0c0e1299 8deg,#0c0e1299 16deg),radial-gradient(circle at center,rgba(230,232,238,.2) 0 35%,transparent 36%),radial-gradient(circle,#0a0c10e6,#0a0c10e6);box-shadow:inset 0 0 6px #0009;animation:gearSpin 14s linear infinite}.gear-left{justify-self:end}.gear-right{justify-self:start;animation-direction:reverse}.film-strip{grid-column:1 / span 2;width:85%;height:12px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(230,232,238,.1) 0,rgba(230,232,238,.1) 12px,transparent 12px,transparent 18px),linear-gradient(90deg,#080a0ecc,#141820e6);border:1px solid rgba(230,232,238,.08)}.projector-body{grid-column:1 / span 2;width:100%;height:34px;border-radius:10px;background:linear-gradient(135deg,#2a3139,#14171d);border:1px solid rgba(230,232,238,.12);position:relative}.projector-window{position:absolute;right:12px;top:7px;width:18px;height:18px;border-radius:6px;background:#8ea6bb59}.projector-lens{grid-column:1 / span 2;width:28px;height:12px;border-radius:999px;background:#e6e8ee33}.projector-light{position:absolute;left:100%;top:52px;width:90px;height:40px;background:linear-gradient(90deg,rgba(210,168,94,.28),transparent 70%);filter:blur(6px);mix-blend-mode:screen}.showcase-area{display:flex;width:100%}.showcase-panel{display:flex;flex-direction:column;gap:16px;align-items:stretch;width:100%}.showcase-panel .panel-header{align-self:flex-start}.tv-stage{position:relative;width:100%;padding:20px;background:linear-gradient(180deg,#0e1014d9,#08090cf2);border-radius:26px;border:1px solid rgba(230,232,238,.06);overflow:hidden}.tv-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 5%,rgba(210,168,94,.15),transparent 60%);pointer-events:none;z-index:0}.tv-stage:after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(180deg,#0000,#00000073);pointer-events:none;z-index:0}.tv-shell{position:relative;width:min(680px,100%);aspect-ratio:4 / 3;background:linear-gradient(145deg,#1f252c,#0d1014);border-radius:24px;border:1px solid rgba(230,232,238,.08);box-shadow:inset 0 0 28px #0009,0 22px 46px #00000059;margin:0 auto;z-index:1}.tv-antenna{position:absolute;top:-20px;left:50%;width:90px;height:24px;transform:translate(-50%)}.tv-antenna:before,.tv-antenna:after{content:"";position:absolute;width:2px;height:28px;background:#e6e8ee73;top:-18px}.tv-antenna:before{left:20px;transform:rotate(-16deg)}.tv-antenna:after{right:20px;transform:rotate(16deg)}.tv-screen{position:absolute;top:18px;right:18px;bottom:56px;left:18px;background:transparent;border-radius:18px;overflow:hidden;padding:0;z-index:2;background-position:center;background-size:cover;background-repeat:no-repeat}.screen-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:6px;color:#e6e8eebf;z-index:1;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.06),transparent 55%)}.screen-title{font-size:18px;font-weight:600}.screen-sub{font-size:12px;color:#e6e8ee99}.screen-image{position:relative;display:block;inset:auto;width:100%;height:100%;object-fit:cover;opacity:1;z-index:1;filter:none}.tv-screen .poster{z-index:1}.tv-screen .now-playing{z-index:4}.now-playing{position:absolute;bottom:10px;left:12px;right:12px;padding:8px 12px;border-radius:12px;background:#040507b3;color:#f1f3f8;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2px}.now-playing span{color:#f1f3f88c}.tv-controls{position:absolute;bottom:14px;right:16px;display:flex;align-items:center;gap:8px}.tv-knob{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#d9e1ea,#6b7482)}.tv-speaker{width:32px;height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,#ffffff2e 0,#ffffff2e 2px,#fff0 2px,#fff0 4px)}.character{position:absolute;bottom:14px;right:20%;width:84px;height:110px;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.9}.character-head{width:42px;height:42px;border-radius:50%;background:#ccb6ab}.character-body{width:52px;height:48px;border-radius:16px;background:#22313b}.character-arm{position:absolute;top:52px;right:-10px;width:36px;height:12px;background:#ccb6ab;border-radius:999px;transform:rotate(-12deg);display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.remote{width:14px;height:22px;border-radius:6px;background:#0b0d12}.character-leg{width:16px;height:38px;background:#0b0d12;border-radius:999px;position:absolute;bottom:-2px}.character-leg.left{left:18px;transform:rotate(6deg)}.character-leg.right{right:18px;transform:rotate(-6deg)}.poster{position:relative;border-radius:16px;overflow:hidden;color:#f6f4f0;background:linear-gradient(140deg,hsl(var(--poster-hue),30%,28%),hsl(calc(var(--poster-hue) + 30),35%,20%));display:flex;align-items:flex-end;padding:12px;box-shadow:inset 0 0 20px #00000073;animation:posterIn .5s ease}.poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 45%);mix-blend-mode:screen}.poster img{width:100%;height:100%;object-fit:cover}.poster-overlay{position:absolute;inset:auto 0 0 0;padding:12px;background:linear-gradient(180deg,#0000,#000000b3)}.poster-content{position:relative;z-index:2}.poster-title{font-weight:600;font-size:13px}.poster-sub{font-size:10px;opacity:.75}.poster-year{font-size:11px;opacity:.7;margin-top:4px}.poster-lg{width:100%;height:100%;border-radius:14px}.poster-md{width:100%;height:150px}.poster-sm{width:64px;height:88px}.poster-xs{width:38px;height:52px}.mode-toggle{display:inline-flex;gap:6px;padding:6px;border-radius:999px;border:1px solid var(--panel-border);background:#0c0e12cc}.mode-toggle button{border:none;background:transparent;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:12px;color:var(--muted)}.mode-toggle button.active{background:var(--accent);color:#0c1117}.chat-area{display:flex}.chat-panel{display:flex;flex-direction:column;min-height:680px;gap:12px;position:sticky;top:24px;max-height:calc(100vh - 64px)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-inline{border:1px solid var(--panel-border);border-radius:18px;padding:16px;background:#0c0e12cc}.search-meta{margin:8px 0 10px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.search-inline input,.settings input,.settings select,.chat-input textarea{width:100%;border-radius:14px;border:1px solid rgba(230,232,238,.12);padding:12px 14px;font-size:14px;font-family:inherit;background:#0a0c10f2;color:var(--ink)}.search-inline input::placeholder,.settings input::placeholder,.chat-input textarea::placeholder{color:#e6e8ee73}.search-inline input:focus,.settings input:focus,.settings select:focus,.chat-input textarea:focus{outline:2px solid rgba(142,166,187,.35);border-color:#8ea6bb80}.search-results{margin-top:12px;display:grid;gap:10px}.empty{color:var(--muted);font-size:12px;padding:10px 4px}.catalog-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.reel-grid{grid-template-columns:1fr;overflow-y:auto;padding-right:4px;flex:1;min-height:0}.catalog-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;border:1px solid rgba(230,232,238,.08);background:#101218d9;cursor:pointer;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;color:var(--ink)}.catalog-card:hover{transform:translateY(-2px);border-color:#8ea6bb73;box-shadow:0 14px 28px #0006}.catalog-card.active{border-color:var(--accent);box-shadow:0 14px 30px #8ea6bb4d}.catalog-card .title{font-weight:600;font-size:14px}.catalog-card .subtitle{font-size:12px;color:var(--muted)}.messages{flex:1;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:6px;min-height:0}.message{display:flex}.message.user{justify-content:flex-end}.bubble{max-width:78%;padding:14px 16px;border-radius:16px;background:#1a2028bf;color:#f1f3f8;box-shadow:0 10px 20px #0006}.message.user .bubble{background:#8ea6bb38;color:#f6f8fb}.bubble p{margin:0 0 8px;line-height:1.5}.bubble p:last-child{margin-bottom:0}.poster-strip{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.quick-prompts{background:#0c0e12cc;padding:12px 14px;border-radius:16px;border:1px solid rgba(230,232,238,.08)}.quick-prompts .label{font-size:11px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{border:1px solid rgba(230,232,238,.12);background:#0a0c10bf;color:var(--ink);padding:6px 12px;border-radius:999px;cursor:pointer;font-size:12px}.chat-input{display:flex;gap:12px;align-items:flex-end}.chat-input textarea{resize:none;flex:1;min-height:76px}.chat-input button{width:96px;background:var(--accent);color:#0c1117;border:none;border-radius:14px;padding:12px 14px;cursor:pointer}.settings{border-radius:18px;border:1px solid rgba(230,232,238,.08);padding:12px 14px;background:#0c0e12cc}.settings summary{cursor:pointer;font-weight:600;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.settings label span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.settings-note{margin:12px 0 0;font-size:11px;color:var(--muted)}@keyframes posterIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.poster,.gear{animation:none}}@media (max-width: 980px){.stage{grid-template-columns:1fr}.reel-panel{position:static;max-height:none;height:auto}.chat-panel{min-height:0;position:static;max-height:none}.messages{max-height:360px}.tv-shell{width:min(420px,100%)}.header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.chat-header{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.app{padding:20px 16px 32px}.chat-input{flex-direction:column;align-items:stretch}.chat-input button{width:100%}.messages{max-height:320px}}