:root{--primary:#ff2e93;--secondary:#08f;--tertiary:#ff8a00;--dark:#0f0f13;--dark-surface:#1c1c24;--text-light:#fff;--text-muted:#a0a0a8;--nav-bg:#1c1c24d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--dark);color:var(--text-light);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}body{background:var(--dark);min-height:100vh;margin:0;padding:0}#root{background:var(--dark);width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border-top:1px solid #ffffff1a}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg, var(--primary), var(--tertiary))}.gradient-bg-alt{background:linear-gradient(135deg, var(--secondary), var(--primary))}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}.app-container{flex-direction:column;min-height:100vh;padding-bottom:70px;display:flex}.header{z-index:10;background:var(--dark);align-items:center;gap:10px;padding:20px;display:flex;position:sticky;top:0}.logo-text{letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.screen-container{flex:1;padding:0 20px;animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-section{text-align:center;padding:10px 0 30px}.card{transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.98)}.dark-card{background:#1a1a24;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;margin-bottom:40px;padding:30px 20px 20px;display:flex;position:relative}.card-badge{color:#fff;white-space:nowrap;border-radius:20px;padding:8px 24px;font-size:.9rem;font-weight:600;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.premium-badge{color:#000;background:linear-gradient(135deg,#b8860b,gold);box-shadow:0 4px 10px #ffd70033}.action-badge{background:var(--secondary);box-shadow:0 4px 10px #08f3}.features-badge{background:var(--primary);box-shadow:0 4px 10px #ff2e9333}.input-box{cursor:pointer;background:#0f0f13;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:16px;display:flex}.icon-btn{cursor:pointer;z-index:2;background:#2a2a35;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:44px;height:44px;margin-top:-32px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000080}.icon-btn:hover{background:#3a3a45}.features-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:15px;display:grid}.feature-item{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.feature-item span{color:var(--text-light);font-size:.85rem}.card-icon{opacity:.2;pointer-events:none;position:absolute;bottom:-10px;right:-10px;transform:scale(1.5)}.bottom-nav{z-index:100;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:70px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{width:33.33%;height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;transition:all .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-item .icon-container{transition:transform .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.nav-item.active .icon-container{transform:translateY(-2px)}.nav-label{font-size:.7rem;font-weight:500;transition:opacity .2s}.upload-placeholder{height:250px;color:var(--text-muted);border:2px dashed #fff3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:20px;padding:14px 24px;font-size:1rem;font-weight:700;box-shadow:0 4px 15px #ff2e9366}.sub-header{margin-bottom:20px;font-size:1.5rem;font-weight:700}.sub-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.avatar{background:#ffffff1a;border-radius:25px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;font-weight:700;display:flex}