@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700;800&display=swap";:root{font-family:Be Vietnam Pro,Inter,Arial,sans-serif;color:#2c2528;background:#fff4fa;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper: #fff6e8;--paper-soft: #fffaf1;--stage: #fff8fb;--stage-pink: #ffd6e8;--main-pink: #ff6fae;--hot-pink: #ff4f9b;--dark-rose: #7a2846;--border: #221d1e;--rose-border: #d6336c;--shadow: #171313;--mint: #dff8de;--yellow: #ffe59b;--blue: #dff3ff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(0deg,rgba(214,51,108,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(214,51,108,.08) 1px,transparent 1px),radial-gradient(circle at 14% 12%,#fff 0 2px,transparent 3px),radial-gradient(circle at 86% 28%,rgba(255,111,174,.3) 0 3px,transparent 4px),linear-gradient(135deg,#fff8fb,#ffe6f0 48%,#ffd6e8);background-size:20px 20px,20px 20px,110px 110px,130px 130px,100% 100%}button{font:inherit}.app-shell{position:relative;min-height:100vh;padding:28px 18px 36px;overflow:hidden;isolation:isolate}.background-pixels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floating-pixel-heart,.floating-sparkle{position:absolute;display:block;image-rendering:pixelated}.floating-pixel-heart{width:24px;height:24px;border:4px solid rgba(214,51,108,.45);background:#ff6fae47;transform:rotate(-45deg);animation:floatPixel 9s steps(5) infinite}.floating-pixel-heart:before,.floating-pixel-heart:after{position:absolute;content:"";width:24px;height:24px;border:4px solid rgba(214,51,108,.45);background:#ff6fae47}.floating-pixel-heart:before{top:-13px;left:-4px}.floating-pixel-heart:after{top:-4px;right:-13px}.heart-bg-one{top:13%;left:7%}.heart-bg-two{right:8%;bottom:16%;animation-delay:1.6s}.floating-sparkle{width:26px;height:26px;opacity:.5;animation:sparkleBlink 2.6s steps(2) infinite}.floating-sparkle:before,.floating-sparkle:after{position:absolute;content:"";background:#ffe77a;border:3px solid rgba(122,40,70,.45)}.floating-sparkle:before{top:9px;right:0;bottom:9px;left:0}.floating-sparkle:after{top:0;right:9px;bottom:0;left:9px}.sparkle-bg-one{left:13%;bottom:30%}.sparkle-bg-two{top:21%;right:17%;animation-delay:1s}.mode-back-button{position:fixed;top:18px;left:18px;z-index:30;min-height:42px;padding:8px 14px;border:4px solid var(--border);background:var(--paper-soft);color:var(--dark-rose);box-shadow:5px 5px 0 var(--shadow);cursor:pointer;font-size:.86rem;font-weight:800;transition:transform .12s steps(2),box-shadow .12s steps(2),background-color .12s steps(2)}.mode-back-button:hover,.mode-back-button:focus-visible{outline:none;background:var(--yellow);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow)}.start-menu-screen,.chi-photo-corner{position:relative;z-index:1;width:min(100%,950px);margin:6px auto 0;padding:86px 42px 38px;border:5px solid var(--border);background:var(--paper);box-shadow:10px 10px 0 var(--shadow);text-align:center;animation:menuFadeIn .3s steps(3)}.chi-photo-corner{width:min(100%,1080px)}.start-menu-screen h1,.chi-photo-corner h1{margin:14px 0;color:var(--dark-rose);font-size:clamp(2rem,4.6vw,3.15rem);font-weight:800;line-height:1.08;letter-spacing:0}.start-menu-screen p,.chi-photo-corner p{width:min(100%,540px);margin:0 auto 28px;color:#5c4149;font-size:clamp(1rem,1.8vw,1.22rem);font-weight:600;line-height:1.65}.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,800px);margin:0 auto}.mode-option-card{position:relative;display:grid;min-height:252px;padding:20px;place-items:center;overflow:hidden;border:5px solid var(--border);background:linear-gradient(0deg,rgba(214,51,108,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(214,51,108,.08) 1px,transparent 1px),var(--stage);background-size:18px 18px,18px 18px,auto;box-shadow:7px 7px 0 var(--shadow);color:var(--dark-rose);cursor:pointer;transition:transform .14s steps(2),box-shadow .14s steps(2),filter .14s steps(2)}.mode-option-card:after{position:absolute;right:14px;top:14px;width:24px;height:24px;content:"";background:linear-gradient(90deg,transparent 36%,var(--yellow) 36% 64%,transparent 64%),linear-gradient(0deg,transparent 36%,var(--yellow) 36% 64%,transparent 64%);filter:drop-shadow(2px 2px 0 var(--rose-border));opacity:.5;animation:sparkleBlink 1.8s steps(2) infinite}.mode-option-card:hover,.mode-option-card:focus-visible{outline:none;filter:brightness(1.02);transform:translate(-3px,-4px);box-shadow:10px 11px 0 var(--shadow)}.mode-option-card:active{transform:translate(1px,1px) scale(.98);box-shadow:4px 4px 0 var(--shadow)}.mode-option-icon{position:relative;display:grid;width:132px;height:124px;place-items:center;margin-bottom:14px}.mode-option-heart{filter:drop-shadow(8px 10px 0 rgba(34,29,30,.16))}.mode-option-folder{width:144px}.folder-pixel-shape{position:relative;display:block;width:126px;height:88px;border:5px solid var(--border);background:#ffd6e8;box-shadow:inset 0 -16px #ff6fae42,7px 9px #221d1e29}.folder-pixel-shape:before{position:absolute;top:-24px;left:-5px;width:58px;height:24px;border:5px solid var(--border);border-bottom:0;content:"";background:#ffe6f0}.folder-pixel-shape:after{position:absolute;left:50%;top:50%;width:26px;height:26px;content:"";background:var(--main-pink);box-shadow:6px 6px #7a284633;transform:translate(-50%,-34%) rotate(-45deg)}.mode-option-copy{display:grid;gap:8px}.mode-option-title,.mode-option-description{display:block;overflow-wrap:anywhere}.mode-option-title{color:var(--dark-rose);font-size:clamp(1.08rem,2vw,1.28rem);font-weight:800}.mode-option-description{color:#7b4a5c;font-size:.95rem;font-weight:600;line-height:1.55}.pixel-game{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,420px);gap:20px;width:min(100%,1320px);margin:0 auto}.welcome-screen,.final-screen{position:relative;z-index:1;width:min(100%,950px);margin:6px auto 0;padding:86px 42px 34px;border:5px solid var(--border);background:var(--paper);box-shadow:10px 10px 0 var(--shadow);text-align:center}.final-screen{width:min(100%,700px);margin-top:120px;padding:76px 42px 28px}.screen-band{position:absolute;top:0;right:0;left:0;display:grid;height:88px;place-items:center;background:#ffe6f0}.screen-badge{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:7px 12px;border:4px solid var(--border);background:var(--yellow);color:var(--border);font-family:Courier New,monospace;font-size:.9rem;font-weight:800;letter-spacing:0}.welcome-screen h1,.final-screen h1{margin:14px 0 18px;color:#111;font-family:Courier New,monospace;font-size:clamp(2.15rem,4.8vw,3.3rem);font-weight:800;line-height:1.05;letter-spacing:0}.final-screen h1{margin:8px 0 12px;font-size:clamp(1.85rem,3.2vw,2.55rem)}.welcome-screen p,.final-screen p{width:min(100%,520px);margin:0 auto 28px;color:#111;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65}.final-screen p{margin-bottom:8px;font-size:clamp(1rem,1.8vw,1.2rem)}.welcome-preview{position:relative;width:min(100%,700px);height:310px;margin:0 auto 28px;overflow:hidden;border:5px solid var(--border);background:linear-gradient(0deg,rgba(214,51,108,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(214,51,108,.07) 1px,transparent 1px),var(--stage);background-size:24px 24px,24px 24px,auto}.welcome-preview:before{position:absolute;top:0;right:0;bottom:58px;left:0;content:"";background:linear-gradient(180deg,#ffffff52,#ffd6e833)}.preview-floor{position:absolute;right:0;bottom:0;left:0;height:58px;border-top:5px solid var(--border);background:repeating-linear-gradient(90deg,#ff6fae33 0,#ff6fae33 15px,#ff6fae61 15px,#ff6fae61 30px),var(--stage-pink)}.preview-cloud-left{top:18px;left:28px;transform:scale(.9);transform-origin:top left}.preview-cloud-right{right:26px;bottom:74px;transform:scale(.92);transform-origin:bottom right}.preview-heart{position:absolute;z-index:2;display:block;filter:drop-shadow(8px 10px 0 rgba(34,29,30,.18));animation:heartIdle 2.8s steps(4) infinite}.preview-heart-large{left:98px;top:74px;width:190px;height:178px}.preview-heart-small{right:86px;top:120px;width:150px;height:140px;animation-delay:.5s}.preview-sparkle{position:absolute;z-index:3;width:22px;height:22px;background:linear-gradient(90deg,transparent 36%,var(--yellow) 36% 64%,transparent 64%),linear-gradient(0deg,transparent 36%,var(--yellow) 36% 64%,transparent 64%);filter:drop-shadow(2px 2px 0 var(--border));animation:sparkleBlink 1.6s steps(2) infinite}.preview-sparkle-one{right:164px;top:50px}.preview-sparkle-two{left:238px;bottom:76px;animation-delay:.65s}.start-button{min-width:128px;min-height:58px;padding:10px 24px;border:5px solid var(--border);background:#ffd6e8;color:#111;box-shadow:7px 7px 0 var(--shadow);cursor:pointer;font-family:Courier New,monospace;font-size:1.05rem;font-weight:800;transition:transform .12s steps(2),box-shadow .12s steps(2)}.start-button:hover,.start-button:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--shadow)}.final-screen .start-button{margin-top:4px}.final-secret-trigger{position:absolute;right:18px;bottom:16px;width:34px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.final-secret-trigger:after{position:absolute;top:9px;right:12px;bottom:9px;left:12px;content:"";background:#ff6fae14}.secret-marker{position:absolute;top:7px;right:10px;bottom:7px;left:10px;display:block;opacity:.42;background:linear-gradient(90deg,transparent 36%,var(--main-pink) 36% 64%,transparent 64%),linear-gradient(0deg,transparent 36%,var(--main-pink) 36% 64%,transparent 64%);filter:drop-shadow(2px 2px 0 rgba(34,29,30,.2));animation:sparkleBlink 2.1s steps(2) infinite}.secret-gap-trigger:hover .secret-marker,.secret-gap-trigger:focus-visible .secret-marker,.final-secret-trigger:hover .secret-marker,.final-secret-trigger:focus-visible .secret-marker{opacity:.95}.final-secret-trigger:focus-visible{outline:4px dashed var(--rose-border);outline-offset:3px}.final-secret-note{width:min(100%,520px);margin-right:auto;margin-left:auto;text-align:left}.stage-frame,.note-panel{border:5px solid var(--border);background:var(--paper);box-shadow:9px 9px 0 var(--shadow)}.stage-frame{min-width:0;padding:22px}.heart-stage{position:relative;min-height:620px;overflow:hidden;border:5px solid var(--border);background:linear-gradient(0deg,rgba(214,51,108,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(214,51,108,.07) 1px,transparent 1px),linear-gradient(180deg,#fff9,#fff8fb6b),var(--stage);background-size:24px 24px,24px 24px,100% 100%,auto}.stage-ribbon{position:absolute;left:28px;right:28px;height:22px;background:repeating-linear-gradient(90deg,rgba(255,111,174,.38) 0 12px,transparent 12px 25px);opacity:.82}.stage-ribbon-top{top:24px}.stage-ribbon-bottom{bottom:148px}.stage-floor{position:absolute;right:0;bottom:0;left:0;height:122px;border-top:5px solid var(--border);background:repeating-linear-gradient(90deg,#ff6fae33 0,#ff6fae33 15px,#ff6fae61 15px,#ff6fae61 30px),var(--stage-pink)}.pixel-cloud{position:absolute;width:108px;height:58px;border-bottom:5px solid var(--border);opacity:.95}.pixel-cloud:before,.pixel-cloud:after{position:absolute;content:"";bottom:0;border:5px solid var(--border);border-bottom:0;background:#fff}.pixel-cloud:before{left:8px;width:54px;height:36px}.pixel-cloud:after{right:8px;width:54px;height:50px}.cloud-left{top:56px;left:54px}.cloud-right{top:96px;right:58px}.stage-heart{position:absolute;z-index:2;display:block;width:clamp(98px,11vw,146px);height:clamp(92px,10.5vw,136px);padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(8px 10px 0 rgba(34,29,30,.18));transform-origin:center;animation:heartIdle 2.9s steps(4) infinite;transition:filter .12s steps(2),transform .12s steps(2)}.stage-heart:hover,.stage-heart:focus-visible{outline:none;filter:drop-shadow(10px 12px 0 rgba(34,29,30,.2));transform:translateY(-6px)}.stage-heart:focus-visible .pixel-heart-shell{outline:4px dashed var(--rose-border);outline-offset:7px}.stage-heart.is-opened{animation:none}.stage-heart.is-popping{animation:heartPop .52s steps(4)}.heart-1{top:118px;left:15%}.heart-2{top:232px;right:13%}.heart-3{bottom:116px;left:24%}.heart-4{right:9%;bottom:92px}.pixel-heart-shell{position:relative;display:block;width:100%;height:100%}.pixel-heart-svg{display:block;width:100%;height:100%;image-rendering:pixelated}.heart-badge{position:absolute;top:8px;right:0;display:inline-grid;width:30px;height:30px;place-items:center;border:4px solid var(--border);background:#fff;color:var(--border);font-size:.95rem;font-weight:800;line-height:1;box-shadow:3px 3px #221d1e2e}.heart-badge.is-opened{background:var(--mint);color:var(--dark-rose)}.opened-chip{position:absolute;left:50%;bottom:-18px;min-width:74px;padding:4px 7px;border:3px solid var(--rose-border);background:var(--paper-soft);color:var(--dark-rose);font-size:.76rem;font-weight:800;line-height:1.1;opacity:0;transform:translate(-50%) translateY(5px);transition:opacity .16s steps(2),transform .16s steps(2)}.stage-heart.is-opened .opened-chip,.stage-heart:hover .opened-chip,.stage-heart:focus-visible .opened-chip{opacity:1;transform:translate(-50%) translateY(0)}.sparkle-burst{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;pointer-events:none;opacity:0}.sparkle-burst:before,.sparkle-burst:after{position:absolute;content:"";width:22px;height:22px;background:linear-gradient(90deg,transparent 36%,var(--yellow) 36% 64%,transparent 64%),linear-gradient(0deg,transparent 36%,var(--yellow) 36% 64%,transparent 64%);filter:drop-shadow(2px 2px 0 var(--rose-border))}.sparkle-burst:before{top:4px;right:2px}.sparkle-burst:after{left:4px;bottom:20px}.stage-heart.is-popping .sparkle-burst{animation:burstSparkle .52s steps(3)}.secret-gap-trigger{position:absolute;z-index:3;left:22px;bottom:132px;width:36px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.secret-gap-trigger:after{position:absolute;top:9px;right:12px;bottom:9px;left:12px;content:"";background:#ff6fae14}.secret-gap-trigger:focus-visible{outline:4px dashed var(--rose-border);outline-offset:3px}.note-panel{display:flex;min-height:720px;padding:20px;flex-direction:column}.note-tab{width:100%;min-height:38px;padding:7px 12px;border:4px solid var(--border);background:var(--yellow);color:var(--border);font-size:.8rem;font-weight:800;text-transform:uppercase}.note-panel h1{margin:18px 0 4px;color:var(--dark-rose);font-size:clamp(2rem,3vw,3.2rem);line-height:1.05}.note-hint{margin:0 0 20px;color:#8b3658;font-size:.95rem;font-weight:700}.opened-note{min-height:188px;padding:4px 0 18px;color:#403437}.note-kicker{display:block;margin-bottom:8px;color:var(--border);font-size:1rem;font-weight:800}.opened-note p{margin:0;color:#5c4149;font-size:1.25rem;line-height:1.75;overflow-wrap:anywhere;animation:messageIn .26s steps(3)}.secret-note{position:relative;margin:8px 0 18px;padding:14px;border:4px solid var(--border);background:linear-gradient(0deg,rgba(255,231,122,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,231,122,.24) 1px,transparent 1px),var(--paper-soft);background-size:18px 18px,18px 18px,auto;box-shadow:5px 5px #221d1e33;animation:secretIn .36s steps(4)}.secret-note h2{margin:0 0 8px;color:var(--dark-rose);font-size:1rem}.secret-note p{margin:0;color:#5c4149;overflow-wrap:anywhere}.note-sparkle{position:absolute;top:-16px;right:16px;width:26px;height:26px;animation:sparkleBlink 1.4s steps(2) infinite}.note-sparkle:before,.note-sparkle:after{position:absolute;content:"";background:var(--yellow);border:3px solid var(--rose-border)}.note-sparkle:before{top:9px;right:0;bottom:9px;left:0}.note-sparkle:after{top:0;right:9px;bottom:0;left:9px}.music-box{display:grid;margin-top:auto;gap:12px}.music-heart-button,.music-close{cursor:pointer;border:4px solid var(--border);background:var(--mint);color:var(--border);box-shadow:6px 6px 0 var(--shadow);font-weight:800;transition:transform .12s steps(2),box-shadow .12s steps(2)}.music-heart-button{display:inline-flex;width:100%;min-height:54px;align-items:center;justify-content:center;gap:8px;padding:10px 14px}.music-box.is-open .music-heart-button{background:var(--main-pink);color:#fff}.music-close{display:inline-grid;flex:0 0 34px;width:34px;height:34px;padding:0;place-items:center;background:var(--main-pink);color:#fff;font-size:1.2rem;line-height:1}.music-heart-button:hover,.music-heart-button:focus-visible,.music-close:hover,.music-close:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--shadow)}.music-panel{padding:12px;border:4px solid var(--border);background:linear-gradient(0deg,rgba(214,51,108,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(214,51,108,.08) 1px,transparent 1px),var(--stage);background-size:16px 16px,16px 16px,auto;box-shadow:6px 6px #221d1e2e;animation:musicSlideUp .24s steps(3)}.music-panel-header{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:10px}.music-panel h2{margin:0;color:var(--dark-rose);font-size:.9rem;line-height:1.35}.music-panel iframe{display:block;border:0;background:#fff}.photo-folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;width:min(100%,900px);margin:0 auto}.photo-folder-card{position:relative;display:grid;min-height:190px;padding:20px 14px 16px;place-items:center;overflow:hidden;border:5px solid var(--border);background:linear-gradient(0deg,rgba(255,111,174,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,111,174,.1) 1px,transparent 1px),#fff8fb;background-size:16px 16px,16px 16px,auto;box-shadow:7px 7px #221d1ec7,0 18px 30px #ff6fae3d;color:var(--dark-rose);cursor:pointer;animation:folderFloat 3s steps(3) infinite;transition:transform .15s steps(2),box-shadow .15s steps(2),filter .15s steps(2)}.photo-folder-card:nth-child(2n){animation-delay:.36s}.photo-folder-card:nth-child(3n){animation-delay:.68s}.photo-folder-card:hover,.photo-folder-card:focus-visible{outline:none;filter:brightness(1.03);transform:translate(-3px,-6px);box-shadow:10px 13px #221d1ec7,0 20px 34px #ff6fae52}.photo-folder-card:active{transform:translate(1px,1px) scale(.98);box-shadow:4px 4px #221d1ec7}.photo-folder-icon{position:relative;display:block;width:116px;height:82px;border:5px solid var(--border);background:#ffd6e8;box-shadow:inset 0 -15px #ff6fae47}.photo-folder-tab{position:absolute;top:-24px;left:-5px;width:54px;height:24px;border:5px solid var(--border);border-bottom:0;background:#ffe6f0}.photo-folder-heart{position:absolute;left:50%;top:50%;width:24px;height:24px;background:var(--hot-pink);filter:drop-shadow(4px 4px 0 rgba(122,40,70,.2));transform:translate(-50%,-32%) rotate(-45deg)}.photo-folder-heart:before,.photo-folder-heart:after,.folder-pixel-shape:after{image-rendering:pixelated}.photo-folder-heart:before,.photo-folder-heart:after{position:absolute;width:24px;height:24px;content:"";background:var(--hot-pink)}.photo-folder-heart:before{top:-12px;left:0}.photo-folder-heart:after{top:0;right:-12px}.photo-folder-label{display:block;margin-top:14px;color:var(--dark-rose);font-size:1rem;font-weight:800}.folder-sparkle{position:absolute;width:20px;height:20px;opacity:.48;background:linear-gradient(90deg,transparent 36%,var(--yellow) 36% 64%,transparent 64%),linear-gradient(0deg,transparent 36%,var(--yellow) 36% 64%,transparent 64%);filter:drop-shadow(2px 2px 0 var(--rose-border));animation:sparkleBlink 1.8s steps(2) infinite}.folder-sparkle-one{top:16px;right:16px}.folder-sparkle-two{left:18px;bottom:18px;animation-delay:.5s}.photo-folder-card:hover .folder-sparkle,.photo-folder-card:focus-visible .folder-sparkle{opacity:1}.photo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;overflow-y:auto;background:linear-gradient(0deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),#7a28466b;background-size:18px 18px,18px 18px,auto;animation:modalFadeIn .18s steps(2)}.photo-modal{position:relative;display:grid;width:min(calc(100vw - 40px),1080px);max-height:calc(100vh - 36px);padding:22px;overflow-y:auto;grid-template-columns:minmax(300px,430px) minmax(280px,1fr);grid-template-areas:"header header" "photo music" "photo note";gap:16px 24px;align-items:start;border:5px solid var(--border);background:linear-gradient(0deg,rgba(214,51,108,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(214,51,108,.07) 1px,transparent 1px),linear-gradient(180deg,#fff8fb 0,#fff8fb 82px,#fffaf1 82px,#fffaf1);background-size:18px 18px,18px 18px,auto;box-shadow:10px 10px 0 var(--shadow),0 20px 42px #d6336c3d;animation:modalPop .22s steps(3)}.photo-modal-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:0}.photo-modal h2,.photo-modal h3{margin:0;color:var(--dark-rose);font-weight:800;letter-spacing:0}.photo-modal h2{font-size:clamp(1.55rem,4vw,2.25rem)}.photo-modal h3{font-size:1rem}.album-close-button{min-width:82px;min-height:42px;padding:8px 14px;border:4px solid var(--border);background:var(--main-pink);color:#fff;box-shadow:5px 5px 0 var(--shadow);cursor:pointer;font-weight:800;transition:transform .12s steps(2),box-shadow .12s steps(2)}.album-close-button:hover,.album-close-button:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow)}.photo-frame{position:relative;grid-area:photo;justify-self:center;display:block;width:min(100%,400px);aspect-ratio:4 / 5;margin:0;padding:0;overflow:hidden;border:5px solid var(--border);border-radius:8px;background:#fff8fb;box-shadow:0 0 0 4px #ffd6e8,0 0 0 8px var(--rose-border),8px 8px #221d1e33,0 16px 28px #d6336c47;transform:rotate(-.7deg);animation:albumPop .24s steps(3)}.photo-frame:before,.photo-frame:after{position:absolute;content:"";z-index:2;pointer-events:none}.photo-frame:before{content:"Ảnh nhỏ của Chi";display:grid;place-items:center;top:10px;left:10px;width:96px;height:27px;border:3px solid var(--rose-border);background:linear-gradient(90deg,#ffffffd1,#ffd6e8e6),#fff8fb;box-shadow:3px 3px #221d1e29;color:var(--dark-rose);font-size:.66rem;font-weight:800}.photo-frame:after{right:12px;bottom:12px;width:28px;height:28px;background:linear-gradient(90deg,transparent 34%,var(--yellow) 34% 66%,transparent 66%),linear-gradient(0deg,transparent 34%,var(--yellow) 34% 66%,transparent 66%);filter:drop-shadow(2px 2px 0 var(--rose-border));animation:sparkleBlink 1.8s steps(2) infinite}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:3px;background:#fff8fb}.album-detail-stack{display:contents;gap:14px;align-items:start}.album-note-box,.album-music-box{padding:14px;border:4px solid var(--border);background:var(--paper-soft);box-shadow:5px 5px #221d1e2e}.album-note-box{grid-area:note;order:2;background:linear-gradient(0deg,rgba(255,111,174,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,111,174,.1) 1px,transparent 1px),var(--paper-soft);background-size:18px 18px,18px 18px,auto}.album-music-box{grid-area:music;order:1;min-width:0}.album-note-box p,.album-music-box p{width:auto;margin:8px 0 0;color:#5c4149;font-size:1rem;font-weight:600;line-height:1.65}.album-music-box iframe{display:block;margin-top:12px;border:0;background:#fff;border-radius:12px}.spotify-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.spotify-fallback-link,.spotify-refresh-button{display:inline-flex;min-height:40px;align-items:center;padding:7px 10px;border:3px solid var(--rose-border);background:#fff8fb;color:var(--dark-rose);cursor:pointer;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .12s steps(2),box-shadow .12s steps(2)}.spotify-refresh-button{background:var(--mint);font:inherit}.spotify-fallback-link:hover,.spotify-fallback-link:focus-visible,.spotify-refresh-button:hover,.spotify-refresh-button:focus-visible{outline:none;box-shadow:4px 4px #221d1e2e;transform:translate(-2px,-2px)}.spotify-placeholder{display:grid;min-height:74px;place-items:center;border:3px dashed var(--rose-border);background:#fff8fb;color:var(--dark-rose);text-align:center}.modal-heart-corner{position:absolute;width:20px;height:20px;background:var(--main-pink);opacity:.8;transform:rotate(-45deg)}.modal-heart-corner:before,.modal-heart-corner:after{position:absolute;width:20px;height:20px;content:"";background:var(--main-pink)}.modal-heart-corner:before{top:-10px;left:0}.modal-heart-corner:after{top:0;right:-10px}.modal-heart-corner-left{left:16px;top:18px}.modal-heart-corner-right{right:20px;bottom:18px}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes folderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes albumPop{0%{transform:rotate(-.7deg) scale(.97)}to{transform:rotate(-.7deg) scale(1)}}@keyframes heartIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.22) rotate(-3deg)}70%{transform:scale(.94) rotate(2deg)}to{transform:scale(1)}}@keyframes burstSparkle{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.6)}}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes secretIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes musicSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatPixel{0%,to{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-18px) rotate(-45deg)}}@keyframes sparkleBlink{0%,to{opacity:.3;transform:scale(.92)}50%{opacity:.95;transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media (max-width: 960px){.app-shell{padding:18px 12px 26px}.pixel-game{grid-template-columns:1fr;gap:14px}.mode-back-button{position:relative;top:auto;left:auto;margin:0 0 14px}.start-menu-screen,.chi-photo-corner{padding-right:24px;padding-left:24px}.stage-frame,.note-panel{box-shadow:7px 7px 0 var(--shadow)}.stage-frame{padding:14px}.heart-stage{min-height:auto;aspect-ratio:1 / .82}.note-panel{min-height:auto}.photo-modal{width:min(100%,760px);grid-template-columns:1fr;grid-template-areas:"header" "photo" "details";gap:14px}.photo-frame{width:min(100%,380px);margin:0 auto}.album-detail-stack{grid-area:details;display:grid;grid-template-columns:1fr;gap:12px;width:min(100%,620px);margin:0 auto}.album-note-box,.album-music-box{grid-area:auto}}@media (max-width: 560px){.app-shell{padding:10px 8px 20px}.start-menu-screen,.chi-photo-corner,.welcome-screen,.final-screen{margin-top:0;padding:74px 16px 24px;border-width:4px;box-shadow:6px 6px 0 var(--shadow)}.mode-options{grid-template-columns:1fr;gap:14px}.mode-option-card{min-height:218px;padding:16px;border-width:4px;box-shadow:6px 6px 0 var(--shadow)}.mode-option-icon{width:110px;height:104px}.mode-option-folder{width:122px}.folder-pixel-shape{width:106px;height:76px;border-width:4px}.folder-pixel-shape:before{top:-20px;left:-4px;width:50px;height:20px;border-width:4px}.photo-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-folder-card{min-height:164px;padding:18px 10px 12px;border-width:4px;box-shadow:5px 5px #221d1ec7,0 14px 24px #ff6fae38}.photo-folder-icon{width:92px;height:66px;border-width:4px}.photo-folder-tab{top:-20px;left:-4px;width:44px;height:20px;border-width:4px}.photo-folder-label{font-size:.9rem}.photo-modal-backdrop{padding:10px;align-items:start}.photo-modal{max-height:none;padding:14px;border-width:4px;box-shadow:6px 6px 0 var(--shadow)}.photo-modal-header{align-items:flex-start}.modal-heart-corner-left{display:none}.photo-frame{width:min(100%,320px);padding:0;border-width:4px;transform:none}.photo-frame img{height:100%;max-height:none;border-width:0}.album-detail-stack{grid-template-columns:1fr;gap:12px}.album-note-box,.album-music-box{padding:12px;border-width:4px}.final-screen{margin-top:86px}.screen-band{height:72px}.screen-badge{min-height:32px;border-width:3px;font-size:.68rem}.welcome-screen h1{font-size:2rem}.final-screen h1{font-size:1.85rem}.welcome-screen p,.final-screen p{font-size:.98rem;line-height:1.6}.welcome-preview{height:230px;border-width:4px}.preview-floor{height:48px;border-top-width:4px}.preview-cloud-left{top:20px;left:12px;transform:scale(.62)}.preview-cloud-right{right:-4px;bottom:54px;transform:scale(.62)}.preview-heart-large{left:46px;top:72px;width:108px;height:102px}.preview-heart-small{right:28px;top:102px;width:92px;height:86px}.preview-sparkle-one{right:86px;top:48px}.preview-sparkle-two{left:132px;bottom:60px}.start-button{min-width:116px;min-height:52px;border-width:4px;box-shadow:6px 6px 0 var(--shadow)}.stage-frame,.note-panel{border-width:4px;box-shadow:6px 6px 0 var(--shadow)}.stage-frame{padding:10px}.heart-stage{border-width:4px;aspect-ratio:1 / 1.36}.stage-ribbon{left:18px;right:18px;height:18px}.stage-ribbon-top{top:18px}.stage-ribbon-bottom{bottom:118px}.stage-floor{height:96px;border-top-width:4px}.pixel-cloud{transform:scale(.7);transform-origin:top left}.cloud-left{top:52px;left:18px}.cloud-right{top:112px;right:-4px}.stage-heart{width:clamp(72px,25vw,96px);height:clamp(68px,23vw,90px)}.heart-1{top:82px;left:11%}.heart-2{top:166px;right:9%}.heart-3{bottom:132px;left:14%}.heart-4{right:8%;bottom:62px}.opened-chip{display:none}.note-panel{padding:14px}.note-panel h1{font-size:2.2rem}.opened-note p{font-size:1rem;line-height:1.65}.music-heart-button{min-height:48px}}