@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=Fredoka:wght@500;600;700&family=Noto+Serif+SC:wght@400&display=swap";:root{--cream:#fff8e9;--ink:#241811;--pink:#ff6f91;--lime:#c9ee38;--line:#2c2019}*{box-sizing:border-box}html,body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Mono,monospace}button{font:inherit;color:inherit}.experience{background:#fff8e9 radial-gradient(#ef8f6a55 1px,#0000 1px) 0 0/22px 22px;width:100vw;height:100svh;min-height:680px;position:relative;overflow:hidden}.topbar{z-index:40;border-bottom:2px solid var(--line);background:#fff8e9;justify-content:space-between;align-items:center;height:70px;padding:0 3vw;display:flex;position:fixed;inset:0 0 auto}.wordmark,.archive{cursor:pointer;background:0 0;border:0}.wordmark{font:700 27px Fredoka;transform:rotate(-2deg)}.wordmark em{letter-spacing:.1em;background:var(--pink);color:#fff;border:1px solid var(--line);border-radius:99px;margin-left:5px;padding:4px 8px;font:400 9px DM Mono}.top-center{letter-spacing:.1em;font:600 10px Fredoka}.archive{align-items:center;gap:9px;font-size:8px;display:flex}.archive b{font:700 13px Fredoka}.archive i{border:2px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.archive i.lit{background:var(--lime);box-shadow:3px 3px 0 var(--line)}.home{height:100%;padding-top:70px;position:relative}.home-intro{width:29vw;position:absolute;top:15%;left:3.5vw}.home-intro>p{background:var(--lime);border:2px solid var(--line);letter-spacing:.15em;box-shadow:3px 3px 0 var(--line);border-radius:99px;padding:6px 10px;font-size:7px;display:inline-block;transform:rotate(-2deg)}.home-intro h1{letter-spacing:-.065em;text-transform:uppercase;margin:23px 0;font:700 clamp(55px,6.3vw,100px)/.78 Fredoka}.home-intro>span{font:500 15px Fredoka}.home-intro>b{letter-spacing:.14em;margin-top:30px;font-size:7px;display:block;transform:rotate(2deg)}.box-grid{grid-template-columns:repeat(4,1fr);align-items:end;gap:1.1vw;width:63vw;height:66%;display:grid;position:absolute;top:13%;right:3vw}.mini-box{cursor:pointer;background:0 0;border:0;height:83%;padding:0 0 50px;transition:all .35s cubic-bezier(.18,.9,.32,1.35);position:relative}.mini-box:nth-child(2n){transform:translateY(-22px)rotate(1.5deg)}.mini-box:nth-child(odd){transform:rotate(-1.5deg)}.mini-box:hover,.mini-box.selected{transform:translateY(-48px)rotate(0)scale(1.07)!important}.mini-box img{object-fit:cover;border:2px solid var(--line);width:100%;height:100%;box-shadow:8px 9px 0 var(--line);border-radius:12px;transition:all .3s}.mini-box.selected img{box-shadow:10px 13px 0 var(--accent);outline:3px solid var(--line)}.box-foot{border:2px solid var(--line);text-align:left;height:49px;box-shadow:4px 4px 0 var(--line);background:#fff;border-radius:9px;grid-template-columns:31px 1fr;align-items:center;padding:6px;display:grid;position:absolute;bottom:3px;left:7px;right:-7px}.box-foot i{background:var(--accent);border:1px solid var(--line);border-radius:50%;grid-row:1/3;place-items:center;width:25px;height:25px;font:700 10px Fredoka;display:grid}.box-foot b{font:700 12px Fredoka}.box-foot em{letter-spacing:.13em;font-size:5px;font-style:normal}.kept-mark{background:var(--lime);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);border-radius:6px;padding:6px 8px;font:700 8px Fredoka;position:absolute;top:8px;right:-5px;transform:rotate(5deg)}.selection{border:2px solid var(--line);width:28vw;box-shadow:6px 6px 0 var(--line);background:#fff;border-radius:12px;grid-template-columns:70px 1fr;align-items:center;padding:12px;display:grid;position:absolute;bottom:11%;left:3.5vw}.selection>span{letter-spacing:.15em;font-size:6px}.selection>b{font:700 16px Fredoka}.selection>button{border:2px solid var(--line);background:var(--accent);cursor:pointer;box-shadow:3px 3px 0 var(--line);border-radius:8px;grid-column:1/3;margin-top:10px;padding:11px;font:700 12px Fredoka}.selection>button:hover{box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.selection i{float:right;font-style:normal}.home-note{font:500 12px Fredoka;position:absolute;bottom:2%;right:3vw}.open-transition{z-index:35;background:var(--accent);place-items:center;animation:2.4s forwards flashOut;display:grid;position:fixed;inset:0;overflow:hidden}.pop-rays{background:repeating-conic-gradient(#fff6 0 7deg,transparent 7deg 15deg);width:110vmax;height:110vmax;animation:7s linear infinite spin;position:absolute}.opening-box{z-index:2;width:260px;height:320px;animation:2.25s cubic-bezier(.17,.9,.25,1.2) forwards boxPop;position:relative}.opening-box img{object-fit:cover;border:3px solid var(--line);width:100%;height:100%;box-shadow:14px 16px 0 var(--line);border-radius:16px}.opening-box i{border:3px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:75px;height:75px;font:700 18px Fredoka;display:grid;position:absolute;top:18px;right:-50px;transform:rotate(12deg)}.open-transition p{z-index:3;border:2px solid var(--line);letter-spacing:.1em;background:#fff;border-radius:99px;padding:9px 18px;font:700 10px Fredoka;position:absolute;bottom:7%}.burst{z-index:3;font:700 35px Fredoka;animation:1.5s .5s both burst;position:absolute}.b1{top:25%;left:18%}.b2{top:20%;right:18%}.b3{background:var(--lime);border:2px solid var(--line);padding:9px;bottom:25%;right:15%;transform:rotate(9deg)}.moment{z-index:30;background:#18120ff0;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.moment-backdrop{filter:blur(30px)saturate(1.35);opacity:.35;background-position:50%;background-size:cover;position:absolute;inset:-8%}.close-card{z-index:5;color:#fff;cursor:pointer;background:#211711;border:2px solid #fff;border-radius:50%;width:42px;height:42px;font:30px/1 Fredoka;position:absolute;top:3vh;right:3vw}.moment-card{border:4px solid var(--line);width:min(1180px,82vw);height:min(72vh,720px);box-shadow:18px 20px 0 var(--accent);background:#fff;border-radius:24px;padding:16px;animation:.7s cubic-bezier(.16,.9,.3,1.25) cardPop;position:relative;transform:rotate(-1deg)}.moment-card>video{object-fit:cover;border:3px solid var(--line);border-radius:14px;width:100%;height:100%}.cinema-vignette{pointer-events:none;background:linear-gradient(90deg,#0000 45%,#130d0999),linear-gradient(#0000 55%,#100b07aa);border-radius:14px;position:absolute;inset:16px}.card-sticker,.new-sticker{z-index:6;border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);font:700 12px Fredoka;position:absolute}.card-sticker{background:var(--lime);padding:9px 13px;top:25px;left:-25px;transform:rotate(-8deg)}.new-sticker{background:var(--pink);color:#fff;text-align:center;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;top:35px;right:-32px;transform:rotate(10deg)}.moment-index{color:#fff;z-index:3;align-items:center;gap:12px;display:flex;position:absolute;top:9%;left:4%}.moment-index span{font:700 28px Fredoka}.moment-index i{background:var(--accent);width:40px;height:2px}.moment-index b{letter-spacing:.2em;font:700 9px Fredoka}.sound{z-index:5;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:99px;padding:7px 10px;font-size:6px;position:absolute;top:6%;right:4%}.moment-copy{color:#fff;text-align:right;z-index:3;text-shadow:2px 2px #21150f;font:600 clamp(30px,3.4vw,55px)/.93 Fredoka;position:absolute;top:35%;right:5%}.moment-copy p{margin:0}.moment-copy p+p{color:var(--accent)}.video-line{z-index:3;color:#fff;align-items:center;gap:13px;display:flex;position:absolute;bottom:5%;left:4%;right:4%}.video-line i{background:var(--accent);flex:1;height:3px;animation:12s linear progress}.video-line span{font-size:6px}.unlock-panel{z-index:8;text-align:right;color:#fff;position:absolute;bottom:10%;right:4%}.unlock-panel p{font:700 12px Fredoka}.unlock-panel button{border:2px solid var(--line);background:var(--lime);box-shadow:4px 4px 0 var(--line);cursor:pointer;border-radius:9px;padding:13px 17px;font:700 10px Fredoka}.unlock-panel .replay{background:#fff;margin:10px 0 0 auto;padding:6px 10px;display:block}.shutter{z-index:20;background:#fff;place-items:center;animation:.8s forwards shutter;display:grid;position:absolute;inset:0}.particles{pointer-events:none;position:absolute;inset:0}.particles i{left:calc(5% + var(--i)*7%);top:calc(13% + var(--i)*8%);background:var(--accent);border:1px solid var(--line);width:5px;height:5px;animation:particle calc(2s + var(--i)*.2s) infinite;position:absolute}.card-scene{z-index:35;background:#f6efdf;background-image:radial-gradient(var(--accent) 1.5px,transparent 1.5px);perspective:1300px;background-size:28px 28px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-scene-label{background:var(--lime);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);border-radius:99px;padding:7px 13px;font:700 9px Fredoka;position:absolute;top:8%}.memory-card{aspect-ratio:2/3;width:min(300px,66vw);transform-style:preserve-3d;cursor:pointer;background:0 0;border:0;padding:0;animation:1.8s forwards cardReveal;position:relative}.card-front,.card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid var(--line);box-shadow:12px 14px 0 var(--accent);border-radius:16px;position:absolute;inset:0;overflow:hidden}.card-front{text-align:left;background:#fff;flex-direction:column;padding:10px;display:flex}.card-front video{object-fit:cover;border:2px solid var(--line);border-radius:10px;width:100%;height:68%}.card-front>span{margin-top:8px;font-size:7px}.card-front b{font:700 31px Fredoka}.card-front i{color:var(--accent);font:500 11px Fredoka}.card-back{background:#fff4c9;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;transform:rotateY(180deg)}.card-back:before{content:"";border:2px dashed var(--line);border-radius:10px;position:absolute;inset:10px}.card-back em{color:var(--accent);font-size:25px}.card-back small{margin:8px 0 25px;font-size:6px}.card-back b{font:700 27px Fredoka}.card-back p{text-align:center;font:400 14px/2 Noto Serif SC}.card-back>span{background:var(--lime);border:1px solid var(--line);padding:7px;font:700 7px Fredoka}.card-back i{font:500 11px Fredoka;position:absolute;bottom:22px}.archive-cta{border:2px solid var(--line);background:var(--pink);color:#fff;box-shadow:4px 4px 0 var(--line);cursor:pointer;border-radius:9px;padding:12px 18px;font:700 10px Fredoka;position:absolute;bottom:5%}.fly-away{animation:.9s forwards flyAway!important}.grain{z-index:60;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-70%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes boxPop{0%{opacity:0;transform:scale(.2)rotate(-20deg)}35%{opacity:1;transform:scale(1)rotate(4deg)}68%{transform:scale(1.15)rotate(-5deg)}to{opacity:0;transform:scale(2.4)rotate(12deg)}}@keyframes burst{0%{transform:scale(0)}to{transform:scale(1.4)rotate(14deg)}}@keyframes flashOut{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes cardPop{0%{transform:scale(.2)translateY(50vh)rotate(12deg)}to{transform:scale(1)rotate(-1deg)}}@keyframes progress{0%{flex-grow:0}to{flex-grow:1}}@keyframes particle{50%{opacity:.7;transform:translateY(-60px)rotate(180deg)}to{opacity:0}}@keyframes shutter{0%{opacity:0}20%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes cardReveal{0%{opacity:0;transform:scale(2)}50%{opacity:1;transform:scale(1)rotateY(0)}to{transform:rotateY(180deg)}}@keyframes flyAway{to{opacity:0;transform:translate(48vw,-48vh)scale(.08)}}@media (max-width:820px){.experience{height:auto;min-height:100svh;overflow-y:auto}.topbar{height:58px;padding:0 15px}.top-center,.wordmark em,.archive span{display:none}.home{min-height:1450px;padding:80px 15px 130px}.home-intro{width:100%;position:relative;top:auto;left:auto}.home-intro h1{font-size:57px}.home-intro>b{display:none}.box-grid{grid-template-columns:repeat(2,1fr);gap:42px 14px;width:100%;height:auto;margin-top:55px;position:relative;top:auto;right:auto}.mini-box{height:330px}.mini-box:nth-child(n){transform:none}.mini-box:hover,.mini-box.selected{transform:translateY(-12px)scale(1.03)!important}.selection{width:100%;margin-top:45px;position:relative;bottom:auto;left:auto}.home-note{right:15px}.moment-card{width:92vw;height:72vh;box-shadow:9px 10px 0 var(--accent);border-radius:16px;padding:8px}.moment-card>video{border-radius:10px}.moment-index{top:6%;left:5%}.moment-copy{font-size:34px;top:auto;bottom:24%;right:5%}.new-sticker{top:-30px;right:-8px}.card-sticker{top:-25px;left:-5px}.sound{top:4%;right:3%}.close-card{top:10px;right:10px}.unlock-panel{bottom:7%}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important}}.experience{--cream:#f3e4cc;--ink:#18233a;--pink:#c68c8d;--lime:#d4a24e;--line:#17243b;color:var(--ink);background-image:radial-gradient(#b38a5b42 1px,#0000 1px),radial-gradient(circle at 55% 20%,#fff5e5,#ead5b5 70%);background-size:22px 22px,100% 100%}.topbar{background:#f5e7d1}.wordmark em{color:#f7dcae;background:#18233a}.archive i.lit{background:#d4a24e}.home-intro h1 i{color:#d09b49}.mini-box img{object-position:center;filter:none}.mini-box:nth-child(2) img{filter:sepia(.06)brightness(1.04)}.mini-box:nth-child(3) img{filter:brightness(.9)saturate(.88)}.mini-box:nth-child(4) img{filter:sepia(.08)hue-rotate(330deg)}.box-foot{background:#fff6e7}.opening-box:before{content:"";z-index:5;filter:drop-shadow(0 2px #17243b);border-top:4px dashed #fff;animation:.75s .4s both tearLine;position:absolute;top:18%;left:-12px;right:-12px}.opening-box:after{content:"";z-index:4;transform-origin:bottom;background:#19243c;border:3px solid #17243b;height:24%;animation:1s .85s both lidOpen;position:absolute;top:-4%;left:-4%;right:-4%}.opening-box i{z-index:7}.opening-box img{object-position:center}.pop-rays{background:repeating-conic-gradient(#fff8 0 4deg,transparent 4deg 11deg)}@keyframes tearLine{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes lidOpen{0%{transform:none}to{opacity:.2;transform:perspective(400px)rotateX(130deg)translateY(-28px)}}.experience{color:#f8e8c7;background-color:#101a31;background-image:radial-gradient(circle at 50% 32%,#2b3b62 0,#0000 42%),radial-gradient(#e7c07899 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:100% 100%,34px 34px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.home:before,.home:after{content:"✦";color:#efd18e;text-shadow:0 0 18px #efc670;animation:3.4s ease-in-out infinite magicFloat;position:absolute}.home:before{font-size:26px;top:18%;left:31%}.home:after{font-size:17px;animation-delay:-1.7s;bottom:8%;right:2%}.topbar{color:#f5dfb7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111c34e8;border-color:#c69a52}.wordmark em{color:#111c34;background:#d0a65e;border-color:#d0a65e}.archive i{background:#15213d;border-color:#c69a52}.home-intro>p{color:#111c34;background:#d0a65e;border-color:#f1d393;box-shadow:0 0 25px #deb96f66}.home-intro h1{letter-spacing:-.04em;text-transform:none;font-family:Noto Serif SC,serif;line-height:.95}.home-intro h1 i{color:#f0c978;text-shadow:0 0 25px #e6b75f99;-webkit-text-stroke:0;font-style:normal}.home-intro>span{color:#e9d7b6;font-family:Noto Serif SC,serif;line-height:1.9}.home-intro>b{color:#cdb17e}.mini-box img{border-color:#d0a65e;box-shadow:0 16px 42px #050b18,0 0 0 1px #d0a65e}.box-foot{color:#f4dfb8;background:#18243f;border-color:#c69a52;box-shadow:0 6px 20px #050b18}.box-foot i{color:#101a31;border-color:#f1d59c}.box-foot b{font-family:Noto Serif SC,serif}.kept-mark{color:#101a31;background:#d0a65e;border-color:#f2d69e;box-shadow:0 0 20px #e4bd6a}.home-note{color:#ceb991;font-family:Noto Serif SC,serif}.open-transition{background:radial-gradient(circle,#f4d894 0,#d5a34e 25%,#26395f 68%,#101a31 100%)}.open-transition p{color:#f6dfb2;background:#101a31;border-color:#e5bd70;font-family:Noto Serif SC,serif}.burst{color:#f8dda4;text-shadow:0 0 20px #edbd5a}.b3{background:#101a31;border-color:#e3bd72}.moment{background:#070d1b}.moment-backdrop{opacity:.18;filter:blur(45px)saturate(.8)}.moment-card{width:min(1180px,88vw);height:min(82vh,820px);box-shadow:0 0 0 1px #fff2cf44,0 24px 80px #02050a,0 0 38px var(--accent);background:#080d18;border-color:#d4aa63;padding:16px 16px 112px;transform:none}.moment-card>video{object-fit:contain;background:#05070c;border-color:#8e754b}.cinema-vignette{display:none}.moment-index{top:23px}.moment-copy{text-align:left;text-shadow:none;font:400 clamp(18px,2vw,29px)/1.4 Noto Serif SC,serif;inset:auto auto 30px 5%}.moment-copy p{display:inline}.moment-copy p+p{color:var(--accent);margin-left:.6em}.video-line{bottom:12px;left:55%;right:4%}.sound{color:#f0d6a6;background:#111a2e;border-color:#b89251;top:22px}.new-sticker{color:#f4d89e;background:#15213d;border-color:#e1b967;font-family:Noto Serif SC,serif;box-shadow:0 0 22px #e2b86466}.card-sticker{color:#111a2f;background:#d4aa63;border-color:#f0d292}.unlock-panel{bottom:24px}.unlock-panel p{font-family:Noto Serif SC,serif}.unlock-panel button{color:#101a31;background:#d5ae69;border-color:#f0d398;font-family:Noto Serif SC,serif;box-shadow:0 0 18px #dcb26466}.unlock-panel .replay{color:#f0d7a8;background:0 0;border-color:#8f754c}.card-scene{color:#f2ddb8;background-color:#111b32;background-image:radial-gradient(#d8b16688 1px,#0000 1px),radial-gradient(circle,#263859,#111b32);background-position:0 0;background-repeat:repeat;background-size:30px 30px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.card-scene-label{color:#111b32;background:#d1a85f;border-color:#f0d396;font-family:Noto Serif SC,serif}.card-back{color:#16213a;background:#f1e1bf}.card-back b,.card-back p,.card-back>span{font-family:Noto Serif SC,serif}.archive-cta{color:#111b32;background:#d1a85f;border-color:#f0d396;font-family:Noto Serif SC,serif}.card-front video{object-fit:contain;background:#070b12}.card-front b,.card-front i{font-family:Noto Serif SC,serif}.close-card{background:#111b32;border-color:#d7af68}.particles i{background:#f1ca7a;border:0;border-radius:50%;box-shadow:0 0 12px #efc267}@keyframes magicFloat{50%{opacity:.55;transform:translateY(-16px)rotate(18deg)}}@media (max-width:820px){.home{min-height:1450px}.home-intro h1{font-size:50px}.moment-card{width:94vw;height:78vh;padding:8px 8px 105px}.moment-copy{font-size:17px;bottom:48px;left:18px;right:18px}.video-line{bottom:17px;left:18px;right:18px}.unlock-panel{bottom:28px;right:16px}.unlock-panel p{display:none}}.mini-box img{object-fit:contain;box-shadow:0 18px 45px #030816,0 0 28px color-mix(in srgb,var(--accent) 32%,transparent);background:0 0;border-color:#0000}.mini-box:hover img{box-shadow:0 24px 62px #030816,0 0 40px color-mix(in srgb,var(--accent) 58%,transparent)}.opening-box img{object-fit:contain;box-shadow:none;background:0 0;border:0}.home-return{z-index:7;color:#f4ddb0;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111b32e8;border:1px solid #d7af68;border-radius:999px;align-items:center;gap:9px;padding:10px 16px;font:500 13px Noto Serif SC,serif;transition:transform .22s,background .22s,box-shadow .22s;display:flex;position:absolute;top:88px;left:3vw;box-shadow:0 8px 30px #02050a88}.home-return span{font:20px/1 system-ui}.home-return:hover{background:#243352;transform:translate(-3px);box-shadow:0 8px 34px #d5ad6355}.home-return:focus-visible{outline-offset:3px;outline:2px solid #f2d18f}@media (max-width:820px){.home-return{padding:9px 13px;font-size:12px;top:70px;left:12px}.mini-box img{box-shadow:0 14px 34px #030816,0 0 20px color-mix(in srgb,var(--accent) 30%,transparent)}}.music-toggle{color:#f2d7a4;cursor:pointer;letter-spacing:.05em;background:#17233e;border:1px solid #c69a52;border-radius:999px;align-items:center;gap:7px;margin-left:auto;margin-right:12px;padding:7px 11px;font:500 10px Noto Serif SC,serif;transition:all .2s;display:flex}.music-toggle i{color:#f1c976;text-shadow:0 0 9px #e9bd63;font:16px/1 Georgia,serif}.music-toggle:not(.muted) i{animation:1.8s ease-in-out infinite musicPulse}.music-toggle:hover{background:#243454;transform:translateY(-1px)}.music-toggle:focus-visible{outline-offset:2px;outline:2px solid #f2d18f}.music-toggle.muted{opacity:.7}@keyframes musicPulse{50%{text-shadow:0 0 16px #ffd881;transform:scale(1.15)}}@media (max-width:820px){.music-toggle{margin-left:auto;margin-right:8px;padding:7px 9px}.music-toggle span{display:none}.music-toggle i{font-size:17px}}