html,body,#root{height:100%;margin:0;overflow:hidden}.galaxy-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 20% 70%,#3c8cff14,#3c8cff05 50%,#0000 80%),radial-gradient(ellipse at 85% 35%,#8caaff0f,#8caaff05 50%,#0000 80%),linear-gradient(180deg,#02040f,#01020a)}.galaxy-bg .galaxy-container{width:100%;height:100%;position:relative;opacity:0;animation:fadeIn 2.5s ease-out forwards}.galaxy-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000 55%,#00000059 75%,#000000bf);mix-blend-mode:multiply;pointer-events:none;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{--sprocket-h: 48px;--rail-gap: 24px;--film-h: 440px}.film-strip-container{height:var(--film-h);flex-shrink:0;width:max-content;min-width:100vw;position:relative;display:flex;flex-direction:column;justify-content:center;transform:translateZ(0)}.film-window{position:relative;height:100%;width:auto;display:flex;align-items:center;flex-direction:row;padding-block:calc(var(--sprocket-h) + var(--rail-gap));padding-inline:50vw;z-index:10;box-sizing:border-box}.film-strip-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#080a0ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 80px #000000e6,0 10px 40px #0009;--perf-mask-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='48' viewBox='0 0 30 48'%3E%3Cpath fill-rule='evenodd' d='M0 0H30V48H0V0ZM6 12A2 2 0 0 1 8 10H22A2 2 0 0 1 24 12V36A2 2 0 0 1 22 38H8A2 2 0 0 1 6 36V12Z' fill='black'/%3E%3C/svg%3E");mask-image:var(--perf-mask-url),var(--perf-mask-url),linear-gradient(to bottom,transparent calc(var(--sprocket-h) - 1px),black calc(var(--sprocket-h) - 1px),black calc(100% - var(--sprocket-h) + 1px),transparent calc(100% - var(--sprocket-h) + 1px));-webkit-mask-image:var(--perf-mask-url),var(--perf-mask-url),linear-gradient(to bottom,transparent calc(var(--sprocket-h) - 1px),black calc(var(--sprocket-h) - 1px),black calc(100% - var(--sprocket-h) + 1px),transparent calc(100% - var(--sprocket-h) + 1px));mask-position:top 0px left 0px,bottom 0px left 0px,center;-webkit-mask-position:top 0px left 0px,bottom 0px left 0px,center;mask-repeat:repeat-x,repeat-x,no-repeat;-webkit-mask-repeat:repeat-x,repeat-x,no-repeat;mask-size:30px 48px,30px 48px,100% 100%;-webkit-mask-size:30px 48px,30px 48px,100% 100%}.film-holes-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='40' viewBox='0 0 30 40'%3E%3Crect x='5.5' y='5.5' width='19' height='29' rx='2.5' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='1'/%3E%3Cpath d='M5 8C5 6.34 6.34 5 8 5H22C23.66 5 25 6.34 25 8V12H5V8Z' fill='black' fill-opacity='0.2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='40' viewBox='0 0 30 40'%3E%3Crect x='5.5' y='5.5' width='19' height='29' rx='2.5' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='1'/%3E%3Cpath d='M5 8C5 6.34 6.34 5 8 5H22C23.66 5 25 6.34 25 8V12H5V8Z' fill='black' fill-opacity='0.2'/%3E%3C/svg%3E");background-position:top 4px left 0px,bottom 4px left 0px;background-repeat:repeat-x;background-size:30px 40px}.film-texture-scratch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.15;mix-blend-mode:overlay;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 2px,rgba(255,255,255,.05) 3px,transparent 6px),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.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");background-size:100px 100%,200px 200px}.film-sheen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.03) 40%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.03) 50%,transparent 60%);opacity:.5;pointer-events:none;mix-blend-mode:soft-light}.film-code-text{font-family:JetBrains Mono,monospace;font-size:9px;line-height:1;color:#b4c8e659;letter-spacing:.1em;font-weight:400;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8);display:flex;align-items:center}.film-code-marker{display:inline-block;width:8px;height:1px;background:#ffffff40;vertical-align:middle}.frame-media{position:relative;overflow:hidden;height:100%;width:100%;border-radius:inherit}.caption-overlay{position:absolute;left:0;right:0;bottom:0;height:38%;pointer-events:none;display:flex;align-items:flex-end;z-index:20}@media(max-width:640px){.caption-overlay{height:42%}}.caption-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#00000073,#0000);opacity:1;mix-blend-mode:normal}.caption-content{position:relative;width:100%;padding:0 16px 20px;text-align:left;display:flex;flex-direction:column;gap:4px}@media(max-width:640px){.caption-content{padding:0 12px 16px}}.caption-month{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-weight:800;font-size:clamp(20px,2.4vw,24px);letter-spacing:.05em;text-transform:uppercase;color:#fffffff2;text-shadow:0 2px 12px rgba(0,0,0,.5);line-height:1;margin-bottom:2px}.caption-meta{display:block;width:100%;line-height:1.5}.caption-keyword{font-family:"Noto Serif SC",serif;font-weight:600;font-size:clamp(13px,1.6vw,15px);letter-spacing:.05em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap;display:inline;margin-right:8px}.caption-sep{font-family:"Noto Serif SC",serif;font-size:clamp(12px,1.5vw,13px);color:#fff6;font-weight:300;display:inline;margin-right:8px}.caption-desc{font-family:"Noto Serif SC",serif;font-weight:400;font-size:clamp(12px,1.5vw,13px);letter-spacing:.02em;color:#ffffffbf;display:inline;white-space:normal;overflow-wrap:anywhere;word-break:break-word}