:root{--color-primary: #0a0a0f;--color-glass-edge: rgba(255, 255, 255, .15);--color-glow: 0 0 20px var(--color-accent-400) 15px 0 30px var(--color-accent-500);--glass-gradient-start: rgba(232, 234, 240, .05);--glass-gradient-end: rgba(201, 204, 216, .02);--glass-blue-violet-start: #6B73FF;--glass-blue-violet-end: #000DFF;--icon-gradient-start: #8BB6FF;--icon-gradient-end: #C6B3FF;--spotlight-color: rgba(255, 255, 255, .15)}.glass-element{background:#14141e80;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--color-glass-edge)}.glass-element-liquid{background:linear-gradient(135deg,var(--glass-gradient-start) 0%,var(--glass-gradient-end) 100%),#e8eaf0d9;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--color-glass-edge);border-radius:24px;position:relative;box-shadow:0 8px 40px #00000026,inset 0 1px #ffffff40,inset 0 -1px #0000001a}.theme-cyber-blue{--color-accent-400: #00d4ff;--color-accent-500: #00a2ff}.theme-synthwave-sunset{--color-accent-400: #ff3c83;--color-accent-500: #ff84a5}.theme-emerald-matrix{--color-accent-400: #00ff95;--color-accent-500: #03dac5}.theme-cosmic-ruby{--color-accent-400: #ff2d55;--color-accent-500: #ff5e78}body{background-color:var(--color-primary);font-family:Inter,sans-serif;overflow-x:hidden}body.voice-mode-active{animation:body-glow 4s infinite alternate}@keyframes body-glow{0%{box-shadow:inset 0 0 15px rgba(from var(--color-accent-500) r g b / .1)}to{box-shadow:inset 0 0 35px 5px rgba(from var(--color-accent-500) r g b / .3)}}.glass-panel{background:linear-gradient(135deg,var(--glass-gradient-start) 0%,var(--glass-gradient-end) 100%),#14141e99;backdrop-filter:blur(45px) saturate(180%);-webkit-backdrop-filter:blur(45px) saturate(180%);border:1px solid var(--color-glass-edge);border-radius:24px;position:relative;box-shadow:0 20px 50px #0000004d,0 0 0 1px #ffffff1a inset,inset 0 1px #ffffff4d,inset 0 -1px #0003;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1)}.glass-panel:hover{transform:scale(1.02);box-shadow:0 30px 60px #0006,0 0 0 1px #fff3 inset,inset 0 1px #fff6,inset 0 -1px #0003}.glass-panel:active{transform:scale(.98);box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff1a inset,inset 0 1px #fff3,inset 0 -1px #0003}body:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:700px;height:500px;background:var(--spotlight-color);filter:blur(350px);pointer-events:none;z-index:-1}@media (max-width: 1024px){body:before{width:500px;height:400px;filter:blur(250px)}}@media (max-width: 768px){body:before{width:300px;height:300px;filter:blur(200px)}}@media (max-width: 480px){body:before{width:200px;height:200px;filter:blur(150px)}}.glass-button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease;border-radius:24px}.glass-button:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 0 15px #6b73ff33}.glass-button-primary{background:rgba(from var(--color-accent-500) r g b / .4);border-color:rgba(from var(--color-accent-400) r g b / .5)}.glass-button-primary:hover{background:rgba(from var(--color-accent-500) r g b / .6);box-shadow:0 0 15px rgba(from var(--color-accent-400) r g b / .4)}.glass-button-secondary{background:#64748b33;border-color:#64748b4d}.glass-button-secondary:hover{background:#64748b66}.glass-button-sync{background:#ffffff2e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:45px;box-shadow:0 4px 12px #00000026,0 0 0 1px #ffffff1a inset}.glass-button-sync:hover{background:#ffffff40;border-color:#ffffff59;box-shadow:0 6px 20px #6b73ff40,0 0 0 1px #ffffff26 inset;transform:translateY(-1px)}.glass-button-sync-primary{background:rgba(from var(--color-accent-500) r g b / .5);border-color:rgba(from var(--color-accent-400) r g b / .6);box-shadow:0 4px 12px rgba(from var(--color-accent-400) r g b / .2),0 0 0 1px #ffffff1a inset}.glass-button-sync-primary:hover{background:rgba(from var(--color-accent-500) r g b / .7);box-shadow:0 6px 20px rgba(from var(--color-accent-400) r g b / .4),0 0 0 1px #ffffff26 inset}.glass-button-sync-secondary{background:#64748b40;border-color:#64748b59;box-shadow:0 4px 12px #64748b26,0 0 0 1px #ffffff1a inset}.glass-button-sync-secondary:hover{background:#64748b66;box-shadow:0 6px 20px #64748b40,0 0 0 1px #ffffff26 inset}.glass-button-settings{background:#ffffff26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:31px;box-shadow:0 3px 10px #0000001f,0 0 0 1px #ffffff14 inset}.glass-button-settings:hover{background:#ffffff38;border-color:#ffffff52;box-shadow:0 5px 16px #6b73ff38,0 0 0 1px #ffffff1f inset;transform:translateY(-.5px)}.glass-button-settings-primary{background:rgba(from var(--color-accent-500) r g b / .45);border-color:rgba(from var(--color-accent-400) r g b / .55);box-shadow:0 3px 10px rgba(from var(--color-accent-400) r g b / .18),0 0 0 1px #ffffff14 inset}.glass-button-settings-primary:hover{background:rgba(from var(--color-accent-500) r g b / .65);box-shadow:0 5px 16px rgba(from var(--color-accent-400) r g b / .35),0 0 0 1px #ffffff1f inset}.glass-button-settings-secondary{background:#64748b38;border-color:#64748b52;box-shadow:0 3px 10px #64748b1f,0 0 0 1px #ffffff14 inset}.glass-button-settings-secondary:hover{background:#64748b59;box-shadow:0 5px 16px #64748b38,0 0 0 1px #ffffff1f inset}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:20px;border:3px solid transparent;background-clip:content-box}.scrollbar-thin:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}.watch-path-timeline-container{flex-grow:1;position:relative;width:100%;overflow:hidden;padding:1rem 0}.watch-path-timeline-line{position:absolute;top:50%;left:0;right:0;height:2px;background-color:var(--color-glass-edge);transform:translateY(-50%);z-index:0}.watch-path-timeline{display:flex;align-items:center;gap:2.5rem;overflow-x:auto;padding:2rem 50%;scrollbar-width:none;-ms-overflow-style:none}.watch-path-timeline::-webkit-scrollbar{display:none}.watch-path-item{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;flex-shrink:0}.watch-path-poster-wrapper{width:9rem;aspect-ratio:2 / 3;border-radius:.75rem;overflow:hidden;position:relative;box-shadow:0 10px 20px #0006;transition:transform .3s ease}.watch-path-item:hover .watch-path-poster-wrapper{transform:scale(1.05) translateY(-5px)}.watch-path-poster{width:100%;height:100%;object-fit:cover}.watch-path-poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:.75rem;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .3s ease}.watch-path-item:hover .watch-path-poster-overlay{opacity:1}.watch-path-dot{width:12px;height:12px;background-color:var(--color-accent-400);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border:2px solid var(--color-primary);transition:transform .3s ease}.watch-path-item:hover .watch-path-dot{transform:translate(-50%,-50%) scale(1.2)}.watch-path-year{margin-top:-.75rem;font-size:.8rem;font-weight:600;color:#a1a1aa;position:absolute;top:calc(50% + 1.25rem);left:50%;transform:translate(-50%)}@media (max-width: 768px){.watch-path-poster-wrapper{width:6rem}.watch-path-timeline{gap:1.5rem}}.quick-jump-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-in .3s ease}.quick-jump-overlay{position:fixed;top:20vh;left:50%;transform:translate(-50%);z-index:101;width:90%;max-width:640px;animation:fade-in-up .4s ease-out both}.quick-jump-container{background:#1e1e28cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 10px 30px #0000004d;overflow:hidden}.quick-jump-input{width:100%;background:transparent;border:none;outline:none;font-size:1.25rem;padding:1.5rem 1.5rem 1.5rem 4rem;color:#fff;font-weight:500}.quick-jump-results{max-height:40vh;overflow-y:auto;border-top:1px solid rgba(255,255,255,.1)}.quick-jump-result-item{display:flex;align-items:center;padding:.75rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.quick-jump-result-item.active{background-color:rgba(from var(--color-accent-500) r g b / .3)}.quick-jump-result-item img{width:48px;height:72px;object-fit:cover;border-radius:.5rem;margin-right:1rem;flex-shrink:0}.quick-jump-result-item-info{display:flex;flex-direction:column}.quick-jump-result-item-info strong{font-weight:600}.quick-jump-result-item-info small{color:#a1a1aa;font-size:.8rem}.quick-jump-footer{padding:.75rem 1.5rem;font-size:.9rem;color:#a1a1aa;border-top:1px solid rgba(255,255,255,.1)}.settings-nav-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;background:#ffffff0d;border-radius:.75rem;transition:background-color .2s ease}.settings-nav-item:hover{background:#ffffff1a}.settings-nav-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.brand-glow-netflix:hover{box-shadow:0 0 15px #e50914}.brand-glow-disneyplus:hover{box-shadow:0 0 15px #0063e5}.brand-glow-primevideo:hover{box-shadow:0 0 15px #00a8e1}.brand-glow-max:hover{box-shadow:0 0 15px #6a0dad}.brand-glow-appletvplus:hover{box-shadow:0 0 15px #fff}.brand-glow-hulu:hover{box-shadow:0 0 15px #1ce783}.streaming-circle{border:1px solid rgba(255,255,255,.15);background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000040;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}.streaming-circle:hover{box-shadow:0 8px 30px #00000059;border-color:#ffffff40}.trending-card{transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.trending-card:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(from var(--color-accent-400) r g b / .5);border-color:var(--color-accent-400)}.trailer-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;z-index:40}.trailer-container iframe{width:100%;height:100%;object-fit:cover;border:none;display:block}.trailer-logo-overlay{position:absolute;top:50%;left:20%;transform:translate(-50%,-50%);z-index:60;max-width:40%;max-height:25vh;opacity:.95}.logo-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 50%,transparent 100%);border-radius:12px;padding:2rem;box-sizing:content-box}.trailer-logo{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}.trailer-logo-overlay.showcase{max-width:35%;opacity:1;filter:drop-shadow(0 0 25px rgba(255,255,255,.5))}@media (max-width: 768px){.trailer-logo-overlay{max-width:70%;max-height:25vh}.trailer-logo-overlay.showcase{max-width:60%}}@media (max-width: 480px){.trailer-logo-overlay{max-width:80%;max-height:20vh}.trailer-logo-overlay.showcase{max-width:70%}}.video-title-overlay{display:none}.trailer-gradient{position:relative;width:100%;height:80px;margin-top:-80px;background:linear-gradient(to bottom,#0000,#0a0a0fe6);z-index:2}.title-glass-panel{position:relative;z-index:3;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#14141e8c;border-radius:1.5rem;box-shadow:0 0 30px #00bfff40;margin:0 auto;max-width:1200px;padding:2rem;color:#fff;transform:translateY(-4rem);animation:glassFade .8s ease forwards}@keyframes glassFade{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-4rem)}}.title-poster{width:100%;max-width:280px;margin-top:-3rem;height:auto;border-radius:1rem;box-shadow:0 8px 30px #0006;position:relative;z-index:50}@media (max-width: 768px){.title-glass-panel{transform:none;margin:1.5rem 1rem 0;padding:1.25rem;border-radius:1rem}.title-poster{max-width:180px;margin-top:-3rem}}@media (max-width: 640px){.trailer-container{aspect-ratio:9 / 16;min-height:320px}.trailer-gradient{height:60px;margin-top:-60px}.title-glass-panel{margin:1rem;padding:1rem;border-radius:.875rem}.title-poster{max-width:160px;margin-top:-3rem}.mute-toggle{top:.75rem;right:.75rem;width:2.75rem;height:2.75rem}.storyscape-generate-button{width:100%;justify-content:center}}.mute-toggle{position:absolute;bottom:1.25rem;right:1.25rem;z-index:10;background:#14141e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.mute-toggle:hover{background:#1e1e28cc;transform:scale(1.1)}h1,h2,h3,h4,h5,h6{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}h1,.text-xl,.text-2xl,.text-3xl,.text-4xl,.text-5xl{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600}h2,.text-lg{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.subtext,small,p.text-gray-400,p.text-slate-400,.text-sm{color:#c6c9d0;font-weight:400;font-size:.875rem;line-height:1.4}.icon-glow{filter:drop-shadow(0 0 10px rgba(107,115,255,.5)) drop-shadow(0 0 20px rgba(0,13,255,.3));transition:filter .3s ease}.icon-glow:hover{filter:drop-shadow(0 0 15px rgba(107,115,255,.7)) drop-shadow(0 0 30px rgba(0,13,255,.5))}.storyscape-generate-button{display:inline-flex;align-items:center;gap:.5rem;background:rgba(from var(--color-accent-500) r g b / .2);border:1px solid rgba(from var(--color-accent-400) r g b / .4);color:var(--color-accent-400);padding:.5rem 1rem;border-radius:9999px;font-weight:600;transition:all .3s ease}.storyscape-generate-button:hover{background:rgba(from var(--color-accent-500) r g b / .4);color:#fff;box-shadow:0 0 15px rgba(from var(--color-accent-400) r g b / .4)}.storyscape-loading{height:40px;background:#ffffff0d;border-radius:9999px;overflow:hidden;position:relative}.storyscape-loading .shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(from var(--color-accent-400) r g b / .3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (hover: hover) and (pointer: fine){.desktop-only-hover{display:block}}@media (hover: none) or (pointer: coarse){.desktop-only-hover{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.storyscape-error{background:#ff2d551a;border:1px solid rgba(255,45,85,.3);color:#ff5e78;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;text-align:center}.storyscape-notice{background:#94a3b81f;border:1px solid rgba(148,163,184,.25);color:#e2e8f0;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;text-align:center}.cfr-app-badge .cfr-orbiter{animation:cfr-orbit 4s linear infinite}@keyframes cfr-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cfr-app-badge .cfr-orbit{border:2px solid rgba(255,255,255,.28);box-shadow:0 0 16px #00000059,inset 0 0 8px #ffffff14}.cfr-app-badge .cfr-dot{background:radial-gradient(circle at 50% 50%,#ffffff 0%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.2) 80%,transparent 100%);box-shadow:0 0 10px #ffffffe6,0 0 24px #5096ffb3,0 0 40px #5096ff66;mix-blend-mode:screen}.cfr-app-badge{position:fixed;top:12px;right:12px;z-index:100;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:9999px;border:1px solid rgba(255,255,255,.24);background:#ffffff1a;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 24px #0000004d;overflow:visible}@media (max-width: 768px){.cfr-app-badge{right:auto;left:50%;transform:translate(-50%);top:12px;width:max-content}}.cfr-app-badge:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:9999px;border:2px solid rgba(255,255,255,.9);pointer-events:none;animation:cfr-pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.7)) drop-shadow(0 0 18px rgba(80,150,255,.5))}@keyframes cfr-pulse{0%,to{opacity:.4;border-width:2px;filter:drop-shadow(0 0 4px rgba(255,255,255,.4)) drop-shadow(0 0 10px rgba(80,150,255,.3));transform:scale(1)}50%{opacity:1;border-width:3px;filter:drop-shadow(0 0 10px rgba(255,255,255,.9)) drop-shadow(0 0 22px rgba(80,150,255,.7));transform:scale(1.02)}}