@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Gloria+Hallelujah&family=Gaegu:wght@400;700&display=swap";:root{--pink: #ff4fd8;--hot: #ff2e88;--lime: #b6ff3c;--cyan: #2ee6ff;--yellow: #ffe600;--purple: #9b5cff;--orange: #ff8a3c;--ink: #21123a;--metal-1: #e9edf2;--metal-2: #cdd6e0;--metal-3: #aab6c4;--paper-yellow: #fff7a8;--paper-pink: #ffd1ec;--paper-blue: #c9ecff;--paper-green: #d6ffc9;--paper-white: #fffdf3;--font-pixel: "Press Start 2P", monospace;--font-screen: "VT323", monospace;--font-hand: "Gloria Hallelujah", "Comic Sans MS", cursive;--font-hand2: "Gaegu", "Comic Sans MS", cursive;--shadow-pop: 4px 4px 0 rgba(33, 18, 58, .35)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;min-height:100%}body{font-family:var(--font-hand2);color:var(--ink);overflow:hidden;background:#2a1a4a;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.4) 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.45) 0 1px,transparent 2px),radial-gradient(circle at 85% 20%,rgba(255,255,255,.5) 0 1px,transparent 2px),linear-gradient(135deg,#3a1d6e,#7a1f7a,#1f3f7a);background-size:140px 140px,200px 200px,170px 170px,220px 220px,100% 100%;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ctext y='22' font-size='22'%3E%E2%9C%A8%3C/text%3E%3C/svg%3E") 4 4,auto}.blink{animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.rainbow-text{background:linear-gradient(90deg,var(--hot),var(--orange),var(--yellow),var(--lime),var(--cyan),var(--purple),var(--hot));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow 6s linear infinite}@keyframes rainbow{to{background-position:200% center}}.wobble{animation:wobble 4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}button{font-family:inherit}a{color:var(--purple)}@media (prefers-reduced-motion: reduce){.blink,.rainbow-text,.wobble,.magnet,.fridge-door,.sparkle{animation:none!important}html{scroll-behavior:auto}}.stage{position:fixed;top:12px;right:12px;bottom:12px;left:12px;border-radius:26px;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 4px),linear-gradient(180deg,#f4f6f9,#dde4ec 45%,#c7d1dc);border:6px solid #b7c0cc;box-shadow:inset 0 0 0 3px #fff,inset 0 22px 60px #ffffffb3,inset 0 -30px 80px #78879680,0 30px 80px #00000080}.fridge-surface{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.stage-spacer{position:relative;width:1px;pointer-events:none}.stage:before{content:"";position:absolute;left:24px;top:18%;height:64%;width:14px;border-radius:8px;background:linear-gradient(90deg,#9aa6b4,#eef2f6,#9aa6b4);box-shadow:0 6px 16px #00000059;z-index:2}.fridge-top{position:absolute;top:10px;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding:6px 26px 6px 60px;z-index:5;pointer-events:none}.fridge-top>*{pointer-events:auto}.fridge-badge{position:absolute;left:50%;top:8px;transform:translate(-50%);padding:8px 22px;border-radius:12px;background:linear-gradient(180deg,#d4dbe3,#aab4c0);box-shadow:inset 0 1px 1px #ffffffe6,inset 0 -2px 4px #4655648c,inset 0 2px 6px #46556459,0 1px #fff9}.fridge-logo{display:block;height:clamp(28px,5vw,52px);image-rendering:auto;filter:grayscale(.55) contrast(.92) brightness(1.02) drop-shadow(0 1px 0 rgba(255,255,255,.85)) drop-shadow(0 -1px 0 rgba(40,55,70,.55));opacity:.92}.fridge-top-right{display:flex;align-items:center;gap:14px}.tidy-btn{background:var(--lime);border:3px solid var(--ink);border-radius:999px;padding:6px 12px;font-family:var(--font-hand2);font-weight:700;cursor:pointer;box-shadow:var(--shadow-pop)}.tidy-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #21123a59}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.intro-note{position:absolute;left:36%;top:40%;width:120px;height:92px;border-radius:3px;box-shadow:var(--shadow-pop);animation:introDrag 3.4s ease-in-out forwards}.intro-cursor{position:absolute;left:36%;top:40%;font-size:26px;color:#1b1b1b;text-shadow:0 1px 2px rgba(255,255,255,.85);animation:introCursor 3.4s ease-in-out forwards}@keyframes introDrag{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}22%{transform:translate(0) scale(.93)}70%{transform:translate(230px,120px) scale(.93)}84%{transform:translate(230px,120px) scale(1)}to{transform:translate(230px,120px) scale(1);opacity:0}}@keyframes introCursor{0%{transform:translate(22px,12px) rotate(-14deg);opacity:0}10%{opacity:1}22%{transform:translate(22px,12px) rotate(-14deg) scale(.82)}70%{transform:translate(252px,132px) rotate(-14deg) scale(.82)}84%{transform:translate(252px,132px) rotate(-14deg) scale(1)}to{transform:translate(252px,132px) rotate(-14deg);opacity:0}}.counter{display:flex;flex-direction:column;align-items:center;background:#120a22;border:3px solid var(--cyan);border-radius:8px;padding:3px 8px 5px;box-shadow:0 0 12px #2ee6ff99}.counter-label{font-family:var(--font-screen);font-size:13px;color:var(--cyan);letter-spacing:1px;line-height:1}.counter-digits{display:flex;gap:2px;margin-top:2px}.counter-d{font-family:var(--font-pixel);font-size:14px;color:#1aff5c;background:#021600;padding:3px;border-radius:2px;text-shadow:0 0 6px #1aff5c}.note{position:absolute;top:0;left:0;padding:18px 16px 14px;font-family:var(--font-hand2);color:var(--ink);box-shadow:var(--shadow-pop);-webkit-user-select:none;user-select:none;will-change:transform;border-radius:2px;touch-action:none}.note:after{content:"";position:absolute;right:0;bottom:0;border-width:0 0 18px 18px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.12) transparent}.paper-yellow{background:var(--paper-yellow)}.paper-pink{background:var(--paper-pink)}.paper-blue{background:var(--paper-blue)}.paper-green{background:var(--paper-green)}.paper-white{background:var(--paper-white)}.note-magnet{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--hot) 60%,#a3005f);box-shadow:0 3px 6px #0006}.note-title{margin:2px 0 8px;font-family:var(--font-hand);font-size:17px;text-align:center}.note-body{margin:0 0 8px;font-size:15px;line-height:1.35}.note-links{list-style:none;margin:6px 0 0;padding:0;font-size:14px}.note-links a{color:var(--hot);font-weight:700;text-decoration:none}.note-links a:hover{text-decoration:underline}.note-btn{margin-top:6px;background:var(--cyan);border:2px solid var(--ink);border-radius:6px;padding:4px 10px;font-family:var(--font-hand2);font-weight:700;cursor:pointer}.magnet{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:3px solid var(--ink);border-radius:999px;font-family:var(--font-hand2);font-weight:700;font-size:15px;color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;box-shadow:var(--shadow-pop);will-change:transform;touch-action:none}.magnet-glyph{font-size:18px}.magnet-yellow{background:var(--yellow)}.magnet-pink{background:var(--pink);color:#fff}.magnet-blue{background:var(--cyan)}.magnet-green{background:var(--lime)}.magnet-white{background:#fff}.magnet-rainbow{background:linear-gradient(90deg,var(--hot),var(--yellow),var(--lime),var(--cyan),var(--purple));background-size:200% auto;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4);animation:rainbow 5s linear infinite}.magnet:active{cursor:grabbing}.polaroid{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:132px;padding:8px 8px 6px;background:#fffdf7;border:1px solid #e7e2d4;border-radius:3px;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-pop);will-change:transform;touch-action:none}.polaroid-pin{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--cyan) 60%,#0b7e92);box-shadow:0 3px 6px #0006;z-index:1}.polaroid-img{width:116px;height:92px;object-fit:cover;background:#ddd;pointer-events:none}.polaroid-cap{margin-top:5px;font-family:var(--font-hand);font-size:12px;text-align:center;color:var(--ink);line-height:1.05}.polaroid-count{font-family:var(--font-hand2);font-size:11px;color:var(--hot)}.taped{position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;will-change:transform}.taped:before,.taped:after{content:"";position:absolute;top:-12px;width:64px;height:24px;background:#b4ebf599;border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 3px #00000038;z-index:2}.taped:before{left:8px;transform:rotate(-24deg)}.taped:after{right:8px;transform:rotate(24deg);background:#ffd2eb99}.taped-photo{margin:0;padding:12px 12px 10px;background:#fffdf7;border:1px solid #e7e2d4;border-radius:3px;box-shadow:var(--shadow-pop)}.taped-photo img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#ddd;pointer-events:none}.taped-about{padding:18px 16px 16px;font-family:var(--font-hand2);color:var(--ink);box-shadow:var(--shadow-pop);border-radius:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#140828b8;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:relative;max-width:min(720px,94vw);max-height:88vh;overflow:auto;background:var(--paper-white);border:5px solid var(--ink);border-radius:10px;box-shadow:0 20px 60px #0009;padding:26px 24px}.modal-close,.lb-close{position:absolute;top:8px;right:10px;width:34px;height:34px;border-radius:50%;border:3px solid var(--ink);background:var(--hot);color:#fff;font-weight:700;cursor:pointer;z-index:2}.cv-modal{background:#fffef8}.cv-doc-title{font-family:var(--font-pixel);font-size:18px;color:var(--hot);text-align:center;margin:0 0 16px}.cv-h{font-family:var(--font-hand);font-size:17px;margin:18px 0 6px;color:var(--purple);border-bottom:2px dashed var(--purple);text-transform:uppercase}.cv-p{margin:0 0 8px;font-size:14px;line-height:1.4;font-family:var(--font-hand2)}.gb-title{font-family:var(--font-pixel);font-size:18px;text-align:center;margin:0 0 2px}.gb-sub{text-align:center;margin:0 0 14px;font-family:var(--font-hand);color:var(--purple)}.gb-form{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.gb-input,.gb-textarea{font-family:var(--font-hand2);font-size:15px;padding:8px 10px;border:3px solid var(--ink);border-radius:6px;background:#fff;resize:vertical}.gb-submit{align-self:flex-start;background:var(--lime);border:3px solid var(--ink);border-radius:999px;padding:8px 16px;font-family:var(--font-hand2);font-weight:700;cursor:pointer;box-shadow:var(--shadow-pop)}.gb-submit:disabled{opacity:.6;cursor:wait}.gb-err{color:#c1003f;font-weight:700;margin:2px 0 0}.gb-ok{color:#008a2e;font-weight:700;margin:2px 0 0}.gb-list{display:flex;flex-direction:column;gap:12px}.gb-loading{text-align:center;color:#777}.gb-entry{position:relative;background:var(--paper-yellow);border-radius:3px;padding:14px 14px 8px;box-shadow:3px 3px #0000002e;transform:rotate(-1deg)}.gb-entry:nth-child(2n){background:var(--paper-blue);transform:rotate(1deg)}.gb-entry-magnet{position:absolute;top:-9px;left:14px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--purple) 60%,#43227e);box-shadow:0 2px 4px #0006}.gb-entry-msg{margin:2px 0 4px;font-size:15px}.gb-entry-by{margin:0;font-size:13px;font-style:italic;color:#555}.gb-entry-date{color:#999}.gb-turnstile{margin:2px 0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#080212eb;display:flex;align-items:center;justify-content:center;padding:20px}.lb-figure{margin:0;max-width:90vw;max-height:88vh;display:flex;flex-direction:column;align-items:center}.lb-img{max-width:90vw;max-height:78vh;object-fit:contain;border:4px solid #fff;background:#fff;box-shadow:0 10px 40px #0009}.lb-cap{margin-top:10px;color:#fff;font-family:var(--font-hand2);font-size:15px;text-align:center;max-width:80vw}.lb-count{color:var(--cyan)}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:3px solid #fff;background:#ff4fd8d9;color:#fff;font-size:30px;line-height:1;cursor:pointer}.lb-prev{left:14px}.lb-next{right:14px}.of-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0a041acc;display:flex;align-items:center;justify-content:center;padding:16px;perspective:1600px}.of-fridge{position:relative;width:min(1000px,96vw);height:min(86vh,900px);background:linear-gradient(180deg,#eef6fb,#dbe9f2);border:10px solid #c2ccd6;border-radius:18px;box-shadow:inset 0 0 60px #7896b480,0 30px 80px #0009;overflow:hidden}.of-door{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1px,transparent 1px 4px),linear-gradient(180deg,#f4f6f9,#c7d1dc);border:6px solid #c9d3dd;box-shadow:inset -10px 0 22px #283c5047,10px 0 30px #00000073;transform-origin:left center;backface-visibility:hidden;animation:doorOpen 1.1s cubic-bezier(.36,.02,.2,1) forwards}.of-handle{position:absolute;right:22px;top:20%;height:60%;width:16px;border-radius:8px;background:linear-gradient(90deg,#8a96a4,#f3f7fb,#8a96a4);box-shadow:0 4px 10px #0006}@keyframes doorOpen{0%{transform:perspective(1700px) rotateY(0)}55%{opacity:1}to{transform:perspective(1700px) rotateY(-105deg);opacity:0;visibility:hidden}}.of-interior{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;animation:fridgeLight 1.1s ease-out both}@keyframes fridgeLight{0%{filter:brightness(.5)}45%{filter:brightness(.6)}to{filter:brightness(1)}}.of-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff9;border-bottom:3px solid #b7c4d0}.of-title{margin:0;font-family:var(--font-pixel);font-size:clamp(13px,2.4vw,20px)}.of-close{background:var(--hot);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:6px 12px;font-family:var(--font-hand2);font-weight:700;cursor:pointer}.of-shelves{flex:1 1 auto;overflow-y:auto;padding:22px 18px 30px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 16px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 184px,rgba(160,190,210,.5) 184px,rgba(120,160,190,.65) 190px,transparent 196px)}.of-item{display:flex;flex-direction:column;align-items:center;width:150px;padding:6px 6px 4px;background:#fffdf7;border:1px solid #e7e2d4;border-radius:3px;box-shadow:3px 5px 8px #0000004d;cursor:pointer;transform:rotate(var(--tilt, 0deg));transition:transform .15s ease}.of-item:hover{transform:rotate(0) scale(1.06);z-index:2}.of-item img{width:138px;height:138px;object-fit:cover;background:#e8e8e8}.of-item-cap{margin-top:4px;font-family:var(--font-hand);font-size:11px;text-align:center;line-height:1.1;color:var(--ink);max-height:28px;overflow:hidden}.of-empty{font-family:var(--font-hand);margin:auto;color:#678}.sparkle{position:fixed;z-index:999;pointer-events:none;font-size:16px;transform:translate(-50%,-50%);animation:sparkleUp .9s ease-out forwards}@keyframes sparkleUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-160%) scale(.3) rotate(90deg)}}@media (max-width: 640px){.stage{top:6px;right:6px;bottom:6px;left:6px;border-width:4px}.stage:before{display:none}.fridge-top{padding:6px 12px}.note{padding:14px 12px 12px;max-width:80vw}.note-body{font-size:14px}.magnet{font-size:14px;padding:7px 12px}.of-item,.of-item img{width:116px}.of-item img{height:116px}}