:root{--void-black: #000000;--signal-white: #FFFFFF;--collapse-violet: #8A2BE2;--toxic-lime: #00FF41;--glitch-cyan: #00FFFF;--font-mono: "JetBrains Mono", "Space Mono", "Courier Prime", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--void-black);color:var(--signal-white);font-family:var(--font-mono);min-height:100vh;min-height:100svh;line-height:1.7;overflow:hidden}.films-container{position:fixed;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a0a0f,#05050a)}.films-header-bar{display:flex;align-items:center;justify-content:space-between;padding:calc(1rem + env(safe-area-inset-top)) calc(2rem + env(safe-area-inset-right)) 1rem calc(2rem + env(safe-area-inset-left));border-bottom:1px solid rgba(138,43,226,.2);background:#00000080}.films-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.films-logo-icon{font-size:1.5rem;color:var(--collapse-violet)}.films-logo-text{font-size:.9rem;letter-spacing:.2em;font-weight:600}.films-logo-sub{font-size:.6rem;letter-spacing:.1em;color:#fff6}.back-link{color:#ffffff80;text-decoration:none;font-size:.7rem;letter-spacing:.1em;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-link:hover{color:var(--collapse-violet)}.films-content{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem calc(2rem + env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) calc(2rem + env(safe-area-inset-left));position:relative;overflow:hidden}.films-content:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.films-controls{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2}.films-search-row{display:flex;gap:1rem;flex-wrap:wrap}.films-search{flex:1;min-width:200px;background:#00000080;border:1px solid rgba(138,43,226,.3);padding:.85rem 1.25rem;color:var(--signal-white);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;outline:none;transition:all .3s ease}.films-search:focus{border-color:var(--collapse-violet);box-shadow:0 0 30px #8a2be266,inset 0 0 20px #8a2be21a}.films-search::placeholder{color:#ffffff4d}.films-btn{background:transparent;border:1px solid rgba(138,43,226,.3);color:#fff6;padding:.85rem 1.25rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.films-btn:hover{border-color:#8a2be280;color:#ffffffb3}.films-btn.active{background:#8a2be233;border-color:var(--collapse-violet);color:var(--collapse-violet);box-shadow:0 0 20px #8a2be266}.films-random-btn{background:transparent;border:1px solid rgba(138,43,226,.5);color:var(--collapse-violet);padding:.85rem 1.75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.films-random-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(138,43,226,.3),transparent);transform:translate(-100%);transition:transform .5s ease}.films-random-btn:hover{background:#8a2be226;border-color:var(--collapse-violet);box-shadow:0 0 25px #8a2be280}.films-random-btn:hover:before{transform:translate(100%)}.films-tags-row{display:flex;flex-wrap:wrap;gap:.5rem;max-height:60px;overflow:hidden}.films-tag-chip{background:#8a2be21a;border:1px solid rgba(138,43,226,.2);color:#ffffff80;padding:.35rem .75rem;font-size:.6rem;font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.films-tag-chip:hover{background:#8a2be233;border-color:#8a2be266;color:var(--signal-white)}.films-tag-chip.active{background:#8a2be24d;border-color:var(--collapse-violet);color:var(--signal-white);box-shadow:0 0 15px #8a2be266}.films-count{font-size:.65rem;letter-spacing:.1em;color:#fff6}.films-tv-toggle{align-self:flex-start;position:relative;z-index:2;min-width:140px;justify-content:center}.films-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:start;gap:1.25rem;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem;position:relative;z-index:2}.films-grid::-webkit-scrollbar{width:6px}.films-grid::-webkit-scrollbar-track{background:#ffffff05}.films-grid::-webkit-scrollbar-thumb{background:#8a2be24d;border-radius:3px}.films-grid::-webkit-scrollbar-thumb:hover{background:#8a2be280}.films-timeline{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:1rem;display:none;flex-direction:column}.films-timeline::-webkit-scrollbar{height:8px}.films-timeline::-webkit-scrollbar-track{background:#ffffff05}.films-timeline::-webkit-scrollbar-thumb{background:#8a2be24d;border-radius:4px}.timeline-track{position:relative;display:flex;gap:0;min-width:max-content;flex:1}.timeline-axis{position:absolute;top:2.5rem;left:0;right:0;height:2px;background:linear-gradient(90deg,#6495ed99,#ffa50099 33%,#ff450099 50%,#8a2be299 66%,#32cd3299);z-index:1}.timeline-beat{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;position:relative;padding:0 .25rem}.timeline-beat-header{text-align:center;padding:.5rem .25rem;z-index:2;height:2.5rem;display:flex;flex-direction:column;justify-content:flex-end}.timeline-beat-name{font-size:.55rem;font-weight:600;letter-spacing:.08em;color:#ffffffb3;text-transform:uppercase;white-space:nowrap}.timeline-beat-marker{width:14px;height:14px;border-radius:50%;background:#14141e;border:2px solid rgba(138,43,226,.5);z-index:3;margin:.5rem 0;transition:all .3s ease}.timeline-beat.has-films .timeline-beat-marker{background:var(--collapse-violet);border-color:var(--collapse-violet);box-shadow:0 0 12px #8a2be299}.timeline-beat-count{font-size:.5rem;color:#fff6;margin-bottom:.5rem}.timeline-beat.has-films .timeline-beat-count{color:var(--collapse-violet)}.timeline-films-stack{display:flex;flex-direction:column;gap:.5rem;align-items:center;flex:1;overflow-y:auto;padding:.25rem;max-height:calc(100% - 5rem)}.timeline-films-stack::-webkit-scrollbar{width:3px}.timeline-films-stack::-webkit-scrollbar-thumb{background:#8a2be24d}.timeline-film-card{width:70px;aspect-ratio:9/16;background:#000000e6;border:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;position:relative;transition:all .3s ease;flex-shrink:0}.timeline-film-card:hover{border-color:var(--collapse-violet);transform:scale(1.1);box-shadow:0 0 20px #8a2be280;z-index:10}.timeline-film-card video,.timeline-film-card img{width:100%;height:100%;object-fit:cover}.timeline-film-card .timeline-film-title{position:absolute;bottom:0;left:0;right:0;padding:.3rem;background:linear-gradient(transparent,#000000f2);font-size:.45rem;color:#fff;text-align:center;opacity:0;transition:opacity .3s ease;line-height:1.2}.timeline-film-card:hover .timeline-film-title{opacity:1}.timeline-beat[data-act-start=true]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%,transparent 100%)}.timeline-beat[data-phase=setup] .timeline-beat-marker{border-color:#6495edb3}.timeline-beat[data-phase=setup].has-films .timeline-beat-marker{background:#6495ed;border-color:#6495ed;box-shadow:0 0 12px #6495ed99}.timeline-beat[data-phase=confrontation] .timeline-beat-marker{border-color:#ffa500b3}.timeline-beat[data-phase=confrontation].has-films .timeline-beat-marker{background:orange;border-color:orange;box-shadow:0 0 12px #ffa50099}.timeline-beat[data-phase=crisis] .timeline-beat-marker{border-color:#ff4500b3}.timeline-beat[data-phase=crisis].has-films .timeline-beat-marker{background:#ff4500;border-color:#ff4500;box-shadow:0 0 12px #ff450099}.timeline-beat[data-phase=resolution] .timeline-beat-marker{border-color:#32cd32b3}.timeline-beat[data-phase=resolution].has-films .timeline-beat-marker{background:#32cd32;border-color:#32cd32;box-shadow:0 0 12px #32cd3299}.film-card-skeleton{aspect-ratio:9/16;background:linear-gradient(110deg,#1e1e28cc 8%,#32323c80 18%,#1e1e28cc 33%);background-size:200% 100%;animation:skeleton-pulse 1.5s linear infinite;border:1px solid rgba(255,255,255,.05)}@keyframes skeleton-pulse{to{background-position:-200% 0}}.film-card{position:relative;width:100%;height:0;padding-bottom:177.78%;background:#000c;border:1px solid rgba(255,255,255,.08);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1)}.film-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}@keyframes card-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.003)}}.film-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:3;opacity:0;transition:opacity .3s ease}.film-card:hover:before{opacity:1}.film-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:2;opacity:0;transition:opacity .4s ease}.film-card:hover:after{opacity:1}.film-card:hover{border-color:var(--collapse-violet);box-shadow:0 0 40px #8a2be280,0 0 80px #8a2be233,inset 0 0 30px #8a2be21a;transform:scale(1.08);z-index:10}.film-card-similarity{position:absolute;top:.5rem;right:.5rem;background:#8a2be2e6;color:#fff;font-size:.6rem;font-weight:700;padding:.25rem .5rem;z-index:5;letter-spacing:.05em}.film-card-beat{position:absolute;top:.5rem;left:.5rem;background:#000c;color:var(--collapse-violet);font-size:.5rem;font-weight:600;padding:.2rem .4rem;z-index:5;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(138,43,226,.3)}.film-card:hover video{transform:scale(1.1)}.film-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 30%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;opacity:0;transition:opacity .3s ease;z-index:4}.film-card:hover .film-card-overlay{opacity:1}.film-card-title{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--signal-white);margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.8);overflow:hidden}.film-card-title span{display:inline-block;opacity:0;transform:translateY(5px);transition:all .05s ease}.film-card:hover .film-card-title span{opacity:1;transform:translateY(0)}.film-card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.film-card-tag{font-size:.5rem;letter-spacing:.05em;color:var(--collapse-violet);background:#8a2be24d;padding:.2rem .5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(138,43,226,.3)}.films-tv-overlay{position:fixed;inset:0;background:#020206f5;z-index:580;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;overflow:hidden}.films-tv-overlay.open{opacity:1;visibility:visible}.films-tv-bg{position:absolute;inset:-10%;background-size:cover;background-position:center;filter:blur(70px) saturate(1.15) brightness(.3);opacity:.5;transform:scale(1.15)}.films-tv-shell{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:minmax(320px,460px) minmax(260px,360px);justify-content:center;gap:3rem;padding:calc(1.5rem + env(safe-area-inset-top)) calc(1.5rem + env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) calc(1.5rem + env(safe-area-inset-left))}.films-tv-close{position:absolute;top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));width:44px;height:44px;background:#00000059;border:1px solid rgba(255,255,255,.18);color:#fffc;font-size:1.6rem;cursor:pointer;transition:all .3s ease;z-index:2}.films-tv-close:hover{border-color:var(--glitch-cyan);color:var(--glitch-cyan);box-shadow:0 0 24px #00ffff40}.films-tv-column{min-height:0;display:flex;flex-direction:column;gap:1.25rem;align-items:center;justify-content:center}.films-tv-head,.films-tv-sidebar{width:100%;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#0a0a12b8,#04040a94);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 80px #00000059}.films-tv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.films-tv-kicker{font-size:.62rem;letter-spacing:.22em;color:#ffffff73;margin-bottom:.45rem}.films-tv-status{font-size:.8rem;letter-spacing:.08em;color:#ffffffe0}.films-tv-signal{font-size:.62rem;letter-spacing:.14em;color:var(--glitch-cyan);padding:.45rem .7rem;border:1px solid rgba(0,255,255,.25);background:#00ffff14;white-space:nowrap}.films-tv-stage{width:min(42vw,420px);aspect-ratio:9 / 16;position:relative;display:flex;align-items:center;justify-content:center;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(0,255,255,.18),transparent 35%),radial-gradient(circle at 80% 15%,rgba(138,43,226,.22),transparent 32%),#020204;box-shadow:inset 0 0 0 1px #ffffff0f,0 30px 90px #000000b3,0 0 120px #8a2be22e}.films-tv-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 20%,transparent 80%,rgba(255,255,255,.06));pointer-events:none;z-index:2}.films-tv-stage-glow{position:absolute;inset:-12%;background:radial-gradient(circle at 50% 50%,rgba(138,43,226,.25),transparent 45%),radial-gradient(circle at 50% 0%,rgba(0,255,255,.18),transparent 40%);filter:blur(32px);opacity:.7}.films-tv-stage-lines{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%,transparent 80%,rgba(255,255,255,.04)),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.03) 3px,rgba(255,255,255,.03) 6px);mix-blend-mode:screen;opacity:.2;pointer-events:none;z-index:2}.films-tv-video{width:100%;height:100%;object-fit:cover;background:#000;position:relative;z-index:1}.films-tv-meta{width:100%;padding:1.1rem 1.25rem 1.3rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0a0a10c7,#040408a8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 70px #00000047}.films-tv-now-label,.films-tv-next-label{font-size:.58rem;letter-spacing:.18em;color:#ffffff59;margin-bottom:.55rem}.films-tv-title{font-size:1.35rem;line-height:1.25;letter-spacing:.03em;color:#fff;margin-bottom:.75rem}.films-tv-beat{display:inline-block;font-size:.55rem;letter-spacing:.14em;font-weight:700;padding:.45rem .8rem;margin-bottom:.9rem;border:1px solid rgba(138,43,226,.3);background:#8a2be22e;color:var(--collapse-violet)}.films-tv-beat.phase-setup{background:#6495ed2e;border-color:#6495ed73;color:#6495ed}.films-tv-beat.phase-confrontation{background:#ffa50029;border-color:#ffa50073;color:orange}.films-tv-beat.phase-crisis{background:#ff450029;border-color:#ff450073;color:#ff4500}.films-tv-beat.phase-resolution{background:#32cd3229;border-color:#32cd3273;color:#32cd32}.films-tv-description{font-size:.82rem;line-height:1.7;color:#ffffffb8;margin-bottom:1rem}.films-tv-tags{display:flex;flex-wrap:wrap;gap:.45rem}.films-tv-tag{font-size:.55rem;letter-spacing:.1em;padding:.35rem .6rem;border:1px solid rgba(255,255,255,.08);color:#ffffff94;background:#ffffff0a}.films-tv-sidebar{align-self:center;padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.films-tv-next-title{font-size:1.05rem;line-height:1.35;color:#fff}.films-tv-next-meta{font-size:.65rem;letter-spacing:.08em;color:#ffffff73;min-height:2.4em}.films-tv-actions{display:flex;flex-direction:column;gap:.65rem}.films-tv-btn{width:100%;background:transparent;border:1px solid rgba(255,255,255,.14);color:#ffffffc7;padding:.8rem 1rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;cursor:pointer;transition:all .3s ease}.films-tv-btn:hover{border-color:#ffffff59;color:#fff;background:#ffffff0a}.films-tv-btn.primary{border-color:#00ffff47;color:var(--glitch-cyan);background:#00ffff14}.films-tv-btn.primary:hover{background:#00ffff29;box-shadow:0 0 24px #0ff3}.films-tv-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.films-tv-hop{font-size:.66rem;letter-spacing:.16em;color:#ffffffa6;margin-bottom:.45rem}.films-tv-hint{font-size:.55rem;letter-spacing:.08em;color:#ffffff4d;line-height:1.6}.films-player-overlay{position:fixed;inset:0;background:#000000fa;z-index:600;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);opacity:0;visibility:hidden;transition:all .4s ease}.films-player-overlay.open{opacity:1;visibility:visible}.films-player-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(50px) brightness(.3);transform:scale(1.2);opacity:.5}.films-player-modal{display:flex;gap:3rem;max-width:95vw;max-height:95vh;position:relative;z-index:1}.films-player-close{position:absolute;top:-3rem;right:0;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--signal-white);font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:all .2s ease}.films-player-close:hover{opacity:1;border-color:var(--collapse-violet);box-shadow:0 0 20px #8a2be266}.films-player-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:1px solid rgba(255,255,255,.1);color:var(--signal-white);font-size:1.5rem;width:50px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;transition:all .2s ease;z-index:10}.films-player-nav:hover{opacity:1;background:#8a2be24d;border-color:var(--collapse-violet)}.films-player-nav.disabled{opacity:.2;pointer-events:none}.films-player-prev{left:-70px}.films-player-next{right:-70px}.films-player-video-container{position:relative;max-height:85vh;max-width:50vw}.films-player-video{max-height:85vh;max-width:50vw;background:#000;box-shadow:0 0 100px #000c}.films-player-ascii{position:absolute;inset:0;width:100%;height:100%;background:#000;pointer-events:none;opacity:0;transition:opacity .3s ease}.films-player-ascii.active{opacity:1;pointer-events:auto}.films-player-info{max-width:400px;min-width:300px;display:flex;flex-direction:column;gap:1.25rem;padding-top:.5rem}.films-player-title{font-size:1.75rem;font-weight:600;letter-spacing:.03em;color:var(--signal-white);margin:0;line-height:1.3}.films-player-description{font-size:.9rem;line-height:1.7;color:#ffffffa6;margin:0}.films-player-tags{display:flex;flex-wrap:wrap;gap:.5rem}.films-player-tag{font-size:.65rem;letter-spacing:.05em;color:var(--collapse-violet);background:#8a2be226;padding:.4rem .75rem;border:1px solid rgba(138,43,226,.3);cursor:pointer;transition:all .2s ease}.films-player-tag:hover{background:#8a2be24d;border-color:var(--collapse-violet);box-shadow:0 0 15px #8a2be266}.films-player-meta{font-size:.65rem;color:#ffffff4d;letter-spacing:.1em;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.films-player-hint{font-size:.55rem;color:#ffffff40;letter-spacing:.05em}.player-beat-type{display:inline-block;font-size:.6rem;letter-spacing:.15em;font-weight:700;margin-bottom:1rem;padding:.4rem .8rem;background:#8a2be233;border:1px solid rgba(138,43,226,.4);color:var(--collapse-violet)}.player-beat-type.phase-setup{background:#6495ed33;border-color:#6495ed80;color:#6495ed}.player-beat-type.phase-confrontation{background:#ffa50033;border-color:#ffa50080;color:orange}.player-beat-type.phase-crisis{background:#ff450033;border-color:#ff450080;color:#ff4500}.player-beat-type.phase-resolution{background:#32cd3233;border-color:#32cd3280;color:#32cd32}.player-scene-beat{font-size:1rem;line-height:1.8;color:#ffffffe6;font-style:italic;margin-bottom:1.25rem;padding-left:1rem;border-left:2px solid rgba(138,43,226,.4)}.player-original-desc{font-size:.75rem;line-height:1.6;color:#fff6;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.player-original-desc:before{content:"ORIGINAL PROMPT";display:block;font-size:.55rem;letter-spacing:.1em;color:#ffffff40;margin-bottom:.5rem}.films-player-beat-nav{display:flex;gap:.75rem;margin-top:.5rem}.beat-nav-card{flex:1;background:#0006;border:1px solid rgba(255,255,255,.1);padding:.6rem;cursor:pointer;transition:all .3s ease;display:flex;gap:.6rem;align-items:center}.beat-nav-card:hover{border-color:var(--collapse-violet);background:#8a2be21a}.beat-nav-card.prev{flex-direction:row}.beat-nav-card.next{flex-direction:row-reverse;text-align:right}.beat-nav-thumb{width:36px;height:64px;object-fit:cover;flex-shrink:0;opacity:.8}.beat-nav-info{flex:1;min-width:0;overflow:hidden}.beat-nav-label{font-size:.5rem;letter-spacing:.1em;color:#fff6;margin-bottom:.25rem}.beat-nav-beat{font-size:.55rem;letter-spacing:.08em;font-weight:600;margin-bottom:.2rem}.beat-nav-beat.phase-setup{color:#6495ed}.beat-nav-beat.phase-confrontation{color:orange}.beat-nav-beat.phase-crisis{color:#ff4500}.beat-nav-beat.phase-resolution{color:#32cd32}.beat-nav-title{font-size:.6rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beat-nav-empty{flex:1;padding:.75rem;font-size:.55rem;color:#fff3;font-style:italic;text-align:center;border:1px dashed rgba(255,255,255,.1)}.ascii-toggle-btn{background:transparent;border:1px solid var(--glitch-cyan);color:var(--glitch-cyan);padding:.6rem 1.2rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase}.ascii-toggle-btn:hover{background:#00ffff26;box-shadow:0 0 20px #0ff6}.ascii-toggle-btn.active{background:var(--glitch-cyan);color:#000;box-shadow:0 0 25px #0ff9}.story-extract-btn{background:transparent;border:1px solid var(--collapse-violet);color:var(--collapse-violet);padding:.6rem 1.2rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase}.story-extract-btn:hover{background:var(--collapse-violet);color:#000;box-shadow:0 0 20px #8a2be280}.story-extract-btn:disabled{opacity:.5;cursor:not-allowed}.story-overlay{position:fixed;inset:0;background:#000000fa;z-index:800;display:none;flex-direction:column;opacity:0;transition:opacity .4s ease}.story-overlay.open{display:flex;opacity:1}.story-header{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.story-header-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.story-title{font-family:var(--font-mono);font-size:1rem;letter-spacing:.15em;color:#fff}.story-mode-toggle{display:flex;gap:2px;background:#0006;border-radius:4px;padding:2px}.story-mode-btn{background:transparent;border:none;color:#fff6;padding:.35rem .75rem;font-size:.65rem;font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.story-mode-btn.active{background:var(--collapse-violet);color:#fff;border-radius:3px}.story-mode-btn:hover:not(.active){color:#ffffffb3}.story-coherence{font-family:var(--font-mono);font-size:.8rem;color:var(--collapse-violet)}.story-coherence-value{font-size:1.2rem;font-weight:700}.story-close{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffff80;width:40px;height:40px;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.story-close:hover{border-color:var(--collapse-violet);color:var(--collapse-violet)}.story-controls-row{display:flex;align-items:center;gap:1rem}.story-anchor-control{display:flex;align-items:center;gap:.5rem}.story-anchor-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;color:#ffffff80}.story-anchor-control input[type=range]{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer}.story-anchor-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--collapse-violet);border-radius:50%;cursor:pointer}.story-anchor-value{font-family:var(--font-mono);font-size:.7rem;color:var(--collapse-violet);min-width:3em}.story-template-input{display:flex;align-items:center;gap:.5rem}.story-template-input.hidden{display:none}.story-template-input input{background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem .75rem;font-family:var(--font-mono);font-size:.75rem;width:200px;outline:none}.story-template-input input:focus{border-color:var(--collapse-violet)}.story-template-btn{background:var(--collapse-violet);border:none;color:#fff;padding:.4rem .75rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;cursor:pointer}.story-template-suggestions{display:flex;flex-wrap:wrap;gap:.35rem}.story-template-suggestions.hidden{display:none}.template-suggestion{padding:.25rem .5rem;background:#8a2be226;border:1px solid rgba(138,43,226,.3);color:#fff9;font-family:var(--font-mono);font-size:.65rem;cursor:pointer;transition:all .2s ease}.template-suggestion:hover{background:#8a2be24d;color:#fff}.story-timeline-container{flex:1;overflow-x:auto;overflow-y:hidden;padding:2rem;display:flex;align-items:center}.story-timeline{display:flex;gap:.5rem;min-width:max-content;padding:1rem 0}.story-beat{display:flex;flex-direction:column;align-items:center;width:120px;opacity:0;transform:translateY(20px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.story-beat.revealed{opacity:1;transform:translateY(0) scale(1)}.story-beat.is-seed .story-beat-card{border-color:var(--toxic-lime);box-shadow:0 0 30px #00ff4166}.story-beat-label{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;text-align:center;white-space:nowrap}.story-beat-label.phase-setup{color:#6495ed}.story-beat-label.phase-confrontation{color:orange}.story-beat-label.phase-crisis{color:#ff4500}.story-beat-label.phase-resolution{color:#32cd32}.story-beat-card{width:100px;height:0;padding-bottom:177.78%;position:relative;background:#14141e;border:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;transition:all .3s ease}.story-beat-card:hover{border-color:var(--collapse-violet);transform:scale(1.05);box-shadow:0 0 20px #8a2be266}.story-beat-card.empty{border-style:dashed;border-color:#fff3}.story-beat-card.empty:after{content:"NO FILM";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#fff3;letter-spacing:.1em}.story-beat-card video,.story-beat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-beat-title{font-size:.55rem;color:#ffffffb3;text-align:center;margin-top:.5rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-beat:not(:last-child):after{content:"";position:absolute;right:-.5rem;top:50%;width:.5rem;height:2px;background:linear-gradient(90deg,var(--collapse-violet),transparent);opacity:0;transition:opacity .3s ease .2s}.story-beat.revealed:not(:last-child):after{opacity:.5}.story-beat.loading .story-beat-card{animation:beatPulse 1.5s ease-in-out infinite}@keyframes beatPulse{0%,to{box-shadow:0 0 5px #8a2be233}50%{box-shadow:0 0 20px #8a2be280}}.story-loading{display:none;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.story-loading.active{display:flex}.story-loading-spinner{width:60px;height:60px;border:2px solid rgba(138,43,226,.2);border-top-color:var(--collapse-violet);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}@keyframes spin{to{transform:rotate(360deg)}}.story-loading-text{font-size:1.2rem;letter-spacing:.3em;color:var(--collapse-violet);margin-bottom:.5rem}.story-loading-subtext{font-size:.75rem;color:#fff6;font-style:italic}.story-timeline-container.hidden,.story-actions.hidden{display:none}.story-actions{display:flex;justify-content:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.story-action-btn{background:transparent;border:1px solid var(--collapse-violet);color:var(--collapse-violet);padding:.75rem 2rem;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.story-action-btn:hover,.story-action-btn.primary{background:var(--collapse-violet);color:#000}.story-action-btn.primary:hover{background:#fff;border-color:#fff}.story-playback{position:fixed;inset:0;background:#000;z-index:900;display:none;flex-direction:column;align-items:center;justify-content:center}.story-playback.active{display:flex}.story-playback-video{max-width:90vw;max-height:80vh;outline:none}.story-playback-intertitle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;opacity:0;transition:opacity .5s ease;pointer-events:none}.story-playback-intertitle.visible{opacity:1}.story-playback-beat-name{font-family:var(--font-mono);font-size:2rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem}.story-playback-beat-name.phase-setup{color:#6495ed}.story-playback-beat-name.phase-confrontation{color:orange}.story-playback-beat-name.phase-crisis{color:#ff4500}.story-playback-beat-name.phase-resolution{color:#32cd32}.story-playback-film-title{font-size:1rem;color:#ffffff80;letter-spacing:.1em}.story-playback-progress{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.7rem;color:#ffffff4d;letter-spacing:.1em}.story-playback-exit{position:absolute;top:1rem;right:1rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffff80;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all .3s ease;z-index:10}.story-playback-exit:hover{border-color:#fff;color:#fff}.story-playback-end{font-family:var(--font-mono);font-size:3rem;letter-spacing:.3em;color:var(--collapse-violet)}.prompt-modal{position:fixed;inset:0;background:#000000f2;z-index:950;display:none;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.prompt-modal.open{display:flex}.prompt-modal-content{background:#14141e;border:1px solid var(--collapse-violet);max-width:800px;max-height:80vh;width:100%;display:flex;flex-direction:column;position:relative}.prompt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.prompt-modal-title{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;color:var(--collapse-violet)}.prompt-modal-beat{font-size:.7rem;color:#ffffff80}.prompt-modal-close{background:transparent;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.prompt-modal-close:hover{color:var(--collapse-violet)}.prompt-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.prompt-text{font-family:var(--font-mono);font-size:.75rem;line-height:1.7;color:#ffffffd9;white-space:pre-wrap}.prompt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.prompt-loading-text{font-family:var(--font-mono);font-size:.8rem;color:var(--collapse-violet);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.prompt-modal-actions{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.prompt-copy-btn{background:var(--collapse-violet);border:none;color:#000;padding:.6rem 1.5rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.prompt-copy-btn:hover{background:#fff}.prompt-copy-btn.copied{background:var(--toxic-lime)}.prompt-regenerate-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.6rem 1.5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.prompt-regenerate-btn:hover{border-color:var(--collapse-violet);color:var(--collapse-violet)}.story-beat-card.empty:hover:after{content:"GENERATE PROMPT";background:#8a2be2e6;color:#fff}@media (hover: none) and (pointer: coarse){.film-card-overlay{opacity:1}.film-card-title span{opacity:1;transform:none}.film-card:hover{transform:none;box-shadow:none;z-index:auto}.film-card:hover video{transform:none}}@media (max-width: 768px){.films-header-bar{padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) 1rem calc(1rem + env(safe-area-inset-left))}.films-content{padding:1rem calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left))}.films-search-row{flex-direction:column}.films-search{font-size:16px}.films-btn{font-size:.75rem}.films-tags-row{max-height:120px;overflow:auto}.films-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.films-tv-shell{grid-template-columns:1fr;gap:1rem;overflow-y:auto;align-items:start}.films-tv-column{justify-content:flex-start}.films-tv-stage{width:min(82vw,360px);margin:0 auto}.films-tv-sidebar,.films-tv-head,.films-tv-meta{width:100%}.films-tv-sidebar{align-self:stretch;margin-bottom:1rem}.films-tv-title{font-size:1.1rem}.films-player-modal{flex-direction:column;gap:1rem}.films-player-video-container,.films-player-video{max-width:90vw;max-height:50vh}.films-player-info{max-width:90vw;min-width:unset}.films-player-close{top:.5rem;right:.5rem}.films-player-nav{display:none}.prompt-modal{width:min(520px,100vw);height:100dvh;border-radius:0}.prompt-modal-actions{flex-direction:column}}