@font-face{font-family:Syne;src:url(fonts/syne-latin.woff2) format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Mono;src:url(fonts/jetbrains-mono-latin.woff2) format('woff2');font-weight:100 800;font-display:swap}
:root{--lime:#d6ff3f;--void:#06060a;--ink:#eef0e8;--muted:#929698;--rx:0deg;--ry:0deg;--energy:0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--void);color:var(--ink);font-family:Syne,Arial,sans-serif}body{isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:7px}button{border:0}button[hidden],[hidden]{display:none!important}#cosmos,.ambient,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.ambient{background:radial-gradient(ellipse at 50% 43%,#20271e24,transparent 48%),radial-gradient(ellipse at 50% 110%,#6f804d0c,transparent 60%);transition:opacity 2s;z-index:-1}#cosmos{z-index:-2}.grain{z-index:9;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.experience{min-height:100svh;height:100svh;max-width:1600px;margin:auto;padding:26px 44px 22px;display:flex;flex-direction:column;position:relative}header{display:flex;justify-content:space-between;align-items:center;z-index:5;height:46px;flex-shrink:0}.wordmark{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1}.wordmark small{display:block;font:8px Mono;letter-spacing:3px;margin-bottom:5px;color:#acb0a6}.brand-orb{width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f8ffc0,var(--lime) 45%,#657b0a);box-shadow:0 0 18px #d6ff3f55}.header-right{display:flex;gap:18px;align-items:center}.micro{font:9px Mono,monospace;letter-spacing:1.7px;font-weight:400;color:var(--muted)}#preview-label{border:1px solid #ffffff16;border-radius:3px;padding:5px 7px;font-size:8px;letter-spacing:1px}.icon-button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid #ffffff14;border-radius:50%;color:#a4aaa0}.icon-button svg{width:18px;height:18px}.sound-waves{display:none}[aria-pressed=true] .sound-waves{display:block}[aria-pressed=true] .sound-off{display:none}main{flex:1;min-height:0;position:relative;width:100%;max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.topline{position:absolute;top:24px;display:flex;align-items:center;gap:15px;width:100%;max-width:380px;font-size:9px}.tiny-cross{color:var(--lime);font-size:18px}.line{height:1px;background:#ffffff1c;flex:1}.opening-copy{text-align:center;position:absolute;top:clamp(56px,8vh,100px);z-index:3;transition:opacity .65s,transform .9s;pointer-events:none}.eyebrow{font:9px Mono;letter-spacing:3px;color:#a6ac9e;margin:0 0 16px}h1{font-size:clamp(42px,5.2vw,67px);font-weight:500;line-height:.98;letter-spacing:-3px;margin:0}h1 span{color:#a0a59d}.personal-line{font-size:12px;color:#959c92;margin-top:17px}.stage{position:absolute;width:500px;height:350px;top:48%;left:50%;transform:translate(-50%,-37%);perspective:1100px;transition:transform 2s,top 1.8s;isolation:isolate}.artifact-button{position:absolute;width:330px;height:290px;left:85px;top:20px;background:transparent;touch-action:none;z-index:4;perspective:1000px}.float-wrap{display:block;width:100%;height:100%;transform-style:preserve-3d;animation:float 7s ease-in-out infinite}.artifact-tilt{display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s ease-out}.box{position:absolute;width:232px;height:232px;top:24px;left:49px;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-33deg);transition:transform 2.2s cubic-bezier(.19,1,.22,1)}.face{display:block;position:absolute;border:1px solid #50574b4a;backface-visibility:hidden;background:#141813}.bottom{width:232px;height:232px;background:linear-gradient(135deg,#1d231b,#080b08);transform:translateZ(-44px);box-shadow:0 0 60px #000}.front,.back{width:232px;height:44px;top:232px;transform-origin:top;transform:rotateX(-90deg);background:linear-gradient(#23291f,#11150f 17%,#080b08 87%,#1c2118)}.back{top:0;transform:rotateX(-90deg)}.left,.right{width:44px;height:232px;left:0;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#1c211b,#0c100b 40%,#171c14)}.right{left:232px;background:linear-gradient(90deg,#0e110d,#242b20 12%,#0a0e09 90%,#171b14)}.engraving{position:absolute;top:18px;left:16px;color:#8e968564;font:5px Mono;letter-spacing:1.6px}.front i{position:absolute;top:20px;right:24px;width:9px;height:2px;background:#d6ff3f99;box-shadow:0 0 6px #d6ff3f44}.front i:nth-child(3){right:38px;background:#576239}.front i:nth-child(4){right:52px;background:#354029}.side-code{display:block;font:11px Mono;color:#84907645;transform:rotate(90deg);position:absolute;top:140px;left:2px;white-space:nowrap}.lid{position:absolute;top:0;height:232px;width:116px;transform-style:preserve-3d;border:1px solid #69706255;background:linear-gradient(125deg,#343a30 0%,#1e241b 18%,#12180f 49%,#0e130c 83%,#242a20 100%);box-shadow:inset 0 0 0 5px #ffffff02,inset 0 0 0 6px #909c7911,inset 0 0 0 9px #05080399;transition:transform 2s cubic-bezier(.4,0,.12,1),filter 2s}.lid:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 2px,#ffffff02 2px 3px);pointer-events:none}.lid-left{left:0;transform-origin:0 50%}.lid-right{left:116px;transform-origin:100% 50%;background:linear-gradient(125deg,#242b1e,#11170d 42%,#0b1008 75%,#1d2417)}.panel-detail{position:absolute;inset:18px 15px;border-top:1px solid #929e7930;border-bottom:1px solid #929e7920}.lid-left .panel-detail{border-left:1px solid #929e7920}.lid-right .panel-detail{border-right:1px solid #929e7920}.seam{position:absolute;left:115px;top:4px;width:2px;height:224px;transform:translateZ(1px);background:linear-gradient(transparent,#d6ff3f80 25%,#d6ff3fcc 50%,#d6ff3f70 80%,transparent);box-shadow:0 0 8px #d6ff3f40;transition:opacity 1s,box-shadow 1s}.seal{position:absolute;left:73px;top:72px;width:86px;height:86px;transform:translateZ(7px);border:1px solid #839a424d;border-radius:50%;background:conic-gradient(from 30deg,#414932,#11180d 27%,#323b23 50%,#10150c 75%,#414932);box-shadow:0 4px 0 #0a0e07,0 6px 14px #000b,inset 0 0 0 4px #0c1209;display:grid;place-items:center;transition:transform 1.2s,opacity .8s}.seal-inner{width:66px;height:66px;display:grid;place-items:center;border:1px solid #9baa6b44;border-radius:50%;box-shadow:inset 0 0 10px #d6ff3f08;background:#10180c}.seal svg{width:49px;height:49px;color:#c4dc8f;filter:drop-shadow(0 0 7px #d6ff3f33)}.clasp{position:absolute;top:24px;left:101px;width:30px;height:10px;background:linear-gradient(#454c3c,#11160c 30%,#222a16 70%,#4f593a);border:1px solid #7e89604a;transform:translateZ(3px);box-shadow:0 2px 5px #000;transition:transform .8s}.clasp-two{top:198px}.inner-light{position:absolute;inset:10px;background:radial-gradient(ellipse,#faffd0,#d6ff3f99 14%,#788f1244 46%,#060900 70%);transform:translateZ(-20px);opacity:0;transition:opacity 1.7s}.ground-glow{position:absolute;bottom:2px;left:95px;width:310px;height:50px;background:radial-gradient(ellipse,#a4bc4025,transparent 68%);filter:blur(15px);z-index:-1;transition:opacity 2s}.orbit{position:absolute;width:390px;height:140px;border:1px solid #c4cf9a12;border-radius:50%;left:55px;top:170px;transform:rotate(-15deg);pointer-events:none}.orbit-a:after{content:'';position:absolute;top:30px;left:29px;width:3px;height:3px;border-radius:50%;background:#9fb070;box-shadow:0 0 10px #d6ff3f50}.orbit-b{width:460px;height:250px;left:20px;top:110px;border-color:#c4cf9a06;transform:rotate(19deg)}.coordinates{position:absolute;left:40px;right:35px;top:145px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#74816670;transform:rotate(-90deg);transform-origin:5% 50%;pointer-events:none}.coordinates span:last-child{display:none}.controls{position:absolute;bottom:16px;text-align:center;z-index:6;width:100%;max-width:360px}.touch-label{font:10px Mono;letter-spacing:2.5px;margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:10px}.pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d6ff3f77;animation:breathe 3s ease-in-out infinite}.hint{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0 0}.reveal-copy{position:absolute;top:clamp(65px,11vh,115px);z-index:5;text-align:center;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity 1.6s,transform 1.6s;width:100%}.reveal-copy h2{font-weight:500;font-size:clamp(30px,5vw,62px);letter-spacing:-2px;margin:0;overflow-wrap:anywhere;padding:0 12px;line-height:1.05}.reveal-copy>p:last-child{font:10px Mono;letter-spacing:2px;margin-top:18px}.reveal-copy .eyebrow{color:var(--lime)}.projector{position:absolute;inset:-65px 30px 20px;opacity:0;transform:translateY(40px) scale(.6);transition:transform 2s,opacity 2s;pointer-events:none;z-index:5}.beam{position:absolute;inset:75px 95px 45px;background:linear-gradient(0deg,#d6ff3f0d,#d6ff3f08 40%,transparent);clip-path:polygon(0 0,100% 0,57% 100%,43% 100%);filter:blur(3px)}#hologram{position:absolute;inset:0;width:100%;height:100%}.holo-plane{position:absolute;width:110px;height:110px;left:165px;top:85px;border:1px solid #d6ff3f22;transform:rotateX(60deg) rotateZ(45deg);background:linear-gradient(130deg,#efffd208,transparent 65%);box-shadow:inset 0 0 40px #d6ff3f03;animation:plane 12s linear infinite}.plane-two{width:75px;height:75px;left:183px;top:105px;border-color:#abeddf15;animation-direction:reverse}.primary-button{width:100%;min-height:52px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:22px;background:var(--lime);color:#111708;font:11px Mono;letter-spacing:1.4px;border:1px solid #e7ff8b;border-radius:3px;box-shadow:0 0 28px #d6ff3f0d}.primary-button span{font-size:18px}.primary-button:disabled{opacity:.55}.text-button{background:transparent;font-size:11px;padding:12px 14px;min-height:44px;color:#bec5b7}.text-button span{margin-left:12px;color:var(--lime)}.transmission-button{background:linear-gradient(110deg,#ffffff08,#ffffff02);border:1px solid #d6ff3f45;border-radius:3px;min-height:58px;width:100%;display:flex;align-items:center;justify-content:center;gap:17px;font:10px Mono;letter-spacing:1.5px;box-shadow:inset 0 0 25px #d6ff3f03}.play-symbol{color:var(--lime);font:28px Syne}.invitation-line{font-size:19px;line-height:1.4;margin:0 0 18px;color:#d1d6c8}.accepted-line{font-size:13px;color:#b7bfb0;line-height:1.5;margin:0 0 19px}#message{font-size:12px;color:#ccd4c0;line-height:1.5;margin:9px 0 0}#message:empty{display:none}.unlock-steps{display:flex;justify-content:center;gap:5px;margin-top:19px}.unlock-steps i{width:21px;height:2px;background:#d6ff3f30}.unlock-steps i.on{background:var(--lime)}footer{flex-shrink:0;width:100%;z-index:5}.deadline{text-align:center;padding:14px 0 22px}.deadline .micro{font-size:8px;letter-spacing:2px}.deadline time{font:22px Mono;letter-spacing:4px;display:block;color:#dbe1d1;margin:9px 0 4px;font-variant-numeric:tabular-nums}.deadline-date{font:7px Mono;letter-spacing:1.4px;color:#8b9384}.footer-line{border-top:1px solid #ffffff0f;padding-top:17px;display:flex;align-items:center;justify-content:space-between}.footer-line .micro{font-size:7px;letter-spacing:1.4px}.status-dot{display:inline-block;width:4px;height:4px;background:var(--lime);border-radius:50%;margin-right:6px}.edition span{margin-left:14px;color:var(--lime)}body[data-state=opening] .opening-copy{opacity:0;transform:translateY(-20px)}body[data-state=opening] .ambient{opacity:.15}body[data-state=opening] .box{transform:rotateX(49deg) rotateZ(-12deg) scale(1.12)}body.unlocking .clasp-one{transform:translateZ(8px) translateY(-20px)}body.unlocking .clasp-two{transform:translateZ(8px) translateY(20px)}body.unlocking .seal{transform:translateZ(35px) rotateZ(90deg);opacity:0}body.unlocking .seam{box-shadow:0 0 16px 4px #d6ff3faa;background:var(--lime)}body.unsealed .lid-left{transform:rotateY(-100deg) translateX(-12px)}body.unsealed .lid-right{transform:rotateY(100deg) translateX(12px)}body.unsealed .seam{opacity:0}body.unsealed .inner-light{opacity:1}body.unsealed .projector{opacity:1;transform:translateY(0) scale(1)}body:not([data-state=sealed]):not([data-state=opening]) .opening-copy{opacity:0}body:not([data-state=sealed]):not([data-state=opening]) .stage{top:48%;transform:translate(-50%,-25%) scale(.78)}body:not([data-state=sealed]):not([data-state=opening]) .reveal-copy{opacity:1;transform:translateY(0)}body[data-state=reveal] .stage{transform:translate(-50%,-20%) scale(.9)!important}body[data-state=expired] .stage{filter:grayscale(1);opacity:.4}body[data-state=expired] .eyebrow{color:#92988b}body[data-state=accepted] .stage{opacity:.8}body[data-state=accepted] .deadline time{font-size:14px;color:var(--lime);letter-spacing:3px}body[data-state=playing] .holo-plane{border-color:#d6ff3f77}dialog{background:#0b0d0b;color:var(--ink);border:1px solid #343b2c;border-radius:9px;width:min(380px,calc(100% - 24px));padding:16px;max-height:94svh;overflow:auto;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dialog-top p{font-size:8px}.dialog-top .icon-button{width:36px;height:36px}#story-preview{display:block;max-height:56svh;max-width:100%;margin:0 auto 16px;border:1px solid #ffffff10;object-fit:contain}dialog .text-button{display:block;margin:auto}dialog .hint{text-align:center;font-size:10px}#transcript{max-height:100px;overflow:auto;text-align:left;font-size:11px;margin-top:7px;color:var(--muted)}.noscript{position:fixed;inset:0;z-index:100;background:#06060a;display:grid;place-items:center;padding:40px}
.experience{overflow-x:clip}.lid{background:linear-gradient(125deg,#383b37 0%,#252823 18%,#191c18 49%,#10130f 83%,#292d26 100%)}.lid-right{background:linear-gradient(125deg,#2b2e28,#191c17 42%,#11140f 75%,#242820)}.front{background:linear-gradient(#292d26,#191c17 17%,#0c0f0b 87%,#23271e)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes breathe{0%,100%{opacity:.45}50%{opacity:1}}@keyframes plane{to{transform:rotateX(60deg) rotateZ(405deg)}}
@media(min-width:1000px){.experience:before,.experience:after{content:'';position:absolute;top:120px;bottom:115px;width:1px;background:linear-gradient(transparent,#ffffff0c,transparent);left:24%}.experience:after{left:76%}.opening-copy{top:70px}.stage{top:47%}header{padding:0 14px}.controls{bottom:18px}.topline{top:25px}}
@media(max-width:600px){.experience{padding:19px 23px max(18px,env(safe-area-inset-bottom));min-height:680px}header{height:36px}.wordmark{font-size:21px;gap:9px}.wordmark small{font-size:7px}.header-right{gap:11px}.icon-button{width:39px;height:39px}.topline{top:28px;gap:11px;font-size:8px}.opening-copy{top:82px}h1{font-size:50px;letter-spacing:-2.5px}.eyebrow{font-size:8px;letter-spacing:2.5px;margin-bottom:14px}.personal-line{font-size:11px;margin-top:15px}.stage{top:49%;transform:translate(-50%,-26%) scale(.82)}.controls{bottom:12px;max-width:310px}.touch-label{font-size:9px;letter-spacing:2px}.hint{font-size:10px}.deadline{padding:15px 0 21px}.deadline time{font-size:22px;margin-top:8px}.deadline-date{font-size:7px}.footer-line{padding-top:17px}.footer-line .micro{font-size:6px;letter-spacing:1px}.reveal-copy{top:81px}.reveal-copy h2{font-size:41px;letter-spacing:-1.7px}.reveal-copy>p:last-child{font-size:9px}body:not([data-state=sealed]):not([data-state=opening]) .stage{top:41%;transform:translate(-50%,-12%) scale(.67)}body[data-state=reveal] .stage{transform:translate(-50%,-12%) scale(.76)!important}.invitation-line{font-size:17px}.primary-button{font-size:10px}#preview-label{font-size:7px}}
@media(max-height:740px){.experience{min-height:620px;padding-top:14px;padding-bottom:12px}.opening-copy{top:59px}h1{font-size:43px}.topline{top:16px}.eyebrow{margin-bottom:10px}.personal-line{margin-top:11px}.stage{top:44%;transform:translate(-50%,-17%) scale(.72)}.deadline{padding:10px 0 13px}.deadline time{font-size:19px;margin-top:5px}.footer-line{padding-top:12px}.controls{bottom:6px}.reveal-copy{top:61px}.reveal-copy h2{font-size:34px}body:not([data-state=sealed]):not([data-state=opening]) .stage{top:35%;transform:translate(-50%,-2%) scale(.53)}body[data-state=reveal] .stage{transform:translate(-50%,-5%) scale(.68)!important}.invitation-line{font-size:15px;margin-bottom:12px}.primary-button{min-height:47px;padding:12px}.accepted-line{margin-bottom:12px}}
@media(max-width:350px){.experience{padding-left:18px;padding-right:18px}.controls{max-width:280px}h1{font-size:41px}.micro{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.artifact-tilt{transform:none!important}.grain{display:none}}
.caption-label{margin:0 0 11px;color:var(--lime);font-size:8px}.audio-caption{min-height:48px;max-width:340px;margin:0 auto;color:var(--ink);font-size:13px;line-height:1.5;text-wrap:balance}.audio-caption:empty{visibility:hidden}
body[data-state=sealed] .projector{pointer-events:none;visibility:hidden}
.projector{--voice:0;pointer-events:auto}.voice-orb{position:absolute;left:50%;top:39%;width:108px;height:108px;border-radius:50%;transform:translate(-50%,-50%) scale(calc(1 + var(--voice)*.38));background:radial-gradient(circle at 40% 34%,#f9ffe5c9 0%,#d6ff3f99 13%,#bcf44545 34%,#a4cc2818 55%,transparent 72%);box-shadow:0 0 calc(20px + var(--voice)*45px) #d6ff3f30;filter:brightness(calc(1 + var(--voice)*1.4));opacity:calc(.65 + var(--voice)*.35);pointer-events:none}.projector .audio-caption{position:absolute;left:50%;top:calc(39% + 18px);transform:translateX(-50%);width:290px;max-width:290px;min-height:60px;height:60px;overflow:hidden;margin:0;font-size:22px;line-height:30px;text-align:center;text-wrap:balance;text-shadow:0 0 12px #d6ff3f55,0 2px 7px #000;background:radial-gradient(ellipse,#050b04b8,transparent 75%);pointer-events:none}.voice-open .projector{transition-duration:.25s}.voice-open .lid{transition-duration:.85s}.voice-open .seal{transition-duration:.4s}.voice-open .stage{transition-duration:.7s}.voice-open .reveal-copy{transition-duration:.3s}.voice-open .caption-label{color:#a6ad9d;letter-spacing:1px;font-size:8px}.voice-open #hologram{filter:brightness(calc(1 + var(--voice)*1.8))}