:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;--bg: #090b18;--bg2: #1d2444;--ink: #fff7ee;--muted: #d7cfdf;--accent: #f6d58f;--accent2: #9fc7ff;--haze: rgba(246, 213, 143, .18);background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100%;overflow-x:hidden;background:radial-gradient(circle at 74% 16%,var(--haze),transparent 34rem),linear-gradient(140deg,var(--bg),var(--bg2) 58%,#050608)}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100svh;isolation:isolate}.particle-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.gate{display:grid;min-height:100svh;align-items:end;padding:clamp(28px,6vw,72px)}.gate:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 68%),radial-gradient(circle at 76% 34%,var(--haze),transparent 24rem)}.gate-copy{max-width:840px;align-self:center}.overline{margin:0 0 14px;color:var(--accent);font-size:clamp(.72rem,1.5vw,.86rem);font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:900px;margin:0;font-size:clamp(3.2rem,10vw,8.5rem);line-height:.95;letter-spacing:0}h2{max-width:840px;margin:0;font-size:clamp(2.1rem,5vw,5.3rem);line-height:1.02;letter-spacing:0}h3{margin:0;font-size:clamp(1.15rem,2.3vw,2rem);line-height:1.35;letter-spacing:0}.lead{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:clamp(1.03rem,2.1vw,1.35rem);line-height:1.8}.gate-form{width:min(100%,560px);padding-top:36px}.gate-form label{display:block;margin-bottom:12px;color:var(--muted);font-size:.95rem}.password-row{display:grid;grid-template-columns:1fr auto;gap:12px}.password-row input{width:100%;min-height:56px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:0 22px;background:#00000047;color:var(--ink);outline:none;box-shadow:0 18px 50px #0000002e}.password-row input:focus{border-color:var(--accent)}.password-row button,.letter-button{min-height:56px;border:0;border-radius:999px;padding:0 26px;background:var(--accent);color:#14110d;font-weight:800;box-shadow:0 18px 42px var(--haze)}.hint{min-height:30px;margin:12px 0 0;color:var(--muted);line-height:1.55}.universe{position:relative}.hero{position:relative;display:grid;min-height:92svh;overflow:hidden;align-items:end}.hero h1{font-size:clamp(2.7rem,7vw,6.2rem)}.hero-photo,.hero-photo img,.photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-photo{z-index:-2}.hero-photo img,.photo-placeholder{object-fit:cover}.photo-placeholder{background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 42%),radial-gradient(circle at 62% 28%,var(--haze),transparent 28rem)}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#000000c7,#0000002e 62%,#0000008c),linear-gradient(0deg,var(--bg) 0%,rgba(0,0,0,0) 42%)}.hero-content{width:min(100%,920px);padding:clamp(30px,6vw,78px)}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;color:var(--ink)}.hero-meta span{display:inline-flex;min-height:36px;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:0 14px;background:#00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.time-camera-section,.timeline,.letter-section{min-height:100svh;padding:clamp(34px,6vw,86px)}.section-copy{max-width:900px}.time-camera{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(22px,5vw,64px);align-items:end;margin-top:clamp(34px,6vw,72px)}.camera-viewfinder{position:relative;min-height:min(68vw,660px);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 32%),#00000047;box-shadow:0 28px 90px #0000004d}.camera-viewfinder:before,.camera-viewfinder:after{position:absolute;z-index:2;width:54px;height:54px;content:"";pointer-events:none}.camera-viewfinder:before{top:18px;left:18px;border-top:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5)}.camera-viewfinder:after{right:18px;bottom:18px;border-right:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}.camera-photo{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.camera-photo img{width:100%;height:100%;object-fit:cover}.camera-photo:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(0deg,rgba(0,0,0,.74),transparent 44%),linear-gradient(90deg,rgba(0,0,0,.34),transparent 44%)}.camera-photo figcaption{position:absolute;right:clamp(18px,4vw,36px);bottom:clamp(18px,4vw,36px);left:clamp(18px,4vw,36px);z-index:2}.camera-photo span{color:var(--accent);font-size:clamp(.82rem,1.6vw,.95rem);font-weight:800}.camera-photo strong{display:block;margin-top:8px;color:var(--ink);font-size:clamp(1.6rem,4vw,3.8rem);line-height:1.02}.camera-photo p,.camera-controls p{color:var(--muted);line-height:1.75}.camera-photo p{max-width:620px;margin:14px 0 0}.camera-empty{display:grid;min-height:inherit;place-content:center;padding:32px;text-align:center}.camera-empty span{color:var(--accent);font-size:clamp(4rem,12vw,9rem);font-weight:900;line-height:.9}.camera-empty p{max-width:420px;color:var(--muted);line-height:1.8}.camera-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 50%,#ffffffd1,#fff0 58%)}.camera-controls{display:grid;gap:18px}.shutter-button{width:min(100%,320px);min-height:68px;border:0;border-radius:999px;background:var(--accent);color:#14110d;font-weight:900;box-shadow:0 22px 56px var(--haze)}.shutter-button:disabled{cursor:wait;opacity:.55}.camera-film{grid-column:1 / -1;display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.camera-film button{flex:0 0 92px;height:68px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:0;background:#ffffff14}.camera-film button.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--haze)}.camera-film img{width:100%;height:100%;object-fit:cover}.timeline{overflow:hidden}.film-strip{display:flex;gap:18px;margin-top:46px;overflow-x:auto;padding-bottom:24px;scroll-snap-type:x mandatory}.year-block{flex:0 0 min(76vw,380px);scroll-snap-align:start}.year-block>span{display:block;margin-bottom:14px;color:var(--accent);font-weight:800}.frames{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.frames figure{aspect-ratio:4 / 5;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff14}.frames img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.frames figure:hover img{transform:scale(1.06)}.letter-section{display:grid;align-items:center}.letter-shell{max-width:860px}.letter-button{margin-top:34px}.letter{max-width:720px;margin-top:34px;border-left:2px solid var(--accent);padding-left:clamp(18px,4vw,32px)}.letter p{margin:0 0 18px;color:var(--ink);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.9}@media(max-width:720px){.gate,.hero-content,.time-camera-section,.timeline,.letter-section{padding:24px}.password-row{grid-template-columns:1fr}.password-row button,.letter-button{width:100%}.hero{min-height:92svh}.hero-scrim{background:linear-gradient(0deg,var(--bg) 0%,rgba(0,0,0,.08) 60%),linear-gradient(90deg,#000000b8,#00000040)}.time-camera{grid-template-columns:1fr;gap:22px}.camera-viewfinder{min-height:68svh}.camera-controls{gap:10px}.shutter-button{width:100%}.camera-film button{flex-basis:78px;height:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}