:root{color-scheme:light dark;--background: #1a1a18;--foreground: #cecece;--primary-foreground: #91bf3e;--secondary-foreground: #565655;--muted-foreground: #979797;--popover-foreground: #4d4d4d;--card-foreground: #565655;--border-color: #484848;--badge-background: #222;--primary: #91bf3e;--secondary: #565655;--accent: #91bf3e;--bg-dark: #1a1a18;--bg-card: #222220;--bg-border: #484848;--text-primary: #cecece;--text-secondary: #979797;--success: #10b981;--error: #ef4444}*{box-sizing:border-box;padding:0;margin:0}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.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,#1a1a18,#222220,#1a1a18);background-size:400% 400%;animation:gradientAnimation 20s ease infinite;position:relative;overflow:hidden}.mainDiv:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 60% 50% at 20% 40%,rgba(145,191,62,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(86,86,85,.06) 0%,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)}}.innerDiv{background:#222220d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #484848;border-radius:20px;padding:clamp(1rem,5vw,2rem);box-shadow:0 0 0 1px #91bf3e0d,0 20px 50px #00000080,0 0 100px #91bf3e0d;text-align:center;position:relative;z-index:1}h2 span{background:linear-gradient(135deg,#91bf3e,#565655);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:glow 5s ease-in infinite}@keyframes glow{0%{filter:drop-shadow(0px 0px 8px rgba(145,191,62,.5))}50%{filter:drop-shadow(0px 0px 20px rgba(86,86,85,.5))}to{filter:drop-shadow(0px 0px 8px rgba(145,191,62,.5))}}.photo-uploader{margin-top:12px}button{position:relative;padding:16px 32px;font-size:clamp(16px,4vw,18px);font-weight:600;border:none;border-radius:12px;background:linear-gradient(135deg,#91bf3e26,#56565526);color:#cecece;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #91bf3e1a,inset 0 1px #ffffff0d;overflow:hidden;z-index:1;touch-action:manipulation;min-height:52px}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;z-index:-1}button:hover:before{left:100%}button:hover{background:linear-gradient(135deg,#91bf3e,#565655);transform:translateY(-2px);box-shadow:0 8px 25px #91bf3e4d,0 0 40px #91bf3e26}.hotoMai button:after{border:3px solid transparent;content:"";position:absolute;bottom:0;left:0;width:0%;height:0%;z-index:-1;transition:all .4s;overflow:hidden}.hotoMai button:before{border:3px solid transparent;content:"";position:absolute;top:0;right:0;width:0%;height:0%;z-index:-1;transition:all .4s;overflow:hidden}button:hover:before,button:focus:before{height:100%;width:100%;border-color:#91bf3e}.hotoMai button:hover:after{width:100%;height:100%;border-color:#91bf3e}.hotoMai button:hover,.hotoMai button:focus{outline:none}.hotoMai button span,.hotoMai button{position:relative;z-index:1}.hotoMai button[disabled]{opacity:.6;cursor:progress}.photo-uploader{display:flex;flex-direction:column;align-items:center}section{padding:1rem .5rem!important;max-width:none}.pb-frame-box{max-width:100%!important}h2{font-size:clamp(20px,8vw,26px)!important}.ai_Result{min-width:600px;min-height:600px}.dashboardCard button{padding:inherit!important;min-width:28px;width:auto;min-height:28px}@media (orientation: landscape) and (max-height: 500px){.ai_Result{min-height:auto;min-width:100%}button{padding:6px 12px}.innerDiv{padding:.5rem}section{padding:.5rem!important}.mainDiv{padding:.5rem}}@media (min-width: 600px){button{padding:6px 12px}.innerDiv{padding:clamp(.5rem,5vw,2rem)}.ai_Result{min-height:auto;min-width:100%}.mainDiv{padding:.5rem}h2{font-size:clamp(20px,8vw,20px)!important}.navbarDiv{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important}.navbarDiv button{min-height:inherit!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){button{font-weight:700}}