:root{color-scheme:dark;--background: #0b0f14;--bg-dark: #0b0f14;--bg-card: #111827;--bg-glass: rgba(255, 255, 255, .05);--foreground: #e5e7eb;--text-primary: #f9fafb;--text-secondary: #9ca3af;--muted-foreground: #6b7280;--primary: #a3ff3f;--primary-foreground: #0b0f14;--accent: #22d3ee;--accent-2: #a855f7;--secondary: #1f2937;--border-color: #1f2937;--card-foreground: #d1d5db;--badge-background: #111827;--success: #22c55e;--error: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--background);color:var(--text-primary)}.mainDiv{min-height:100svh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) 1.5rem max(1rem,env(safe-area-inset-bottom));background:linear-gradient(135deg,#0b0f14,#111827 40%,#1f2937);background-size:400% 400%;animation:gradientAnimation 20s ease infinite;position:relative;overflow:hidden}.mainDiv:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse 60% 50% at 20% 40%,rgba(163,255,63,.08),transparent 50%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(34,211,238,.06),transparent 50%);animation:shimmer 15s ease-in-out infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2%,-2%) rotate(1deg)}}@keyframes glow{0%{filter:drop-shadow(0 0 8px rgba(163,255,63,.4))}50%{filter:drop-shadow(0 0 20px rgba(34,211,238,.5))}to{filter:drop-shadow(0 0 8px rgba(168,85,247,.4))}}.innerDiv{background:#111827bf;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:clamp(1rem,5vw,2rem);box-shadow:0 10px 40px #0009,0 0 80px #22d3ee0d;text-align:center;z-index:1}h2{font-size:clamp(20px,6vw,36px);font-weight:600;margin-bottom:20px}h2 span{background:linear-gradient(90deg,#a3ff3f,#22d3ee,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 5s infinite}button{padding:14px 28px;font-size:clamp(14px,4vw,16px);font-weight:600;border-radius:12px;border:1px solid rgba(163,255,63,.2);background:linear-gradient(135deg,#a3ff3f26,#22d3ee26);color:var(--text-primary);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #a3ff3f1a,inset 0 1px #ffffff0d}button:hover{background:linear-gradient(135deg,#a3ff3f,#22d3ee);color:#000;box-shadow:0 0 30px #a3ff3f66,0 0 60px #22d3ee4d;transform:translateY(-2px)}button[disabled]{opacity:.6;cursor:not-allowed}.photo-uploader{margin-top:16px;display:flex;flex-direction:column;align-items:center}.ai_Result{width:100%;max-width:600px;aspect-ratio:1 / 1;border-radius:16px;margin-top:20px;background:#000;overflow:hidden}.navbarDiv{display:flex;justify-content:space-between;gap:10px}.navbarDiv button{min-height:auto}@media (max-width: 768px){.innerDiv{padding:1rem}.navbarDiv{flex-direction:column;align-items:center;text-align:center}button{padding:10px 16px}}@media (max-width: 480px){h2{font-size:20px}.mainDiv{padding:.5rem}}@media (orientation: landscape) and (max-height: 500px){.mainDiv,.innerDiv{padding:.5rem}button{padding:6px 12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){button{font-weight:700}}