:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-light: #e2e8f0;--border-medium: #cbd5e1;--accent-blue: #3b82f6;--accent-blue-light: #dbeafe;--accent-gray: #6b7280;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary)}p{color:var(--text-secondary)}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.card-elevated{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-lg);transition:all .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--accent-gray)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--bg-secondary);color:var(--text-primary)}input,textarea,select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border-medium);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-light)}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-tabs{display:flex;border-bottom:1px solid var(--border-light)}.nav-tab{padding:.75rem 1rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.nav-tab:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.nav-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gray)}@keyframes float{0%,to{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-20px) rotate(12deg)}}@keyframes float-delayed{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-15px) rotate(-6deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 6s ease-in-out infinite 2s}@media (max-width: 768px){.btn{padding:.75rem 1rem;font-size:1rem}.card{border-radius:6px}.card-elevated{border-radius:8px}.animate-float,.animate-float-delayed{display:none}.mobile-controls{display:block}img{max-width:100%!important;height:auto!important}.image-container{width:100%!important;max-width:none!important;overflow:hidden}body{overflow-x:hidden}main{padding-bottom:4rem!important}.flex.flex-wrap.items-center.justify-center{margin-bottom:2rem!important}@supports (padding-bottom: env(safe-area-inset-bottom)){main{padding-bottom:calc(4rem + env(safe-area-inset-bottom))!important}}}@media only screen and (width: 390px) and (height: 844px) and (-webkit-device-pixel-ratio: 3){.image-container{max-height:calc(100vh - 200px)!important;width:100%!important}img{max-width:390px!important;max-height:calc(100vh - 200px)!important;object-fit:contain!important}main{width:100%!important;padding:.5rem!important}.btn{padding:.6rem .8rem;font-size:.9rem}}@media only screen and (width: 360px) and (height: 800px) and (-webkit-device-pixel-ratio: 3){.image-container{max-height:calc(100vh - 180px)!important;width:100%!important}img{max-width:360px!important;max-height:calc(100vh - 180px)!important;object-fit:contain!important}main{width:100%!important;padding:.5rem!important}}@media only screen and (aspect-ratio: 20/9){.image-container{max-height:calc(100vh - 160px)!important}img{max-height:calc(100vh - 160px)!important;object-fit:contain!important}}@media only screen and (aspect-ratio: 19.5/9){.image-container{max-height:calc(100vh - 180px)!important}img{max-height:calc(100vh - 180px)!important;object-fit:contain!important}}@media only screen and (min-width: 390px) and (max-width: 430px) and (min-height: 844px){main{padding:1rem!important}.image-container{max-height:calc(100vh - 200px)!important}.btn{padding:.75rem 1rem;min-height:44px}}@media only screen and (min-width: 400px) and (max-width: 450px){.image-container{max-height:calc(100vh - 160px)!important;width:100%!important}img{max-width:100%!important;max-height:calc(100vh - 160px)!important;object-fit:contain!important}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-slow{0%,to{opacity:.8}50%{opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #ffffff4d}50%{box-shadow:0 0 20px #fff9,0 0 30px #fff6}}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-spin-reverse{animation:spin-reverse 30s linear infinite}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.glow-text{text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3),0 0 30px rgba(255,255,255,.2)}.glow-text-intense{text-shadow:0 0 15px rgba(255,255,255,.8),0 0 25px rgba(255,255,255,.6),0 0 35px rgba(255,255,255,.4)}.glow-ring{box-shadow:0 0 10px #ffffff4d,inset 0 0 10px #ffffff1a}.hover\:glow-text:hover{text-shadow:0 0 10px rgba(255,255,255,.7),0 0 20px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.3)}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:#fff3;color:#fff}.focus\:glow:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}@keyframes float-particle{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}.animate-float-particle{animation:float-particle 6s ease-in-out infinite}.hover\:shadow-glow:hover{box-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff1a}@keyframes border-glow{0%,to{border-color:#ffffff4d}50%{border-color:#fffc}}.animate-border-glow{animation:border-glow 2s ease-in-out infinite}@keyframes falling-star-1{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(-50px);opacity:0}}@keyframes falling-star-2{0%{transform:translateY(100vh) translate(0);opacity:0}15%{opacity:.4}85%{opacity:.4}to{transform:translateY(-100vh) translate(30px);opacity:0}}@keyframes falling-star-3{0%{transform:translateY(100vh) translate(0);opacity:0}12%{opacity:.5}88%{opacity:.5}to{transform:translateY(-100vh) translate(-30px);opacity:0}}@keyframes falling-star-4{0%{transform:translateY(100vh) translate(0);opacity:0}20%{opacity:.3}80%{opacity:.3}to{transform:translateY(-100vh) translate(20px);opacity:0}}@keyframes falling-star-5{0%{transform:translateY(100vh) translate(0);opacity:0}8%{opacity:.45}92%{opacity:.45}to{transform:translateY(-100vh) translate(-40px);opacity:0}}.animate-falling-star-1{animation:falling-star-1 8s linear infinite}.animate-falling-star-2{animation:falling-star-2 10s linear infinite 2s}.animate-falling-star-3{animation:falling-star-3 7s linear infinite 4s}.animate-falling-star-4{animation:falling-star-4 9s linear infinite 1s}.animate-falling-star-5{animation:falling-star-5 11s linear infinite 3s}@keyframes trail-1{0%{opacity:0;transform:scaleY(0)}20%{opacity:.3;transform:scaleY(1)}80%{opacity:.3;transform:scaleY(1)}to{opacity:0;transform:scaleY(.5)}}@keyframes trail-2{0%{opacity:0;transform:scaleY(0)}25%{opacity:.2;transform:scaleY(1)}75%{opacity:.2;transform:scaleY(1)}to{opacity:0;transform:scaleY(.5)}}@keyframes trail-3{0%{opacity:0;transform:scaleY(0)}22%{opacity:.25;transform:scaleY(1)}78%{opacity:.25;transform:scaleY(1)}to{opacity:0;transform:scaleY(.5)}}@keyframes trail-4{0%{opacity:0;transform:scaleY(0)}30%{opacity:.15;transform:scaleY(1)}70%{opacity:.15;transform:scaleY(1)}to{opacity:0;transform:scaleY(.5)}}@keyframes trail-5{0%{opacity:0;transform:scaleY(0)}18%{opacity:.22;transform:scaleY(1)}82%{opacity:.22;transform:scaleY(1)}to{opacity:0;transform:scaleY(.5)}}.animate-trail-1{animation:trail-1 8s linear infinite;transform-origin:bottom}.animate-trail-2{animation:trail-2 10s linear infinite 2s;transform-origin:bottom}.animate-trail-3{animation:trail-3 7s linear infinite 4s;transform-origin:bottom}.animate-trail-4{animation:trail-4 9s linear infinite 1s;transform-origin:bottom}.animate-trail-5{animation:trail-5 11s linear infinite 3s;transform-origin:bottom}