@import url('data:text/css,');:root{--bg:#090c12;--panel:#131823;--text:#f4f5f7;--muted:#a4afbf;--mint:#9dffdb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}#space{position:fixed;inset:0;width:100%;height:100%;z-index:-2;opacity:.62}.grain{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,transparent,#090c12 80%);pointer-events:none}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff10;background:#090c1290;backdrop-filter:blur(20px)}.brand{color:white;text-decoration:none;font-weight:800;letter-spacing:3px;font-size:15px}.brand span{color:var(--mint);margin-right:8px}nav{display:flex;gap:6px}.nav,.pill{border:0;background:none;color:var(--muted);padding:12px 18px;border-radius:30px}.nav.active{color:white;background:#ffffff0e}.pill{border:1px solid #ffffff25;color:white}.pill span{color:var(--mint);margin-left:8px}main{max-width:1450px;margin:auto;padding:50px 5vw}.intro{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:40px;padding-bottom:60px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--mint);font-weight:700}h1{font-size:clamp(48px,7vw,100px);letter-spacing:-5px;line-height:1.02;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--mint)}.lead{color:var(--muted);line-height:1.7;max-width:720px;font-size:17px}.control{background:linear-gradient(130deg,#1b2439ba,#10151ecc);border:1px solid #ffffff15;border-radius:24px;padding:25px;backdrop-filter:blur(14px)}.badge{font-size:8px;letter-spacing:1.4px;color:var(--mint)}h3{font-size:22px;margin:18px 0}.control label{display:block;margin:20px 0 8px;font-size:12px;color:#ccd3dc}select{background:#090e18;color:white;border:1px solid #ffffff24;border-radius:10px;padding:12px;width:100%}input[type=range]{width:100%;accent-color:var(--mint)}output{float:right;color:var(--mint)}.rangeLabels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.muted{color:var(--muted);line-height:1.6;font-size:12px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h2{font-size:25px;letter-spacing:-1px}h2 span{color:var(--mint)}.sectionHead>span{color:var(--muted);font-size:12px}#feed{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;perspective:1200px}.card{position:relative;height:440px;overflow:hidden;border:1px solid #ffffff18;border-radius:22px;background:#182131;transform-style:preserve-3d;transition:transform .2s,box-shadow .2s;isolation:isolate}.card:hover{box-shadow:0 20px 60px #0008}.art{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,var(--accent),transparent 60%),linear-gradient(150deg,#172637,#0a0f1c);opacity:.8}.orbit{position:absolute;width:230px;height:230px;border:1px solid var(--accent);border-radius:50%;top:45px;left:calc(50% - 115px);transform:rotateX(60deg) rotate(-25deg);box-shadow:0 0 65px color-mix(in srgb,var(--accent) 20%,transparent)}.planet{position:absolute;width:145px;height:145px;top:83px;left:calc(50% - 73px);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff90,var(--accent) 20%,#131a30 75%);box-shadow:20px 25px 50px #0009}.artNumber{position:absolute;top:23px;left:20px;font-size:11px;letter-spacing:3px;color:#ffffff80}.card::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#080b12 98%);z-index:-0;pointer-events:none}.cardTop{position:absolute;top:18px;right:16px;z-index:2;display:flex;gap:6px}.tag{font-size:9px;letter-spacing:1px;border:1px solid #ffffff30;background:#080b1270;border-radius:20px;padding:6px 9px}.tag.sponsor{color:var(--mint);border-color:#9dffdb70}.cardInfo{position:absolute;bottom:22px;left:22px;right:22px;z-index:2}.meta{font-size:10px;color:#d0d6df;letter-spacing:2px}.card h3{font-size:30px;letter-spacing:-1px;line-height:1.07;margin:10px 0}.card p{font-size:12px;line-height:1.5;color:#bec7d5}.actions{display:flex;gap:8px;margin-top:16px}.actions button{border:1px solid #ffffff25;background:#ffffff09;color:white;border-radius:12px;padding:10px 12px}.actions .inspect{flex:1;background:#e5fff1;color:#0d1a16;border:0}.footerNote{margin:35px 0;color:var(--muted);font-size:11px}.hidden{display:none!important}.labGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.labCard{background:#151c29bb;border:1px solid #ffffff18;border-radius:20px;padding:26px}.labCard h3{margin:0 0 22px}.stat{display:flex;justify-content:space-between;margin:17px 0;font-size:12px;color:var(--muted)}.stat b{color:white}.bar{height:5px;border-radius:10px;background:#ffffff10;overflow:hidden}.bar>i{display:block;background:var(--mint);height:100%}.labControls{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:30px}.labControls label{width:320px;font-size:12px}.primary{background:var(--mint);border:0;padding:14px 24px;border-radius:12px}.architecture{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:40px}.architecture span{padding:18px;border:1px solid #ffffff20;border-radius:10px;font-size:12px}.architecture b{color:var(--mint)}.paper a{color:var(--mint);text-decoration:none}.paper p{color:var(--muted);line-height:1.7;font-size:13px}table{width:100%;border-collapse:collapse;background:#101622;border-radius:12px;font-size:12px}td,th{text-align:left;padding:14px;border-bottom:1px solid #ffffff12}dialog{background:#131b28;color:white;border:1px solid #ffffff25;border-radius:24px;padding:30px;max-width:550px;width:calc(100% - 30px)}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}#closeModal{float:right;background:none;color:white;border:0;font-size:28px}#modalContent p{color:var(--muted);line-height:1.7}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:16px;background:var(--mint);color:#091710;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;font-size:12px}.toastOn{opacity:1!important}@media(max-width:950px){#feed{grid-template-columns:repeat(2,1fr)}.intro{grid-template-columns:1fr 300px}h1{letter-spacing:-3px}.labGrid{grid-template-columns:1fr}}@media(max-width:650px){header{height:auto;min-height:75px;flex-wrap:wrap;padding:18px 5vw;gap:15px}.brand{font-size:12px}nav{order:3;width:100%;justify-content:center}.nav{padding:9px 15px;font-size:12px}main{padding-top:25px}.intro{grid-template-columns:1fr;gap:25px;padding-bottom:30px}h1{font-size:58px}.control{padding:20px}.sectionHead{align-items:start;gap:10px}.sectionHead h2{font-size:21px;margin-top:0}.sectionHead>span{max-width:100px;text-align:right}#feed{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 0 18px}.card{min-width:88%;height:470px;scroll-snap-align:center}.labControls label{width:100%}.architecture{gap:7px}.architecture span{padding:12px}table{font-size:10px}td,th{padding:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}#space{display:none}}
#feed.immersive{display:flex;flex-direction:column;max-width:620px;margin:auto;height:78vh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;padding:5px 10px 5px 5px;gap:18px}#feed.immersive .card{min-height:74vh;width:100%;scroll-snap-align:start}#feed.immersive .planet{width:240px;height:240px;left:calc(50% - 120px);top:18%}#feed.immersive .orbit{width:350px;height:350px;left:calc(50% - 175px);top:10%}#feed.immersive .card h3{font-size:42px}@media(max-width:650px){#feed{flex-direction:column;height:78svh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory}.card{min-width:100%;min-height:74svh;scroll-snap-align:start}.planet{width:190px;height:190px;left:calc(50% - 95px);top:17%}.orbit{width:290px;height:290px;left:calc(50% - 145px);top:10%}}

.pwaBar{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 5vw;flex-wrap:wrap;font-size:11px;color:var(--muted);border-bottom:1px solid #ffffff10}.pwaBar .offline{color:var(--mint)}.pwaBar button{font-size:11px;padding:9px 14px}header{padding-top:env(safe-area-inset-top)}body{padding-bottom:env(safe-area-inset-bottom)}main{padding-left:max(5vw,env(safe-area-inset-left));padding-right:max(5vw,env(safe-area-inset-right))}.actions button{min-height:44px;min-width:44px}button[hidden]{display:none!important}

/* Cinemaflex 1.1: sculptural layers, light and depth without external art. */
#feed{perspective:900px;gap:32px}.card{overflow:visible;border-radius:24px;box-shadow:0 12px 0 -8px #1f2c3c,0 28px 40px -20px #000c;transform-style:preserve-3d}.card .art{border-radius:24px;overflow:hidden;opacity:1;background:radial-gradient(ellipse at 20% 5%,color-mix(in srgb,var(--accent) 75%,#152131),transparent 65%),linear-gradient(140deg,#23354c,#070d19)}.card::after{border-radius:24px}.card:hover{box-shadow:0 18px 0 -10px #283c4a,0 35px 75px #000b}.cardInfo{transform:translateZ(28px);text-shadow:0 2px 15px #0009}.cardTop{transform:translateZ(35px)}.artNumber{color:#fff9}.planet{box-shadow:inset -22px -25px 30px #0009,inset 9px 5px 25px #ffffff40,25px 35px 45px #000a;transform:translateZ(45px)}.orbit{border-width:2px;animation:orbitalFloat 10s ease-in-out infinite}.orbit-back{width:310px;height:310px;left:calc(50% - 155px);top:6px;opacity:.4;transform:rotateX(65deg) rotateY(30deg);animation:none}.satellite{position:absolute;top:65px;right:24%;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 20%,white,var(--accent) 30%,#0b172a 80%);box-shadow:9px 13px 22px #0008;animation:satelliteFloat 7s ease-in-out infinite}.grid-plane{position:absolute;width:150%;height:240px;left:-25%;top:140px;background:linear-gradient(#ffffff15 1px,transparent 1px),linear-gradient(90deg,#ffffff15 1px,transparent 1px);background-size:28px 28px;transform:perspective(400px) rotateX(65deg);mask-image:linear-gradient(transparent,#000,transparent)}.glass-panel{position:absolute;width:110px;height:170px;left:18%;top:48px;border:1px solid #ffffff35;background:linear-gradient(140deg,#ffffff20,transparent);border-radius:12px;transform:perspective(500px) rotateY(-30deg) rotateZ(-18deg);box-shadow:12px 20px 22px #0004;pointer-events:none}.genre-romance .glass-panel{border-radius:90% 0 90% 0;background:linear-gradient(130deg,#ffffff25,var(--accent));opacity:.6;transform:rotate(-30deg);width:70px;height:130px;left:23%;top:75px}.genre-drama .glass-panel{transform:perspective(500px) rotateY(35deg) rotateZ(20deg)}.genre-thriller .glass-panel{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(120deg,var(--accent),#10212b)}.open-art{position:absolute;inset:0 0 38%;border:0;background:transparent;z-index:3;border-radius:24px;cursor:pointer}.open-movie{font:inherit;color:inherit;text-align:left;padding:0;background:none;border:0;line-height:inherit;letter-spacing:inherit}.open-movie span{font-size:17px;color:var(--accent)}.open-movie:hover{color:var(--accent)}dialog.detail-dialog{max-width:960px;max-height:90svh;overflow:auto;border:1px solid #9dffdb40;background:radial-gradient(ellipse at 100% 0,#284244,#101723 60%);box-shadow:0 35px 100px #000b}.movie-detail{padding:10px}.movie-detail h2{font-size:42px;letter-spacing:-2px}.detail-art{position:relative;height:230px;margin:10px 0;background:radial-gradient(ellipse,var(--accent),transparent 65%);border-radius:20px;overflow:hidden}.detail-art .planet{top:40px;width:160px;height:160px;left:calc(50% - 80px)}.detail-art .orbit{top:10px;width:250px;height:250px;left:calc(50% - 125px)}.theme-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.theme-chips span{font-size:11px;border:1px solid #ffffff30;border-radius:20px;padding:7px 13px;color:var(--accent)}.similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.similar-card{display:flex;flex-direction:column;align-items:start;gap:9px;text-align:left;background:linear-gradient(150deg,#ffffff09,#0003);color:white;border:1px solid #ffffff20;padding:18px;border-radius:16px;min-height:200px;transition:transform .2s}.similar-card:hover{transform:translateY(-5px);border-color:var(--accent)}.similar-card span:not(.mini-orb),.similar-card small{font-size:11px;line-height:1.5;color:var(--muted)}.mini-orb{display:block;width:55px;height:55px;margin:0 auto 7px;border-radius:50%;background:radial-gradient(circle at 25% 25%,white,var(--accent) 20%,#101a30 80%);box-shadow:8px 10px 18px #0008}.similar-card strong{font-size:16px}#closeModal{position:sticky;top:0;z-index:5;background:#101723;border-radius:50%;width:44px;height:44px}@keyframes orbitalFloat{50%{transform:rotateX(65deg) rotate(-12deg) translateY(-10px)}}@keyframes satelliteFloat{50%{transform:translate3d(12px,18px,0)}}@media(max-width:650px){.similar-grid{grid-template-columns:repeat(2,1fr);gap:10px}.similar-card{padding:13px;min-height:190px}.movie-detail{padding:0}.movie-detail h2{font-size:32px}dialog.detail-dialog{padding:20px}.cardInfo{transform:none}.cardTop{transform:none}.card{overflow:hidden}.open-art{inset:0 0 38%}.glass-panel{top:110px}}@media(prefers-reduced-motion:reduce){.orbit,.satellite{animation:none}.similar-card:hover{transform:none}.cardInfo,.cardTop{transform:none}}

/* Poster collection: CSS 3D presentation, not reconstructed 3D movie scenes. */
.card{overflow:visible;border:1px solid #ffffff35;box-shadow:8px 10px 0 -4px #0b1424,10px 12px 0 -4px #9dffdb18,0 18px 35px #0008;transform-style:preserve-3d}.card::after{border-radius:22px;z-index:1;background:linear-gradient(180deg,#05070b05 15%,#06091055 40%,#060910f7 90%)}.poster-trigger{position:absolute;inset:0;padding:0;border:0;border-radius:22px;overflow:hidden;background:#182131;cursor:pointer}.posterImage{width:100%;height:100%;object-fit:cover;transform:scale(1.08) translate(var(--shiftX,0px),var(--shiftY,0px));transition:transform .2s;filter:saturate(.95)}.cardShine{position:absolute;inset:0;border-radius:22px;pointer-events:none;z-index:3;background:radial-gradient(circle at var(--mx,50%) var(--my,20%),#ffffff28,transparent 55%);mix-blend-mode:screen;opacity:.3}.card:hover .cardShine{opacity:1}.cardTop{transform:translateZ(20px);pointer-events:none}.cardInfo{transform:translateZ(28px)}.movie-title{font:inherit;font-weight:inherit;text-align:left;color:inherit;background:none;border:0;padding:0;cursor:pointer}.movie-title:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.actions .explore{flex:1;background:#e5fff1;color:#0d1a16;border:0}.actions .inspect{flex:0;background:#ffffff09;color:white;border:1px solid #ffffff25}.sectionHead{gap:15px}.movie-detail-dialog{max-width:1050px;max-height:90svh;overflow-y:auto}.detailHero{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:center;margin:10px 0 30px}.detailHero>img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:15px;box-shadow:10px 12px 0 #9dffdb12,0 20px 40px #0008;transform:perspective(900px) rotateY(8deg)}.detailHero h2{font-size:40px;margin:10px 0}.detailHero p{font-size:14px}.themes{display:flex;gap:6px;flex-wrap:wrap}.themes span{font-size:10px;padding:7px 10px;background:#9dffdb12;border:1px solid #9dffdb25;border-radius:20px;color:var(--mint)}.trail{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:25px 0;padding:15px;background:#ffffff05;border-radius:12px;font-size:10px;color:var(--muted)}.trail button{border:0;background:none;color:var(--mint);padding:6px}.similarRail{display:flex;gap:16px;overflow-x:auto;padding:12px 5px 22px;scroll-snap-type:x mandatory}.similarCard{flex:0 0 150px;text-align:left;border:1px solid #ffffff20;border-radius:12px;background:#0b111d;color:white;padding:0 0 12px;scroll-snap-align:start;transition:transform .2s}.similarCard:hover{transform:perspective(700px) rotateY(-7deg) translateY(-5px)}.similarCard img{width:100%;height:190px;object-fit:cover;border-radius:11px 11px 0 0}.similarCard strong,.similarCard span,.similarCard small{display:block;padding:0 10px;margin-top:8px}.similarCard strong{font-size:13px}.similarCard span{font-size:10px;color:var(--mint)}.similarCard small{font-size:10px;line-height:1.5;color:var(--muted)}#closeModal{position:sticky;top:0;background:#131b28;z-index:5;border-radius:50%}@media(max-width:650px){.detailHero{grid-template-columns:1fr;gap:18px}.detailHero>img{max-width:210px;margin:auto;aspect-ratio:3/4}.detailHero h2{font-size:28px}.movie-detail-dialog{padding:22px}.similarCard{flex-basis:140px}.cardInfo{transform:none}.cardTop{transform:none}}@media(prefers-reduced-motion:reduce){.card,.detailHero>img,.similarCard:hover,.posterImage{transform:none!important}.cardShine{display:none}}

/* Cold-start lab + lightweight cinematic atmosphere. */
#space.spaceFallback{background:radial-gradient(ellipse at 80% 20%,#173f40,transparent 60%),linear-gradient(140deg,#080c13,#101a29)}.intro{position:relative;isolation:isolate}.intro:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-180px;top:-110px;width:650px;height:650px;background:url('posters/orbit-scene.webp') center/contain no-repeat;opacity:.18;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%)}.coldControls{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:760px;margin:30px 0 15px}.coldControls label{display:block}.coldControls select{width:100%;margin-top:8px}.coldMode{border-left:2px solid var(--mint);padding:12px 16px;background:#9dffdb08;border-radius:0 8px 8px 0;font-size:12px;color:var(--mint)}.coldGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.coldCard{border:1px solid #ffffff20;background:#0c1522dd;border-radius:20px;overflow:hidden;box-shadow:6px 8px 0 -3px #9dffdb10}.coldPoster{height:260px;background-size:cover;background-position:center;display:flex;align-items:flex-start;padding:16px;background-color:#142439}.coldPoster .badge{background:#080d15cc;padding:8px;border-radius:8px;font-size:8px}.coldInfo{padding:20px}.coldInfo h3{font-size:22px;margin:8px 0}.coldInfo p{font-size:12px;line-height:1.7;color:#b3becb}.coldInfo small{font-size:10px;color:var(--muted);display:block;margin:12px 0;line-height:1.5}.coldInfo button{margin-top:8px}.customCold,.coldReport{padding:24px;background:#0d1522b8;border:1px solid #ffffff16;border-radius:18px;margin:24px 0}.customCold summary,.coldReport summary{cursor:pointer;color:var(--mint);padding:8px 0}.customCold form{max-width:700px}.customCold label{display:block;margin:18px 0}.customCold input,.customCold textarea{display:block;width:100%;margin-top:8px;padding:12px;color:white;background:#070e18;border:1px solid #ffffff26;border-radius:10px;font:inherit;box-sizing:border-box}.tableScroll{overflow-x:auto}.coldReport table{min-width:460px}.coldReport th,.coldReport td{font-size:12px}.newStoryTeaser{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:35px 0;margin-top:25px}.newStoryTeaser h2{font-size:26px;max-width:400px}.teaserArt{display:flex;gap:10px;perspective:1000px;padding:20px}.teaserArt img{width:105px;height:155px;object-fit:cover;border-radius:12px;transform:rotateY(-20deg) rotateZ(4deg);box-shadow:8px 12px 25px #0008}.teaserArt img:nth-child(2){transform:translateY(-18px) rotateY(-20deg) rotateZ(-4deg)}#coldstart{scroll-margin-top:90px}@media(max-width:700px){.coldGrid{grid-template-columns:1fr}.coldPoster{height:300px}.coldControls{grid-template-columns:1fr}.newStoryTeaser{flex-direction:column;align-items:flex-start}.teaserArt img{width:85px;height:125px}.intro:after{width:400px;height:400px;right:-140px;opacity:.12}.customCold,.coldReport{padding:16px}header nav{gap:3px}header nav button{font-size:10px;padding:8px 9px}}@media(prefers-reduced-motion:reduce){.teaserArt img{transform:none!important}}

.intro:after{right:0;max-width:100%;-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 70%)}
