:root{--primary-color:#ff4d6d;--secondary-color:#ffb3c1;--background-gradient:linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--text-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background:#000;min-height:100vh;font-family:Noto Serif SC,serif;overflow:hidden}#app{width:100%;height:100vh;position:relative}.screen{opacity:0;z-index:100;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0}.screen.active{opacity:1;pointer-events:all}.glass{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:4rem;box-shadow:0 8px 32px #000c}.title{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#ff4d6d,#ffb3c1);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Great Vibes,cursive;font-size:5rem}.description{color:#ffb3c1;letter-spacing:.1rem;margin-bottom:3rem;font-size:1.2rem}.btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff4d6d,#c9184a);border:none;border-radius:50px;padding:1.2rem 4rem;font-size:1.2rem;font-weight:700;transition:all .4s;box-shadow:0 10px 20px -5px #ff4d6d80}.btn:hover{transform:scale(1.05);box-shadow:0 15px 30px -5px #ff4d6db3}#camera-container{background:#000}#webcam{object-fit:cover;opacity:.7;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.instruction-overlay{z-index:101;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border-radius:20px;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.highlight{color:var(--primary-color);font-size:1.4rem;font-weight:700}#three-container{z-index:1;opacity:0;background:radial-gradient(circle,#24243e 0%,#1b2735 40%,#090a0f 100%);width:100%;height:100%;transition:opacity 2s ease-in;position:fixed;top:0;left:0}#three-container.active{opacity:1}#final-overlay{z-index:200;pointer-events:none;opacity:0;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-bottom:10vh;transition:opacity 3s ease-in 1s;display:flex;position:fixed;bottom:0;left:0}#final-overlay.active{opacity:1}.love-message{color:#fff;text-shadow:0 0 20px #ff4d6d;margin-bottom:2rem;font-family:Great Vibes,cursive;font-size:4rem}.hint{color:#fff9;letter-spacing:.2rem;font-size:1rem}.loading-overlay{z-index:1000;opacity:0;pointer-events:none;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.loading-overlay.active{opacity:1;pointer-events:all}.spinner{border:4px solid #ff4d6d33;border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}@media (width<=600px){.title{font-size:3rem}.love-message{font-size:2.6rem}}