@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Inter:wght@300;400;600&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#fffafb;--primary-pink:#ff85a2;--secondary-pink:#ffb7c5;--text-main:#4a4a4a;--text-muted:#8e8e8e;--glass-bg:#fffc}*{box-sizing:border-box}#root,body,html{background-color:#fffafb;background-color:var(--bg-color);color:#4a4a4a;color:var(--text-main);font-family:Inter,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.App{width:100vw}.App,.act-1-intro{display:flex;flex-direction:column;height:100vh}.act-1-intro{align-items:center;animation:fadeIn 1.5s ease;justify-content:center;text-align:center}.act-1-intro h1{color:#ff85a2;color:var(--primary-pink);font-family:Dancing Script,cursive;font-size:4rem;margin-bottom:10px}.pulsing-heart{animation:heartPulse 2s infinite;cursor:pointer;font-size:5rem;margin:20px}.act-2-memories{height:100vh;overflow-y:auto;padding:60px 20px;scrollbar-width:none}.act-2-memories::-webkit-scrollbar{display:none}.memory-gallery{display:flex;flex-direction:column;gap:150px;margin:0 auto;max-width:600px}.polaroid{background:#fff;box-shadow:0 10px 30px #0000000d;padding:15px 15px 40px;transform:rotate(-2deg);transition:transform .3s}.polaroid:nth-child(2n){transform:rotate(3deg)}.polaroid.small{align-self:center;width:320px}.polaroid .action-btn{display:block;margin:20px auto 0}.polaroid .img-placeholder,.polaroid img{aspect-ratio:1/1;background:#f0f0f0;margin-bottom:15px;width:100%}.polaroid p{font-family:Dancing Script,cursive;font-size:1.5rem;margin:0;text-align:center}.act-3-play{height:100vh;position:relative;width:100vw}.pulse-transition{align-items:center;background:#121212;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.date-nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--glass-bg);border-radius:30px;bottom:30px;box-shadow:0 5px 20px #0000001a;display:flex;gap:20px;left:50%;opacity:.1;padding:10px 30px;position:fixed;transform:translateX(-50%);transition:opacity .3s;z-index:1000}.date-nav-bar:hover{opacity:1}.date-nav-bar button{background:none;border:none;border-radius:15px;color:#ff85a2;color:var(--primary-pink);cursor:pointer;font-weight:600;padding:5px 10px}.date-nav-bar button.active{background:#ff85a2;background:var(--primary-pink);color:#fff}.quick-exit{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ff85a280;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s;width:50px;z-index:2000}.quick-exit:hover{background:#ff85a2;background:var(--primary-pink);transform:scale(1.1)}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}iframe{border:none;height:100%;width:100%}.action-btn{background:#ff85a2;background:var(--primary-pink);border:none;border-radius:30px;box-shadow:0 6px 18px #ff85a266;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:12px 28px;transition:transform .2s,box-shadow .2s}.action-btn:hover{box-shadow:0 10px 24px #ff85a280;transform:translateY(-2px)}.conn-banner{background:#ffb7c5;color:#6b2c3a;font-size:14px;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;z-index:3000}.act-0-lobby{align-items:center;animation:fadeIn 1.5s ease;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;text-align:center}.act-0-lobby h1{color:#ff85a2;color:var(--primary-pink);font-family:Dancing Script,cursive;font-size:3.5rem;margin:0}.lobby-dots{align-items:center;display:flex;font-size:2rem;gap:14px}.lobby-dots .dot{opacity:.25;transition:opacity .4s,transform .4s}.lobby-dots .dot.on{opacity:1;transform:scale(1.15)}.lobby-dots .dot-line{background:#ffb7c5;background:var(--secondary-pink);height:2px;width:60px}.lobby-waiting{animation:heartPulse 2s infinite;font-style:italic}.lobby-role,.lobby-waiting{color:#8e8e8e;color:var(--text-muted)}.lobby-role{font-size:12px;position:absolute;top:20px}.next-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;background:var(--glass-bg);border:1px solid #ff85a280;border-radius:50%;color:#ff85a2;color:var(--primary-pink);cursor:pointer;font-size:26px;height:54px;opacity:.5;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:opacity .3s,transform .3s;width:54px;z-index:1500}.next-btn:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.reaction-floats{inset:0;pointer-events:none;position:fixed;z-index:2500}.reaction-float{animation:floatUp 2.6s ease-out forwards;bottom:90px;font-size:2rem;position:absolute}.reaction-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--glass-bg);border-radius:24px;bottom:30px;box-shadow:0 5px 20px #0000001a;display:flex;gap:6px;left:20px;opacity:.4;padding:6px 10px;position:fixed;transition:opacity .3s;z-index:1000}.reaction-bar:hover{opacity:1}.reaction-bar button{background:none;border:none;cursor:pointer;font-size:1.3rem;padding:2px 4px;transition:transform .15s}.reaction-bar button:hover{transform:scale(1.3)}.note-floats{align-items:center;display:flex;flex-direction:column;gap:10px;left:50%;pointer-events:none;position:fixed;top:30px;transform:translateX(-50%);z-index:2600}.note-card{animation:fadeIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;font-family:Dancing Script,cursive;font-size:1.4rem;max-width:70vw;padding:12px 20px}.note-card.mine{border:2px solid #ff85a2;border:2px solid var(--primary-pink)}.note-card.theirs{border:2px solid #4a90e2}.note-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ff85a280;border-radius:50%;bottom:30px;cursor:pointer;font-size:22px;height:50px;width:50px}.note-composer,.note-toggle{background:#fffc;background:var(--glass-bg);position:fixed;right:20px;z-index:1600}.note-composer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;bottom:90px;box-shadow:0 8px 24px #0000001f;display:flex;gap:6px;padding:8px}.note-composer input{border:1px solid #ffb7c5;border:1px solid var(--secondary-pink);border-radius:12px;font-family:Inter,sans-serif;outline:none;padding:8px 12px;width:200px}.note-composer button{background:#ff85a2;background:var(--primary-pink);border:none;border-radius:12px;color:#fff;cursor:pointer;padding:0 16px}.act-playlist{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center;padding:40px}.act-draw h2,.act-playlist h2,.act-questions h2{color:#ff85a2;color:var(--primary-pink);font-family:Dancing Script,cursive;font-size:2.6rem;margin:0}.now-playing{text-align:center}.np-title{font-size:1.6rem;font-weight:600}.np-artist{color:#8e8e8e;color:var(--text-muted)}.player-controls{align-items:center;display:flex;gap:20px}.player-controls button{background:none;border:none;cursor:pointer;font-size:1.8rem}.player-controls .play-btn{font-size:2.6rem}.track-list{list-style:none;max-width:360px;padding:0;width:100%}.track-list li{border-radius:12px;cursor:pointer;padding:10px 14px;transition:background .2s}.track-list li span{color:#8e8e8e;color:var(--text-muted)}.track-list li:hover{background:#ff85a21a}.track-list li.active{background:#ffb7c5;background:var(--secondary-pink);color:#fff}.track-list li.active span{color:#fff}.act-questions{align-items:center;display:flex;flex-direction:column;gap:30px;height:100vh;justify-content:center;padding:40px}.question-card{animation:fadeIn .5s ease;background:#fff;border-radius:24px;box-shadow:0 16px 40px #00000014;max-width:520px;padding:50px 40px;position:relative;text-align:center}.question-card .q-count{color:#8e8e8e;color:var(--text-muted);font-size:12px;position:absolute;right:20px;top:16px}.question-card p{color:#4a4a4a;color:var(--text-main);font-family:Dancing Script,cursive;font-size:2rem;margin:0}.question-nav{display:flex;gap:16px}.question-nav button{background:#fffc;background:var(--glass-bg);border:1px solid #ffb7c5;border:1px solid var(--secondary-pink);border-radius:20px;color:#ff85a2;color:var(--primary-pink);cursor:pointer;font-weight:600;padding:10px 22px}.question-nav button:disabled{cursor:default;opacity:.3}.act-draw{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center;padding:40px}.draw-canvas{aspect-ratio:12/7;background:#fff;border-radius:16px;box-shadow:0 16px 40px #00000014;cursor:crosshair;max-height:70vh;touch-action:none;width:min(90vw,1000px)}.draw-clear{background:#8e8e8e;background:var(--text-muted);box-shadow:none}.act-finale{background:#121212;height:100vh;justify-content:center;position:relative;width:100vw}.act-finale,.finale-slide{align-items:center;display:flex;flex-direction:column}.finale-slide{animation:fadeIn 1s ease;gap:20px}.finale-photo{background-position:50%;background-size:cover;border-radius:12px;box-shadow:0 20px 60px #00000080;height:min(70vh,520px);width:min(70vw,520px)}.finale-caption{color:#fff;font-family:Dancing Script,cursive;font-size:2rem}.finale-message{animation:fadeIn 1.5s ease;max-width:600px;padding:40px;text-align:center}.finale-message p{color:#ffb7c5;color:var(--secondary-pink);font-family:Dancing Script,cursive;font-size:2.4rem;line-height:1.4;margin-bottom:30px}.finale-playpause{background:#ffffff26;border:none;border-radius:50%;bottom:30px;color:#fff;cursor:pointer;font-size:1.4rem;height:50px;left:50%;position:fixed;transform:translateX(-50%);width:50px;z-index:1000}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-70vh) scale(1.4)}}@media (max-width:600px){.act-1-intro h1{font-size:3rem}.finale-caption,.note-card,.question-card p{font-size:1.5rem}.question-card{padding:36px 24px}.date-nav-bar{gap:10px;opacity:.6;padding:8px 16px}.finale-photo{height:50vh;width:80vw}.reaction-bar{opacity:.7}}
/*# sourceMappingURL=main.b7615fd1.css.map*/