body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#ff4d4d;--secondary-color:#666;--hover-color:#e60000;--font-family:"Lobster",cursive;--sai-top:env(safe-area-inset-top,0px);--sai-bottom:env(safe-area-inset-bottom,0px);--sai-left:env(safe-area-inset-left,0px);--sai-right:env(safe-area-inset-right,0px)}body{background:#0a0515;font-family:Lobster,cursive;font-family:var(--font-family);margin:0;text-align:center}.App{min-height:100vh;min-height:100dvh;position:relative}.lock-screen{-webkit-overflow-scrolling:touch;align-items:center;animation:lockBg 12s ease infinite;background:linear-gradient(135deg,#0a0515,#1a0a2e 25%,#2d1230 50%,#1a0820 75%,#050210);background-size:400% 400%;display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:center;left:0;overflow:hidden;overscroll-behavior:none;position:fixed;top:0;width:100vw;z-index:50}.lock-screen:before{animation:twinkle 4s ease-in-out infinite alternate;background:radial-gradient(1px 1px at 8% 15%,#ffc8dc4d 0,#0000 100%),radial-gradient(1px 1px at 25% 55%,#ffffff40 0,#0000 100%),radial-gradient(1.5px 1.5px at 45% 10%,#ffb4c859 0,#0000 100%),radial-gradient(1px 1px at 65% 40%,#fff3 0,#0000 100%),radial-gradient(1px 1px at 80% 75%,#ffc8e64d 0,#0000 100%),radial-gradient(1.5px 1.5px at 15% 80%,#ffb4ff40 0,#0000 100%),radial-gradient(1px 1px at 55% 85%,#fff3 0,#0000 100%),radial-gradient(1px 1px at 92% 8%,#ffb4dc4d 0,#0000 100%);content:"";inset:0;pointer-events:none;position:absolute}@keyframes lockBg{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.lock-screen:after{background:radial-gradient(ellipse at center,#0000 30%,#00000080 100%);content:"";inset:0;pointer-events:none;position:absolute}.lock-icon{animation:lockPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255,150,180,.5));font-size:48px;margin-bottom:24px;position:relative;z-index:2}@keyframes lockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.lock-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:2px solid #ffb4c866;border-radius:30px;color:#f8c8dc;font-family:Lobster,cursive;font-family:var(--font-family);font-size:24px;letter-spacing:8px;outline:none;padding:14px 20px;position:relative;text-align:center;transition:border-color .3s,box-shadow .3s;width:200px;z-index:2}.lock-input:focus{border-color:#ffb4c8b3;box-shadow:0 0 20px #ff96b44d}.lock-input::placeholder{color:#0000}.App-body{align-items:center;background:linear-gradient(135deg,#fff0f3,#ffe0e8 50%,#fff5f7);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh}.App-text{font-size:calc(10px + 4vmin);font-weight:700}.App-text:hover{color:#391253}.App-gif{height:auto;max-width:300px;width:80%}.App-button{background-color:#ff4d4d;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;margin:10px;padding:15px 20px;transition:background-color .3s ease,transform .3s ease}.App-button:before{content:"\1F498";font-size:20px;margin-right:5px}.App-button:hover{background-color:#e60000;background-color:var(--hover-color);box-shadow:0 4px 10px #0003;transform:scale(1.1)}.App-button:nth-child(2){background-color:#666;background-color:var(--secondary-color)}.App-button:nth-child(2):before{color:#666;color:var(--secondary-color);content:"\1F494"}.App-button:nth-child(2):hover{background-color:#404040}.App-text-success{font-size:19px;line-height:1.5}.App-text-success:before{content:"\1F496";font-size:24px;margin-right:5px}.App-text-success:before,.App-text-success:hover{color:#ff4d4d;color:var(--primary-color)}.App-text-date{font-size:18px}.App-text-date:before{color:#ff4d4d;color:var(--primary-color);content:"\1F495";margin-right:5px}.App-success{padding:20px}.App-memory-btn-container{display:flex;justify-content:center;margin-bottom:20px;margin-top:30px}.App-memory-btn{background:linear-gradient(135deg,#ff4d4d,#ff85a2);border:none;border-radius:30px;box-shadow:0 4px 12px #ff4d4d4d;color:#fff;cursor:pointer;font-family:Lobster,cursive;font-family:var(--font-family);font-size:18px;padding:15px 30px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.App-memory-btn:hover{background:linear-gradient(135deg,#e60000,#ff4d6d);box-shadow:0 6px 16px #ff4d4d80;transform:scale(1.05)}.memory-lane{align-items:center;background-image:url(/static/media/background.3cb24430834d646a73e0.png);background-position:50%;background-repeat:no-repeat;background-size:105%;display:flex;flex-direction:column;height:100vh;height:100dvh;height:-webkit-fill-available;left:0;overflow:hidden;overscroll-behavior:none;position:fixed;top:0;transition:background-position .15s ease-out;width:100vw}.memory-lane:before{background:linear-gradient(135deg,#0a051566,#1e0a284d 40%,#3c0f2d59 70%,#0a051580);content:"";inset:0}.memory-lane:before,.starfield-canvas{pointer-events:none;position:absolute;z-index:0}.starfield-canvas{height:100%;left:0;top:0;width:100%}.memory-lane-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border-radius:24px;box-shadow:0 8px 32px #ff648240;max-width:520px;padding:50px 40px;text-align:center;width:85%}.memory-lane-title{color:#d63384;font-size:2.5em;margin-bottom:10px;text-shadow:0 2px 8px #d6338433}.memory-lane-subtitle,.memory-lane-title{font-family:Lobster,cursive;font-family:var(--font-family)}.memory-lane-subtitle{color:#e75480;font-size:1.2em;margin-bottom:30px}.memory-lane-content{margin-top:20px}.memory-lane-text{color:#6b3a5d;font-family:Lobster,cursive;font-family:var(--font-family);font-size:1.1em;line-height:1.8;margin-bottom:18px}.media-showcase{contain:layout style;height:100%;left:0;overflow:hidden;perspective:1200px;position:absolute;top:0;width:100%;z-index:1}.showcase-loading{animation:loadPulse 1.5s ease-in-out infinite;color:#ffc8dcb3;font-family:Lobster,cursive;font-family:var(--font-family);font-size:1.3em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes loadPulse{0%,to{opacity:.5}50%{opacity:1}}.showcase-box{border-radius:13px;box-shadow:0 0 18px #ff96b440,0 4px 16px #0000001a,inset 0 .5px 0 #fff3;box-sizing:border-box;contain:layout style paint;overflow:hidden;position:absolute;transform-style:preserve-3d;will-change:transform,opacity,filter;z-index:10}.showcase-box.showcase-fg{cursor:pointer;filter:none;opacity:1;pointer-events:auto;transform:translateZ(0) scale(1);z-index:10}.showcase-box.showcase-bg-pushed{box-shadow:none;filter:blur(6px);opacity:.38;pointer-events:none;transform:translateZ(-300px) scale(.8) translateY(30px);z-index:5}.showcase-glass-inner{background:#ffffff0a;border-radius:10px;inset:0;pointer-events:none;position:absolute;z-index:0}.showcase-box.showcase-fg:hover{box-shadow:0 0 30px #ff96b473,0 8px 28px #0000002e,inset 0 .5px 0 #ffffff4d;z-index:20}.showcase-aura{border-radius:50%;filter:blur(50px);opacity:.3;pointer-events:none;position:absolute;transition:opacity .5s ease;z-index:-1}.showcase-box.showcase-fg:hover .showcase-aura{opacity:.5}.showcase-shine{background:radial-gradient(ellipse at center,#ffffff40,#0000 70%);height:60%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:opacity .3s ease;width:60%;z-index:5}.showcase-box.showcase-fg:hover .showcase-shine{opacity:1}.showcase-media{background:#00000014;border-radius:11px;display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.memory-lane{height:100vh;height:100dvh;height:-webkit-fill-available}.memory-lane:before{background:linear-gradient(135deg,#0a051573,#1e0a2859 40%,#3c0f2d66 70%,#0a05158c)}.postbox-wrapper{bottom:8px;left:4px;transform:scale(.8)}.postbox-wrapper:hover{transform:scale(.85)}.postbox-sign{font-size:8px;padding:3px 8px}.postbox-wrapper:active .postbox-flag{transform:rotate(-70deg)}.love-counter-overlay{max-width:520px;top:8px}.love-counter-num{font-size:44px}.love-counter-clock{border-radius:40px;gap:6px;padding:12px 20px}.love-counter-message{font-size:21px;margin:0 0 8px}.love-counter-growing{font-size:16px}.love-counter-unit{min-width:44px}.love-counter-label{font-size:9px}.view-switcher{bottom:auto;padding:3px;top:130px}.view-switcher-btn{font-size:13px;padding:8px 18px}.showcase-box.showcase-fg:active{box-shadow:0 0 35px #ff96b480,0 8px 30px #00000040;z-index:20}.showcase-box.showcase-fg:active .showcase-caption{opacity:1;pointer-events:auto}.showcase-box.showcase-fg:active .showcase-aura{opacity:.5}.add-memory-input,.add-memory-textarea,.letter-textarea{font-size:16px!important}}.love-counter-overlay{align-items:center;display:flex;flex-direction:column;left:50%;max-width:820px;pointer-events:none;position:absolute;top:12px;transform:translateX(-50%);width:90%;z-index:40}.love-counter-growing{color:#ffb3d0;font-family:Dancing Script,cursive;font-size:20px;margin:8px 0 0;text-align:center;text-shadow:0 0 12px #ff507899,0 1px 4px #000000b3}.love-counter-message{color:#ffd6e3;font-family:Playfair Display,serif;font-size:27px;font-style:italic;font-weight:500;line-height:1.4;margin:0 0 10px;max-width:700px;text-align:center;text-shadow:0 0 10px #ff649680,0 2px 8px #000c}.love-counter-clock{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#781e3c66;border:1px solid #fff3;border-radius:50px;box-shadow:0 0 30px #ff467840,0 4px 16px #0000004d,inset 0 1px 0 #ffffff14;display:flex;gap:10px;padding:18px 36px}.love-counter-unit{align-items:center;display:flex;flex-direction:column;min-width:64px}.love-counter-num{color:#ff4d88;font-family:Courier Prime,monospace;font-size:60px;font-weight:700;line-height:1;text-shadow:0 0 14px #ff508ccc,0 0 30px #ff3c7866,0 2px 4px #0009}.love-counter-label{color:#ffdcebf2;font-family:Lobster,cursive;font-family:var(--font-family);font-size:12px;font-weight:600;letter-spacing:1.2px;margin-top:5px;text-shadow:0 0 6px #ff649666,0 1px 2px #00000080;text-transform:uppercase}.postbox-wrapper{align-items:center;bottom:18px;cursor:pointer;display:flex;flex-direction:column;left:12px;position:absolute;transition:transform .3s ease;z-index:50}.postbox-wrapper:hover{transform:scale(1.08)}.postbox,.postbox-body{position:relative;width:68px}.postbox-body{align-items:center;background:linear-gradient(135deg,#e53935,#c62828);border:2px solid #b71c1c;border-radius:6px 6px 2px 2px;box-shadow:0 4px 16px #00000059,inset 0 2px 6px #ffffff1f,inset -4px 0 8px #00000026;display:flex;flex-direction:column;height:78px;justify-content:center}.postbox-slot{background:#1a1a1a;border:1px solid #b71c1c;border-radius:1px;box-shadow:inset 0 1px 3px #0009;height:6px;margin-top:-4px;width:34px}.postbox-heart{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));font-size:18px;margin-top:5px}.postbox-flag{background:linear-gradient(180deg,#ff8f00,#f57f17);box-shadow:0 2px 5px #0000004d;height:22px;right:-10px;top:8px;transform-origin:bottom center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:6px;z-index:2}.postbox-flag,.postbox-flag:after{border-radius:2px;position:absolute}.postbox-flag:after{background:#ff6f00;content:"";height:8px;left:-3px;top:0;width:12px}.postbox-wrapper:hover .postbox-flag{transform:rotate(-70deg)}.postbox-wrapper:hover .postbox-body{box-shadow:0 0 20px #ff505066,0 4px 16px #00000059,inset 0 2px 6px #ffffff1f}.postbox-base{background:linear-gradient(180deg,#8d6e63,#5d4037);border-radius:0 0 3px 3px;height:7px;margin:0 auto;width:72px}.postbox-sign{animation:gentleSwing 3.5s ease-in-out infinite;background:#e53935d9;border:1.5px solid #b71c1c;border-radius:4px;box-shadow:0 3px 10px #00000040;color:#fff1f0;font-family:Dancing Script,cursive;font-size:12px;margin-top:6px;padding:5px 14px;text-shadow:1px 1px 2px #0009;transform-origin:top center;white-space:nowrap}@keyframes gentleSwing{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.letter-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.letter-modal{animation:slideUp .35s ease;background:#fffaf5;border-radius:20px;box-shadow:0 12px 48px #d6338440,0 0 0 1px #ffc8c84d;display:flex;flex-direction:column;max-height:85vh;max-width:750px;padding:40px 36px 30px;position:relative;width:66%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.letter-close{background:none;border:none;color:#c2185b;cursor:pointer;font-size:22px;position:absolute;right:18px;top:14px;transition:transform .2s}.letter-close:hover{transform:scale(1.2)}.letter-title{color:#d63384;font-size:1.8em;margin:0 0 6px}.letter-hint,.letter-title{font-family:Lobster,cursive;font-family:var(--font-family);text-align:center}.letter-hint{color:#b06080;font-size:.95em;margin-bottom:20px}.letter-textarea{background:#fff;border:2px solid #f3c4d8;border-radius:14px;box-sizing:border-box;color:#4a2040;flex:1 1;font-family:Georgia,serif;font-size:16px;line-height:1.7;min-height:220px;outline:none;padding:18px 20px;resize:vertical;transition:border-color .3s;width:100%}.letter-textarea:focus{border-color:#e75480;box-shadow:0 0 0 3px #e7548026}.letter-textarea::placeholder{color:#d4a0b8;font-style:italic}.letter-send-wrapper{display:flex;justify-content:center;margin-top:22px}.letter-send-btn{align-items:center;background:linear-gradient(135deg,#ff4d6d,#ff85a2);border:none;-webkit-clip-path:path("M55 90 C55 90 10 60 10 35 A22 22 0 0 1 55 25 A22 22 0 0 1 100 35 C100 60 55 90 55 90 Z");clip-path:path("M55 90 C55 90 10 60 10 35 A22 22 0 0 1 55 25 A22 22 0 0 1 100 35 C100 60 55 90 55 90 Z");color:#fff;cursor:pointer;display:flex;font-family:Lobster,cursive;font-family:var(--font-family);font-size:16px;font-weight:700;height:100px;justify-content:center;padding-bottom:12px;text-shadow:0 1px 4px #0003;transition:transform .3s ease,filter .3s ease;width:110px}.letter-send-btn:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.1)}.letter-send-btn:disabled{cursor:default;opacity:.7}@media (max-width:768px){.letter-modal{-webkit-overflow-scrolling:touch;max-height:75dvh;max-height:75vh;padding:24px 16px 20px;width:92%}.letter-textarea{font-size:16px;min-height:160px}.letter-title{font-size:1.4em}.letter-send-btn{font-size:14px;height:82px;width:90px}}.falling-petals{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.petal{animation:petalFall 12s linear infinite,petalSway 4s ease-in-out infinite alternate;animation:petalFall var(--sway-duration,12s) linear infinite,petalSway var(--sway-duration,4s) ease-in-out infinite alternate;position:absolute;top:-30px;will-change:transform}@keyframes petalFall{0%{opacity:0;top:-8%}5%{opacity:1}90%{opacity:1}to{opacity:0;top:105%;transform:rotate(1turn);transform:rotate(calc(var(--initial-rotation, 0deg) + 1turn))}}@keyframes petalSway{0%{margin-left:0;transform:rotate(0deg);transform:rotate(var(--initial-rotation,0deg))}to{margin-left:40px;margin-left:var(--sway-amount,40px);transform:rotate(45deg);transform:rotate(calc(var(--initial-rotation, 0deg) + 45deg))}}.cinema-intro,.cinema-page{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;opacity:0;overflow:hidden;overscroll-behavior:none;position:fixed;transform:scale(1.02);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1);z-index:100}.cinema-intro--visible,.cinema-page--visible{opacity:1;transform:scale(1)}.cinema-intro--fadeout{opacity:0;transform:scale(.97);transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1)}.cinema-intro{animation:cinemaLightShift 10s ease infinite;background:linear-gradient(135deg,#fff0f3,#ffe0e8 20%,#ffccd5 40%,#ffc2d1 60%,#ffe0e8 80%,#fff5f7);background-size:400% 400%}.cinema-page--asking{animation:cinemaLightShift 12s ease infinite;background:linear-gradient(135deg,#fff0f5,#fce4ec 25%,#f8bbd0 50%,#fce4ec 75%,#fff5f8);background-size:400% 400%}.cinema-page--asking,.cinema-page--success{-webkit-overflow-scrolling:touch;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--sai-bottom);padding-top:env(safe-area-inset-top,0);padding-top:var(--sai-top)}.cinema-page--success{animation:cinemaLightShift 10s ease infinite;background:linear-gradient(135deg,#fff5f7,#fce4ec 20%,#f48fb1 45%,#f8bbd0 70%,#fff0f3);background-size:400% 400%}@keyframes cinemaLightShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.cinema-grain{animation:grainDrift .8s steps(6) infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.06'/%3E%3C/svg%3E");height:200%;inset:-50%;opacity:.025;pointer-events:none;position:absolute;width:200%;z-index:3}@keyframes grainDrift{0%,to{transform:translate(0)}20%{transform:translate(-2%,-1%)}40%{transform:translate(1%,2%)}60%{transform:translate(-1%,1%)}80%{transform:translate(2%,-2%)}}.cinema-vignette{background:radial-gradient(ellipse at center,#0000 50%,#f48fb126 100%);z-index:2}.cinema-particles,.cinema-vignette{inset:0;pointer-events:none;position:absolute}.cinema-particles{overflow:hidden;z-index:3}.cinema-particle{animation:cinemaFloat 10s ease-in-out infinite;animation:cinemaFloat var(--duration,10s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);background:radial-gradient(circle,#ff145080 0,#ff69b440 60%,#0000 100%);border-radius:50%;box-shadow:0 0 8px #ff69b44d,0 0 16px #e91e631a;position:absolute}@keyframes cinemaFloat{0%{transform:translateY(0) translateX(0) scale(1)}25%{transform:translateY(-50px) translateX(15px) scale(1.3);transform:translateY(-50px) translateX(var(--drift,15px)) scale(1.3)}50%{transform:translateY(-100px) translateX(-9px) scale(.7);transform:translateY(-100px) translateX(calc(var(--drift, 15px)*-.6)) scale(.7)}75%{transform:translateY(-50px) translateX(15px) scale(1.15);transform:translateY(-50px) translateX(var(--drift,15px)) scale(1.15)}to{transform:translateY(0) translateX(0) scale(1)}}.cinema-text-area{animation:cinemaTextAreaIn 1s cubic-bezier(.4,0,.2,1) forwards;min-height:180px;padding:0 20px;position:relative;text-align:center;z-index:10}@keyframes cinemaTextAreaIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cinema-heading{animation:cinemaLineReveal .6s cubic-bezier(.4,0,.2,1) forwards;color:#c2185b;display:inline;font-size:calc(20px + 4vmin);letter-spacing:2px;margin:0 0 8px;text-shadow:0 0 20px #c2185b33,0 2px 8px #e91e631a}.cinema-body,.cinema-heading{font-family:Courier Prime,Courier New,Lobster,cursive;font-family:"Courier Prime","Courier New",var(--font-family)}.cinema-body{animation:cinemaLineReveal .5s cubic-bezier(.4,0,.2,1) forwards;color:#ad1457;font-size:calc(10px + 2vmin);letter-spacing:1px;line-height:1.7;margin:6px 0;text-shadow:0 0 15px #ad145726}.cinema-line{min-height:1.4em;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.cinema-break{height:20px}.cinema-cursor{color:#e91e63;display:inline-block;font-family:Courier Prime,monospace;font-size:1.2em;font-weight:100;margin-left:1px;text-shadow:0 0 10px #e91e634d;transition:opacity .15s ease}.cinema-cursor-hidden{opacity:0}@keyframes cinemaLineReveal{0%{filter:blur(1px);opacity:.7;transform:translateY(4px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.cinema-enter-btn{animation:cinemaBtnIn .8s cubic-bezier(.22,1,.36,1) forwards,cinemaBtnPulse 2.5s ease-in-out 1s infinite;background:linear-gradient(135deg,#e91e63,#ff4081,#ff1744);border:none;border-radius:30px;box-shadow:0 4px 20px #e91e6359,0 0 40px #ff408126;color:#fff;cursor:pointer;font-family:Lobster,cursive;font-family:var(--font-family);font-size:18px;letter-spacing:1px;margin-top:40px;opacity:0;padding:16px 36px;position:relative;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);z-index:10}.cinema-enter-btn--warm{background:linear-gradient(135deg,#c2185b,#e91e63,#ff4081);font-size:16px;line-height:1.4;max-width:420px}.cinema-enter-btn:hover{box-shadow:0 6px 30px #e91e6380,0 0 60px #ff408140;transform:scale(1.1)}@keyframes cinemaBtnIn{0%{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cinemaBtnPulse{0%,to{box-shadow:0 4px 20px #e91e6359,0 0 40px #ff408126}50%{box-shadow:0 6px 30px #e91e6380,0 0 60px #ff40814d}}.cinema-page-content{max-width:600px;padding:40px 24px;position:relative;text-align:center;width:100%;z-index:10}.cinema-gif-frame{border:2px solid #e91e6326;border-radius:16px;box-shadow:0 0 25px #e91e6333,0 0 50px #ff69b41a,0 8px 24px #880e4f26;display:inline-block;margin-bottom:24px;overflow:hidden}.cinema-gif{display:block;height:auto;max-width:280px;width:80%}.cinema-text{animation:cinemaTextIn .53s ease forwards;color:#880e4f;font-family:Lobster,cursive;font-family:var(--font-family);font-size:calc(12px + 3vmin);line-height:1.5;margin:8px 0;opacity:0;text-shadow:0 0 15px #e91e6326,0 2px 4px #880e4f14}.cinema-text-question{color:#c2185b;font-size:calc(14px + 3.5vmin);margin-top:16px;text-shadow:0 0 20px #c2185b33,0 0 40px #e91e631a}.cinema-text-success{color:#ad1457;font-size:calc(10px + 2vmin);line-height:1.6}.cinema-text-delay-1{animation-delay:.2s}.cinema-text-delay-2{animation-delay:.47s}.cinema-text-delay-3{animation-delay:.73s}.cinema-text-delay-4{animation-delay:1s}.cinema-text-delay-5{animation-delay:1.27s}.cinema-text-delay-6{animation-delay:1.53s;animation:cinemaTextIn .53s ease 1.53s forwards;opacity:0}@keyframes cinemaTextIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cinema-button-group{animation:cinemaTextIn .53s ease forwards;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px;opacity:0}.cinema-btn{border:none;border-radius:12px;cursor:pointer;font-family:Lobster,cursive;font-family:var(--font-family);font-size:18px;letter-spacing:1px;padding:14px 28px;transition:transform .3s ease,box-shadow .3s ease}.cinema-btn-yes{animation:cinemaBtnPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#e91e63,#ff4081);box-shadow:0 4px 20px #e91e6359;color:#fff}.cinema-btn-yes:hover{box-shadow:0 6px 30px #e91e6380;transform:scale(1.1)}.cinema-btn-no{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#880e4f14;border:1.5px solid #e91e6340;color:#880e4f}.cinema-btn-no:hover{background:#880e4f1f;color:#ad1457;transform:scale(1.05)}@keyframes musicPulse{0%,to{box-shadow:0 0 20px #ff649680;transform:scale(1)}50%{box-shadow:0 0 30px #ff6496b3,0 0 60px #ff64964d;transform:scale(1.08)}}.view-switcher{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff26;border:1px solid #ffc8dc26;border-radius:30px;box-shadow:0 4px 24px #0000002e,inset 0 0 0 1px #fff3;display:flex;gap:0;left:50%;padding:5px;position:absolute;top:150px;transform:translateX(-50%);z-index:100}.view-switcher-btn{background:#0000;border:none;border-radius:26px;color:#ffdce6bf;cursor:pointer;font-family:Playfair Display,serif;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 30px;transition:all .35s ease;white-space:nowrap}.view-switcher-btn.active{background:linear-gradient(135deg,#e91e63d9,#ff4081d9);box-shadow:0 2px 14px #e91e6373;color:#fff;text-shadow:0 1px 3px #0003}.view-switcher-btn:hover:not(.active){background:#ffffff1f;color:#ffdce6}.story-timeline-scroll{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:200px 40px 120px;position:absolute;scrollbar-color:#ff96b44d #0000;scrollbar-width:thin;top:0;width:100%;z-index:2}.story-timeline-scroll::-webkit-scrollbar{width:6px}.story-timeline-scroll::-webkit-scrollbar-thumb{background:#ff96b44d;border-radius:3px}.story-timeline{margin:0 auto;max-width:800px;padding:20px 0;position:relative}.story-timeline-line{background:linear-gradient(180deg,#ff96b400,#ff96b480 10%,#ff96b480 90%,#ff96b400);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.story-timeline-empty{align-items:center;color:#ffdce6b3;display:flex;flex-direction:column;font-family:Lobster,cursive;font-family:var(--font-family);font-size:1.3em;height:100%;justify-content:center;padding:40px;text-align:center}.story-timeline-empty-icon{animation:loadPulse 2s ease-in-out infinite;font-size:3em;margin-bottom:16px}.story-timeline-empty-hint{color:#ffc8dc80;font-size:.7em;margin-top:12px}.timeline-node{margin-bottom:50px;opacity:0;position:relative;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;width:45%}.timeline-node-visible{opacity:1;transform:translateY(0)}.timeline-node-left{margin-left:0;margin-right:auto;padding-right:40px;text-align:right}.timeline-node-right{margin-left:auto;margin-right:0;padding-left:40px;text-align:left}.timeline-node-highlight .timeline-card{animation:nodeGlow 1s ease 2}@keyframes nodeGlow{0%,to{box-shadow:0 4px 20px #ff649633}50%{box-shadow:0 4px 30px #ff649699,0 0 40px #ff64964d}}.timeline-dot{align-items:center;background:linear-gradient(135deg,#ff4d6d,#ff85a2);border-radius:50%;box-shadow:0 0 16px #ff4d6d80;display:flex;height:36px;justify-content:center;position:absolute;top:20px;width:36px;z-index:5}.timeline-node-left .timeline-dot{right:-18px}.timeline-node-right .timeline-dot{left:-18px}.timeline-dot-icon{font-size:16px}.timeline-date{color:#ffc8dc99;font-family:Lobster,cursive;font-family:var(--font-family);font-size:.8em;margin-bottom:8px}.timeline-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffc8dc33;border-radius:16px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s ease}.timeline-card:hover{background:#ffffff1f;border-color:#ffc8dc66;box-shadow:0 4px 24px #ff649640;transform:translateY(-2px)}.timeline-card-locked{cursor:default;filter:grayscale(.5) blur(1px)}.timeline-card-locked:hover{animation:lockedShake .4s ease;filter:grayscale(.5) blur(1px)}@keyframes lockedShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.timeline-card-letter{border-color:#ffc8964d;cursor:pointer}.timeline-card-letter:hover:not(.timeline-card-locked){border-color:#ffc89699;box-shadow:0 4px 24px #ffb4824d}.timeline-lock-badge{font-size:18px;position:absolute;right:10px;top:10px}.timeline-card-title{color:#ffe6f0f2;font-family:Lobster,cursive;font-family:var(--font-family);font-size:1.1em;margin:0 0 8px}.timeline-card-media{border-radius:10px;margin:10px 0;overflow:hidden}.timeline-media-el{border-radius:10px;display:block;max-height:280px;object-fit:cover;width:100%}.timeline-card-text{color:#ffdce6cc;font-family:Georgia,serif;font-size:.95em;line-height:1.6;margin:8px 0 0}.timeline-card-text-locked{filter:blur(4px);-webkit-user-select:none;user-select:none}.timeline-letter-prompt{color:#ffc896b3;font-family:Lobster,cursive;font-family:var(--font-family);font-size:.8em;font-style:italic;margin-top:10px}.timeline-edit-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s;width:30px;z-index:5}.timeline-edit-btn:hover{background:#ffffff4d}.letter-reader-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.letter-reader-modal{animation:slideUp .4s ease;background:linear-gradient(135deg,#fffaf5,#fff5ee);border-radius:20px;box-shadow:0 12px 60px #a050644d;max-height:85vh;max-width:700px;overflow-y:auto;padding:50px 44px 40px;position:relative;width:66%}.letter-reader-seal{font-size:2.5em;margin-bottom:10px;text-align:center}.letter-reader-title{color:#8b3a62;font-family:Lobster,cursive;font-family:var(--font-family);font-size:1.8em;margin:0 0 6px;text-align:center}.letter-reader-date{color:#b06080;font-family:Georgia,serif;font-size:.9em;font-style:italic;margin-bottom:24px;text-align:center}.letter-reader-content{color:#4a2040;font-family:Georgia,serif;font-size:1.05em;line-height:1.9;text-align:left;white-space:pre-wrap}.letter-reader-blurred{color:#999;filter:blur(5px);-webkit-user-select:none;user-select:none}.letter-reader-signature{color:#d63384;font-family:Lobster,cursive;font-family:var(--font-family);font-size:1.1em;margin-top:30px;text-align:right}.letter-reader-locked{text-align:center}.letter-reader-lock-icon{animation:lockPulse 2s ease-in-out infinite;font-size:3em;margin-bottom:12px}.letter-reader-lock-msg{color:#8b3a62;font-family:Lobster,cursive;font-family:var(--font-family);font-size:1.1em;margin-bottom:20px}.add-memory-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.add-memory-modal{animation:slideUp .35s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #ffc8dc40;border-radius:24px;box-shadow:0 12px 48px #0000004d;color:#fff;max-height:85vh;max-width:520px;overflow-y:auto;padding:36px 30px 28px;position:relative;width:90%}.add-memory-title{color:#ffe6f0f2;font-size:1.6em;margin:0 0 20px}.add-memory-subtitle,.add-memory-title{font-family:Lobster,cursive;font-family:var(--font-family);text-align:center}.add-memory-subtitle{color:#ffdce6b3;font-size:1em;margin-bottom:16px}.add-memory-categories{display:flex;flex-direction:column;gap:10px}.add-memory-cat-btn{align-items:center;background:#ffffff0f;border:1px solid #ffc8dc33;border-radius:14px;color:#ffe6f0e6;cursor:pointer;display:flex;font-family:Lobster,cursive;font-family:var(--font-family);font-size:15px;gap:10px;padding:14px 20px;text-align:left;transition:all .2s ease}.add-memory-cat-btn:hover{background:#ffffff26;border-color:#ffc8dc66;transform:translateX(4px)}.add-memory-cat-icon{font-size:1.4em}.add-memory-form{display:flex;flex-direction:column;gap:16px}.add-memory-back{align-self:flex-start;background:none;border:none;color:#ffc8dcb3;cursor:pointer;font-family:Lobster,cursive;font-family:var(--font-family);font-size:14px;padding:4px 0;transition:color .2s}.add-memory-back:hover{color:#ffc8dc}.add-memory-label{color:#ffdce6cc;display:flex;flex-direction:column;font-size:.9em;gap:6px}.add-memory-input,.add-memory-label{font-family:Lobster,cursive;font-family:var(--font-family)}.add-memory-input{background:#ffffff14;border:1px solid #ffc8dc40;border-radius:10px;color:#fff;font-size:15px;outline:none;padding:10px 14px;transition:border-color .2s}.add-memory-input:focus{border-color:#ff96b480}.add-memory-textarea{background:#ffffff14;border:1px solid #ffc8dc40;border-radius:12px;color:#fff;font-family:Georgia,serif;font-size:15px;line-height:1.6;min-height:80px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s}.add-memory-textarea:focus{border-color:#ff96b480}.add-memory-hint{color:#ffc8dc80;font-size:.8em;margin-top:2px}.add-memory-upload{display:flex;flex-direction:column;gap:10px}.add-memory-upload-btn{background:#ffffff0a;border:2px dashed #ffc8dc4d;border-radius:12px;color:#ffdce6cc;cursor:pointer;font-family:Lobster,cursive;font-family:var(--font-family);font-size:14px;padding:12px 18px;text-align:center;transition:all .2s}.add-memory-upload-btn:hover{background:#ffffff14;border-color:#ffc8dc80}.add-memory-preview{border-radius:12px;max-height:200px;overflow:hidden}.add-memory-preview-media{background:#0000001a;border-radius:12px;max-height:200px;object-fit:contain;width:100%}.add-memory-file-info{color:#ffb4c8cc;display:block;font-family:Courier Prime,monospace;font-size:11px;letter-spacing:.3px;margin-top:6px;text-align:center}.add-memory-save-btn{align-self:center;background:linear-gradient(135deg,#ff4d6d,#ff85a2);border:none;border-radius:30px;box-shadow:0 4px 16px #ff4d6d59;color:#fff;cursor:pointer;font-family:Lobster,cursive;font-family:var(--font-family);font-size:16px;padding:14px 28px;transition:all .3s ease}.add-memory-save-btn:hover:not(:disabled){box-shadow:0 6px 24px #ff4d6d80;transform:scale(1.04)}.add-memory-save-btn:disabled{cursor:default;opacity:.6}.add-memory-saved{padding:40px 0;text-align:center}.add-memory-saved-icon{animation:loadPulse 1s ease-in-out infinite;font-size:3em;margin-bottom:12px}.add-memory-saved p{color:#ffe6f0f2;font-family:Lobster,cursive;font-family:var(--font-family);font-size:1.3em}.add-memory-fab{align-items:center;background:linear-gradient(135deg,#ff4d6d,#ff85a2);border:none;border-radius:50%;bottom:38px;box-shadow:0 4px 20px #ff4d6d80;color:#fff;cursor:pointer;display:flex;font-size:34px;font-weight:700;height:68px;justify-content:center;position:absolute;right:30px;transition:all .3s ease;width:68px;z-index:100}.add-memory-fab:hover{box-shadow:0 6px 28px #ff4d6db3;transform:scale(1.1) rotate(90deg)}.admin-badge{animation:fadeIn .3s ease;background:#ff4d6dcc;border-radius:20px;color:#fff;font-family:Lobster,cursive;font-family:var(--font-family);font-size:12px;padding:6px 14px;position:absolute;right:18px;top:18px;z-index:100}.edit-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.edit-delete-btn{background:#dc32321a;border:1px solid #dc323266;border-radius:20px;color:#e74c3c;cursor:pointer;font-family:Lobster,cursive;font-family:var(--font-family);font-size:14px;padding:10px 20px;transition:all .2s}.edit-delete-btn:hover{background:#dc323233;border-color:#dc323299}.media-story-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;box-sizing:border-box;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.media-story-modal{-webkit-overflow-scrolling:touch;animation:slideUp .35s ease;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#280f23f2,#3c1432eb);border:1px solid #ffc8dc33;border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 40px #ff508c26,inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;max-height:92vh;max-height:92dvh;max-width:720px;overflow:hidden;overflow-y:auto;padding:0;position:relative;width:96%}.media-story-close{align-items:center;background:#0006;border:1px solid #ffffff26;border-radius:50%;color:#ffdce6e6;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:14px;top:12px;transition:all .2s;width:36px;z-index:10}.media-story-close:hover{background:#e91e6399;transform:scale(1.1)}.media-story-media-wrapper{align-items:center;background:#0000004d;border-radius:24px 24px 0 0;display:flex;flex-shrink:0;justify-content:center;max-height:70vh;min-height:30vh;overflow:hidden;width:100%}.media-story-media{display:block;max-height:70vh;object-fit:contain;width:100%}.media-story-content{padding:24px 28px 28px}.media-story-title{color:#ffd6e3;font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 6px;text-shadow:0 0 8px #ff64964d}.media-story-date{color:#ffb4c8b3;font-size:13px;font-style:italic;margin:0 0 16px}.media-story-date,.media-story-text{font-family:Lobster,cursive;font-family:var(--font-family)}.media-story-text{word-wrap:break-word;color:#ffe6f0e6;font-size:15px;line-height:1.7;margin:0 0 20px;white-space:pre-wrap}.media-story-form{padding:24px 28px 28px}.media-story-form-title{color:#ffd6e3;font-family:Playfair Display,serif;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center;text-shadow:0 0 8px #ff64964d}.media-story-label{color:#ffc8dccc;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;margin-bottom:16px}.media-story-input,.media-story-label{font-family:Lobster,cursive;font-family:var(--font-family)}.media-story-input{background:#ffffff0f;border:1px solid #ffc8dc33;border-radius:14px;box-sizing:border-box;color:#ffe6f0f2;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.media-story-input:focus{border-color:#ff649680;box-shadow:0 0 12px #ff508c33}.media-story-textarea{background:#ffffff0f;border:1px solid #ffc8dc33;border-radius:14px;box-sizing:border-box;color:#ffe6f0f2;font-family:Lobster,cursive;font-family:var(--font-family);font-size:15px;min-height:80px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.media-story-textarea:focus{border-color:#ff649680;box-shadow:0 0 12px #ff508c33}.media-story-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.media-story-btn{border:none;border-radius:22px;cursor:pointer;font-family:Playfair Display,serif;font-size:15px;font-weight:600;letter-spacing:.3px;padding:12px 24px;transition:all .25s ease}.media-story-btn-save{background:linear-gradient(135deg,#e91e63d9,#ff4081d9);box-shadow:0 4px 16px #e91e6359;color:#fff}.media-story-btn-save:hover{box-shadow:0 6px 24px #e91e6380;transform:scale(1.05)}.media-story-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.media-story-btn-edit{background:#ffffff1a;border:1px solid #ffc8dc40;color:#ffdce6e6}.media-story-btn-edit:hover{background:#ffffff2e;transform:scale(1.05)}.media-story-btn-delete{background:#dc32321f;border:1px solid #dc323240;color:#ff6b6b}.media-story-btn-delete:hover{background:#dc323240;transform:scale(1.05)}.media-story-btn-delete:disabled{cursor:not-allowed;opacity:.5}.media-story-btn-cancel{background:#ffffff14;border:1px solid #ffc8dc26;color:#ffdce6b3}.media-story-btn-cancel:hover{background:#ffffff26}.media-story-saved{padding:30px 28px;text-align:center}.media-story-saved-icon{display:block;font-size:48px;margin-bottom:10px}.media-story-saved p{color:#ffd6e3;font-family:Playfair Display,serif;font-size:20px;margin:0}@media (max-width:768px){.media-story-modal{border-radius:20px;max-height:90vh;max-height:90dvh;max-width:100%;width:96%}.media-story-media,.media-story-media-wrapper{max-height:40vh}.media-story-content,.media-story-form{padding:20px 20px 24px}.media-story-title{font-size:19px}.media-story-text{font-size:14px}.media-story-input,.media-story-textarea{font-size:16px}.media-story-btn{font-size:14px;padding:10px 20px}}.showcase-caption{align-items:flex-end;background:linear-gradient(#0000,#000000b3);border-radius:0 0 12px 12px;bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease}.showcase-box:hover .showcase-caption{opacity:1;pointer-events:auto}.showcase-caption-text{color:#ffffffe6;flex:1 1;font-family:Lobster,cursive;font-family:var(--font-family);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-caption-link{cursor:pointer;flex-shrink:0;font-size:16px;margin-left:8px;transition:transform .2s}.showcase-caption-link:hover{transform:scale(1.3)}@media (max-width:768px){.lock-icon{font-size:64px;margin-bottom:30px}.lock-input{font-size:28px;padding:16px 24px;width:220px}.cinema-page-content{padding:calc(24px + env(safe-area-inset-top, 0px)) 16px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(24px + var(--sai-bottom));padding-top:calc(24px + var(--sai-top))}.cinema-gif{max-width:220px}.cinema-text{font-size:calc(10px + 2.5vmin)}.cinema-text-question{font-size:calc(12px + 2.5vmin)}.cinema-enter-btn{font-size:20px;min-height:48px;padding:18px 40px}.cinema-heading{font-size:calc(16px + 3vmin)}.cinema-body{font-size:calc(9px + 1.5vmin)}.cinema-intro,.cinema-page{height:100vh;height:100dvh;height:-webkit-fill-available}.cinema-grain{animation:none;opacity:.015}.cinema-particle{will-change:auto}.story-timeline-line{left:20px}.story-timeline-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:120px 12px calc(100px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(100px + var(--sai-bottom))}.timeline-node{margin-left:50px!important;margin-right:0!important;padding-left:20px!important;padding-right:0!important;text-align:left!important;width:calc(100% - 50px)}.timeline-dot{left:-38px!important;right:auto!important}.add-memory-modal{padding:24px 14px 20px;width:95%}.add-memory-modal,.letter-reader-modal{-webkit-overflow-scrolling:touch;max-height:80dvh;max-height:80vh}.letter-reader-modal{padding:28px 18px 22px;width:92%}.add-memory-fab{bottom:24px;font-size:24px;height:48px;right:16px;width:48px}.admin-badge{bottom:80px;font-size:10px;right:16px;top:auto}.starfield-canvas{opacity:.7}.memory-lane{bottom:0;height:100dvh;height:-webkit-fill-available;left:0;position:fixed;right:0;top:0}.add-memory-overlay,.letter-overlay,.letter-reader-overlay{height:100vh;height:100dvh;height:-webkit-fill-available}}@media (max-width:450px) and (min-height:800px){.cinema-gif{max-width:240px}.cinema-page-content{padding:calc(32px + env(safe-area-inset-top, 0px)) 20px 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(32px + var(--sai-bottom));padding-top:calc(32px + var(--sai-top))}.cinema-text{font-size:calc(11px + 2.5vmin);margin:10px 0}.cinema-text-question{font-size:calc(13px + 2.5vmin)}.cinema-enter-btn{font-size:20px;padding:20px 44px}.cinema-enter-btn--warm{font-size:17px;max-width:90vw;padding:18px 32px}.postbox-wrapper{transform:scale(.85)}}@media (max-width:400px){.postbox-wrapper{transform:scale(.7)}.cinema-text{font-size:calc(9px + 2vmin)}.cinema-gif{max-width:180px}}@media (max-height:600px){.love-counter-overlay{top:4px}.love-counter-message{font-size:14px;margin:0 0 4px}.love-counter-growing{font-size:11px;margin:3px 0 0}.love-counter-clock{gap:4px;padding:6px 14px}.love-counter-num{font-size:32px}.love-counter-unit{min-width:36px}.love-counter-label{font-size:8px}.view-switcher{top:86px}.view-switcher-btn{font-size:11px;padding:6px 14px}.postbox-wrapper{bottom:6px;left:4px;transform:scale(.65)}.add-memory-fab{bottom:18px;font-size:20px;height:40px;right:12px;width:40px}}@media (max-width:600px) and (max-height:600px){.love-counter-growing,.love-counter-message{display:none}.view-switcher{top:60px}}@supports (padding:env(safe-area-inset-bottom)){.memory-lane-content-area,.view-switcher{padding-bottom:env(safe-area-inset-bottom)}.letter-modal{padding-bottom:calc(30px + env(safe-area-inset-bottom))}.lock-screen{padding-top:env(safe-area-inset-top)}}@media (max-height:500px) and (orientation:landscape){.cinema-gif{max-width:120px}.cinema-page-content{padding:12px 16px}.cinema-text{font-size:calc(8px + 1.5vmin);margin:4px 0}.cinema-enter-btn{font-size:14px;margin-top:12px;padding:10px 24px}.lock-icon{font-size:36px;margin-bottom:12px}.lock-input{font-size:22px;padding:10px 16px;width:180px}}@media print{.App-button{display:none}}
/*# sourceMappingURL=main.e84a21a3.css.map*/