:root{--color-void: #050505;--color-aurora: #00FFC2;--color-laser: #FF0055;--color-pure: #FFFFFF;--color-dim: rgba(255, 255, 255, .1);--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--color-void);color:var(--color-pure);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{width:100%;height:100%;position:relative}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.ui-overlay>*{pointer-events:auto}.void-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);animation:fadeIn 1.5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse-orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--color-aurora) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite;filter:blur(30px)}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.void-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-weight:900;text-transform:uppercase;letter-spacing:.3em;background:linear-gradient(135deg,var(--color-aurora),var(--color-laser));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(0,255,194,.3)}.void-subtitle{font-size:1.2rem;font-weight:300;color:#fff9;letter-spacing:.2em}.cta-button{position:relative;padding:1rem 3rem;font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--color-void);background:var(--color-aurora);border:none;cursor:pointer;overflow:hidden;transition:all .3s ease}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.cta-button:hover{transform:scale(1.05);box-shadow:0 0 40px #00ffc280}.cta-button:hover:before{left:100%}.fallback-link{margin-top:var(--space-sm);font-size:.85rem;color:#fff6;cursor:pointer;transition:color .3s ease;text-decoration:underline}.fallback-link:hover{color:var(--color-aurora)}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);animation:fadeIn .8s ease-out}.upload-dropzone{width:min(500px,80vw);height:300px;border:2px dashed rgba(0,255,194,.3);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;transition:all .3s ease;background:#00ffc205}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:var(--color-aurora);background:#00ffc214;box-shadow:0 0 60px #00ffc21a inset}.upload-icon{font-size:4rem;opacity:.6}.upload-text{font-size:1.1rem;color:#ffffffb3}.upload-hint{font-size:.85rem;color:#fff6}.photo-counter{font-family:var(--font-display);font-size:1.5rem;color:var(--color-aurora)}.photo-counter span{font-size:3rem;font-weight:900}.start-button{padding:1.2rem 4rem;font-family:var(--font-display);font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;color:var(--color-void);background:linear-gradient(135deg,var(--color-aurora),#00D4A8);border:none;cursor:pointer;transition:all .3s ease;opacity:.3;pointer-events:none}.start-button.active{opacity:1;pointer-events:auto;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #00ffc24d}50%{box-shadow:0 0 60px #00ffc299}}.start-button:hover{transform:scale(1.08);box-shadow:0 0 80px #00ffc2b3}.photo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:520px;max-height:180px;overflow-y:auto;padding:.5rem;background:#0000004d;border:1px solid rgba(0,255,194,.1);border-radius:12px}.photo-grid::-webkit-scrollbar{width:6px}.photo-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.photo-grid::-webkit-scrollbar-thumb{background:var(--color-aurora);border-radius:3px}.photo-thumbnail{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.photo-thumbnail:hover{transform:scale(1.1);border-color:var(--color-aurora);box-shadow:0 0 20px #00ffc24d;z-index:10}.photo-thumbnail img{width:100%;height:100%;object-fit:cover}.photo-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#f05c;border:none;border-radius:50%;color:#fff;font-size:10px;cursor:pointer;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.photo-thumbnail:hover .photo-remove{opacity:1}.photo-remove:hover{background:var(--color-laser);transform:scale(1.1)}.control-ui{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);display:flex;gap:var(--space-sm);z-index:100}.mode-button{padding:.8rem 1.5rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;transition:all .3s ease}.mode-button:hover{background:#ffffff1a;color:var(--color-pure)}.mode-button.active{background:var(--color-aurora);border-color:var(--color-aurora);color:var(--color-void)}.gesture-hint{position:fixed;top:var(--space-md);right:var(--space-md);padding:var(--space-sm) var(--space-md);background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.85rem;color:#ffffffb3}.gesture-hint strong{color:var(--color-aurora)}.privacy-notice{position:fixed;bottom:var(--space-sm);left:50%;transform:translate(-50%);padding:.5rem 1rem;font-size:.75rem;color:#ffffff4d;background:#00000080;border-radius:20px}.privacy-notice:before{content:"🔒 "}.loading-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.loading-spinner{width:60px;height:60px;border:3px solid rgba(0,255,194,.1);border-top-color:var(--color-aurora);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);font-size:1rem;letter-spacing:.2em;color:var(--color-aurora);animation:flicker 1.5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.void-title{letter-spacing:.15em}.upload-dropzone{height:200px}.control-ui{flex-wrap:wrap;justify-content:center}}.bigbang-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%)}.bigbang-shake{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bigbang-overlay.collapse .bigbang-shake{animation:shake .3s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,3px)}50%{transform:translate(5px,-3px)}75%{transform:translate(-3px,-5px)}}.bigbang-ring{position:absolute;border-radius:50%;border:2px solid var(--color-aurora);opacity:0}.bigbang-ring.ring-1{width:100px;height:100px;animation:ringPulse 1.5s ease-out infinite;animation-delay:0s}.bigbang-ring.ring-2{width:100px;height:100px;animation:ringPulse 1.5s ease-out infinite;animation-delay:.3s}.bigbang-ring.ring-3{width:100px;height:100px;animation:ringPulse 1.5s ease-out infinite;animation-delay:.6s}@keyframes ringPulse{0%{width:50px;height:50px;opacity:.8;border-width:4px}to{width:400px;height:400px;opacity:0;border-width:1px}}.bigbang-orb{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.bigbang-orb-inner{width:30px;height:30px;border-radius:50%;background:var(--color-aurora);animation:orbPulse .5s ease-in-out infinite alternate}.bigbang-overlay.collapse .bigbang-orb-inner{animation:orbCollapse 1s ease-in forwards}.bigbang-overlay.explode .bigbang-orb-inner{animation:orbExplode .5s ease-out forwards}@keyframes orbPulse{0%{transform:scale(1);box-shadow:0 0 30px var(--color-aurora)}to{transform:scale(1.2);box-shadow:0 0 60px var(--color-aurora),0 0 100px var(--color-laser)}}@keyframes orbCollapse{0%{transform:scale(1)}50%{transform:scale(2);background:var(--color-laser)}to{transform:scale(.1);background:var(--color-pure)}}@keyframes orbExplode{0%{transform:scale(.1)}50%{transform:scale(5);opacity:1}to{transform:scale(20);opacity:0}}.bigbang-orb-glow{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,194,.4) 0%,transparent 70%);animation:glowPulse 1s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}.bigbang-rays{position:absolute;width:300px;height:300px}.bigbang-ray{position:absolute;left:50%;top:50%;width:2px;height:0;background:linear-gradient(to top,var(--color-aurora),transparent);transform-origin:bottom center;animation:rayExtend 2s ease-out forwards}.bigbang-overlay.explode .bigbang-ray{animation:rayBurst .5s ease-out forwards}@keyframes rayExtend{0%{height:0;opacity:0}50%{height:80px;opacity:1}to{height:150px;opacity:.5}}@keyframes rayBurst{0%{height:150px;opacity:.5}to{height:500px;opacity:0}}.bigbang-flash{position:absolute;width:10px;height:10px;background:var(--color-aurora);border-radius:50%;opacity:0}.bigbang-overlay.explode .bigbang-flash{animation:flash .8s ease-out forwards}@keyframes flash{0%{width:10px;height:10px;opacity:1;box-shadow:0 0 100px 50px #00ffc2cc}50%{width:200vmax;height:200vmax;opacity:.8;box-shadow:0 0 200px 100px #ffffff80}to{width:200vmax;height:200vmax;opacity:0}}.bigbang-text-container{position:absolute;z-index:1001;display:flex;align-items:center;justify-content:center}.bigbang-countdown{font-family:var(--font-display);font-size:8rem;font-weight:900;color:var(--color-aurora);text-shadow:0 0 60px var(--color-aurora),0 0 120px var(--color-laser);animation:countdownPop .6s ease-out}@keyframes countdownPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.bigbang-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;color:var(--color-pure)}.bigbang-text.collapse-text{animation:textGlow .5s ease-in-out infinite alternate}.bigbang-text.explode-text{animation:textBurst .5s ease-out}@keyframes textGlow{0%{text-shadow:0 0 20px var(--color-aurora)}to{text-shadow:0 0 60px var(--color-aurora),0 0 100px var(--color-laser)}}@keyframes textBurst{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.share-trigger{position:fixed;top:var(--space-md);left:var(--space-md);padding:.8rem 1.2rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;transition:all .3s ease;z-index:100}.share-trigger:hover{background:var(--color-aurora);border-color:var(--color-aurora);color:var(--color-void)}.share-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.share-panel{position:relative;width:min(500px,90vw);padding:var(--space-lg);background:linear-gradient(135deg,#141414f2,#0a0a0afa);border:1px solid rgba(0,255,194,.2);border-radius:20px;text-align:center}.share-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:40px;height:40px;background:transparent;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;transition:color .3s ease}.share-close:hover{color:var(--color-laser)}.share-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-aurora),var(--color-laser));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.share-preview{width:100%;max-height:300px;margin-bottom:var(--space-md);border-radius:10px;overflow:hidden}.share-preview img{width:100%;height:100%;object-fit:contain}.share-options{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-md)}.share-option{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-pure);border-radius:8px;cursor:pointer;transition:all .3s ease}.share-option:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.share-option.twitter:hover{background:#1da1f2;border-color:#1da1f2}.share-option.download:hover{background:var(--color-aurora);border-color:var(--color-aurora);color:var(--color-void)}.share-option.copy:hover{background:var(--color-laser);border-color:var(--color-laser)}.share-option span{font-size:1.2rem}.share-hashtag{font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;color:var(--color-aurora);opacity:.8}.christmas-title-container{position:absolute;top:2rem;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:100;animation:titleFadeIn 1.5s ease-out}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.christmas-title{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,2.2rem);font-weight:900;text-transform:uppercase;letter-spacing:.25em;background:linear-gradient(135deg,gold,orange,#ff8c00 60%,tomato);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.4);filter:drop-shadow(0 0 20px rgba(255,165,0,.3));animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}to{filter:drop-shadow(0 0 40px rgba(255,165,0,.7))}}@media(max-width:768px){.christmas-title{letter-spacing:.15em}.christmas-title-container{top:1rem}}.photo-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:viewerFadeIn .3s ease-out}@keyframes viewerFadeIn{0%{opacity:0}to{opacity:1}}.photo-viewer-content{max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center;animation:viewerZoomIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes viewerZoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.photo-viewer-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 100px #00ffc21a}.photo-viewer-close{position:fixed;top:var(--space-md);right:var(--space-md);width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fffc;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.photo-viewer-close:hover{background:var(--color-laser);border-color:var(--color-laser);color:#fff;transform:rotate(90deg)}.photo-viewer-counter{position:fixed;top:var(--space-md);left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:1rem;letter-spacing:.2em;color:var(--color-aurora);background:#00000080;padding:.5rem 1.5rem;border-radius:20px;border:1px solid rgba(0,255,194,.2)}.photo-viewer-nav{position:fixed;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fffc;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.photo-viewer-nav:hover{background:var(--color-aurora);border-color:var(--color-aurora);color:var(--color-void);transform:translateY(-50%) scale(1.1)}.photo-viewer-prev{left:var(--space-md)}.photo-viewer-next{right:var(--space-md)}.photo-viewer-hint{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);font-size:.85rem;color:#fff6;background:#00000080;padding:.5rem 1.5rem;border-radius:20px}@media(max-width:768px){.photo-viewer-nav{width:45px;height:45px;font-size:1.5rem}.photo-viewer-close{width:40px;height:40px;font-size:1.2rem}.photo-viewer-hint{display:none}}.quick-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:quickPreviewFadeIn .3s ease-out;cursor:pointer}@keyframes quickPreviewFadeIn{0%{opacity:0}to{opacity:1}}.quick-preview-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);animation:quickPreviewZoomIn .3s ease-out}@keyframes quickPreviewZoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.quick-preview-image{max-width:40vw;max-height:40vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 0 60px #00ffc24d;border:2px solid var(--color-aurora)}.quick-preview-hint{font-size:.85rem;color:#ffffff80;background:#00000080;padding:.5rem 1.5rem;border-radius:20px}@media(max-width:768px){.quick-preview-image{max-width:70vw;max-height:50vh}}