:root{color:#e9f2ec;background:#010302;font-family:Inter,Arial,sans-serif;font-synthesis:none;--green: #8dffb0;--green-hot: #c8ffd6;--glass: rgba(3, 12, 8, .72)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#010302}button,input{font:inherit}#film{position:absolute;inset:0;width:100%;height:100%;display:block}.grain,.vignette{position:absolute;inset:0;pointer-events:none}.grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");background-size:180px 180px}.vignette{background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.25) 66%,rgba(0,0,0,.88) 100%)}.film-header{position:absolute;z-index:4;top:7.5vh;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;font:500 10px/1.2 IBM Plex Mono,monospace;letter-spacing:.18em;color:#dcffe6ad}.production:before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.scene-chip{border:1px solid rgba(154,255,183,.3);background:#000a05c2;padding:8px 11px}.title-card{position:absolute;z-index:12;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 46%,#031c0e6b,#000000eb 65%);transition:opacity 1.4s ease,visibility 1.4s}.title-card.hidden{opacity:0;visibility:hidden;pointer-events:none}.title-card span,.title-card p{font:500 10px IBM Plex Mono,monospace;letter-spacing:.32em;color:#c1ffd294}.title-card h1{margin:16px 0 6px;font:300 clamp(52px,10vw,130px)/.9 Inter,sans-serif;letter-spacing:.26em;transform:translate(.13em);color:#dfffea;text-shadow:0 0 35px rgba(51,255,111,.25)}.title-card button{margin-top:42px;color:var(--green-hot);border:1px solid rgba(116,255,155,.55);background:#00130899;padding:13px 21px;font:600 10px IBM Plex Mono,monospace;letter-spacing:.18em;cursor:pointer}.title-card button:hover{background:#30ff6724;box-shadow:0 0 30px #30ff6721}.caption{position:absolute;z-index:6;left:50%;bottom:19vh;width:min(760px,78vw);transform:translate(-50%);text-align:center;filter:drop-shadow(0 3px 9px #000);transition:opacity .16s}.speaker{min-height:16px;color:var(--green);font:600 10px IBM Plex Mono,monospace;letter-spacing:.22em;text-transform:uppercase}.line{margin-top:7px;color:#fff;font:500 clamp(17px,2vw,27px)/1.35 Inter,sans-serif;text-wrap:balance}.action-card{position:absolute;z-index:5;left:4vw;bottom:22vh;max-width:320px;padding-left:14px;border-left:1px solid rgba(138,255,169,.45);color:#dcf0e2b3;font:400 10px/1.6 IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase;transition:opacity .3s}.reticle{position:absolute;z-index:3;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%);opacity:.15}.reticle i{position:absolute;background:#c8ffd6}.reticle i:nth-child(1),.reticle i:nth-child(2){width:7px;height:1px;top:50%}.reticle i:nth-child(1){left:0}.reticle i:nth-child(2){right:0}.reticle i:nth-child(3),.reticle i:nth-child(4){height:7px;width:1px;left:50%}.reticle i:nth-child(3){top:0}.reticle i:nth-child(4){bottom:0}.transport{position:absolute;z-index:8;left:4vw;right:4vw;bottom:6vh;color:#b5c8ba;font:500 9px IBM Plex Mono,monospace;letter-spacing:.12em}.progress-row{display:grid;grid-template-columns:42px 1fr 42px;gap:12px;align-items:center}.progress-row span:last-child{text-align:right}input[type=range]{appearance:none;width:100%;height:1px;background:#d1ffdc3d;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);cursor:pointer}.controls-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.button-cluster{display:flex;align-items:center;gap:7px}.button-cluster button{min-width:34px;height:30px;padding:0 10px;border:1px solid rgba(176,220,188,.2);color:#e7ffedcc;background:#030c08e6;font:500 9px IBM Plex Mono,monospace;letter-spacing:.12em;cursor:pointer}.button-cluster button:hover{border-color:#8cffac94;color:#fff}.button-cluster .primary{color:var(--green);font-size:12px}.beat-readout{display:flex;gap:12px;align-items:center}.beat-readout span{color:var(--green)}.beat-readout strong{font-weight:500;color:#e0f0e4a6}.letterbox{position:absolute;z-index:10;left:0;right:0;height:4.2vh;background:#000;pointer-events:none}.letterbox.top{top:0}.letterbox.bottom{bottom:0}@media(max-width:700px){.film-header{top:6vh}.scene-chip{max-width:48vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.action-card{display:none}.caption{bottom:21vh;width:88vw}.title-card h1{letter-spacing:.13em}#mute{display:none}}