@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#000;--surface:#111;--surface2:#1a1a1a;--surface3:#222;--border:#ffffff14;--border-light:#ffffff26;--text:#fff;--text-secondary:#888;--text-muted:#555;--green:#39ff14;--green-dim:#2dd90e;--green-glow:#39ff1459;--green-glow-sm:#39ff1426;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-xs:6px;--nav-height:85px;--header-height:56px;--safe-top:50px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#root{background:var(--bg);isolation:isolate;flex-direction:column;width:100%;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;flex:1;width:100%;height:100%;position:relative;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.text-xl{font-size:22px;font-weight:800}.text-lg{font-size:18px;font-weight:700}.text-md{font-size:15px;font-weight:600}.text-sm{font-size:13px;font-weight:500}.text-xs{font-size:11px;font-weight:500}.text-secondary{color:var(--text-secondary)}.text-green{color:var(--green)}.btn-primary{background:var(--green);color:#000;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 20px var(--green-glow);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:800;transition:all .15s;display:flex}.btn-primary:active{opacity:.9;transform:scale(.97)}.btn-ghost{color:var(--text);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;background:#ffffff12;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex}.btn-ghost:active{background:#ffffff1f}.template-card{border-radius:var(--radius-md);background:var(--surface2);cursor:pointer;flex-shrink:0;transition:transform .15s;position:relative;overflow:hidden}.template-card:active{transform:scale(.96)}.template-card img{object-fit:cover;width:100%;height:100%;display:block}.template-card-overlay{background:linear-gradient(#0000 0%,#000000d9 100%);padding:30px 10px 10px;position:absolute;bottom:0;left:0;right:0}.template-card-title{color:#fff;font-size:12px;font-weight:800;line-height:1.3}.badge-new{background:var(--green);color:#000;letter-spacing:.3px;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:900;position:absolute;top:7px;left:7px}.badge-credit{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--green);background:#000000b3;border:1px solid #39ff1440;border-radius:4px;align-items:center;gap:2px;padding:3px 7px;font-size:10px;font-weight:800;display:flex;position:absolute;top:7px;right:7px}.search-bar{background:var(--surface3);border:1px solid var(--border);border-radius:24px;align-items:center;gap:8px;padding:10px 16px;display:flex}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.search-bar input::placeholder{color:var(--text-secondary)}.filter-chip{background:var(--surface3);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:24px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.filter-chip.active{color:#000;background:#fff;border-color:#fff}.credit-badge{cursor:pointer;background:#39ff141f;border:1px solid #39ff1459;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;transition:all .15s;display:flex}.credit-badge:active{opacity:.75}.credit-badge-text{color:var(--green);font-size:13px;font-weight:800}.bottom-nav{width:100%;max-width:430px;height:var(--nav-height);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#080808f7;justify-content:space-around;align-items:center;padding-bottom:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tab{cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:8px 20px;transition:opacity .15s;display:flex}.nav-tab:active{opacity:.6}.nav-tab-label{font-size:10px;font-weight:700}.nav-create-btn{width:62px;height:62px;box-shadow:0 6px 24px var(--green-glow);cursor:pointer;background:radial-gradient(circle at 35% 35%,#c8ff8a 0%,#39ff14 45%,#00c8ff 100%);border-radius:50%;justify-content:center;align-items:center;margin-top:-20px;transition:transform .12s,box-shadow .12s;display:flex}.nav-create-btn:active{box-shadow:0 3px 12px var(--green-glow);transform:scale(.92)}.hero-banner{width:100%;height:290px;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;width:100%;height:100%}.hero-banner-overlay{background:linear-gradient(#0000 0%,#0000001a 40%,#000000e6 100%);position:absolute;inset:0}.hero-banner-content{position:absolute;bottom:20px;left:16px;right:16px}.hero-banner-title{letter-spacing:-2px;text-shadow:0 4px 20px #000000e6;font-size:52px;font-style:italic;font-weight:900;line-height:1}.hero-banner-subtitle{align-items:center;gap:8px;margin-top:6px;display:flex}.hero-dots{gap:6px;margin-top:8px;display:flex}.hero-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:all .3s}.hero-dot.active{background:#fff;border-radius:3px;width:18px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 16px;display:flex}.section-see-all{color:var(--text-secondary);cursor:pointer;align-items:center;gap:2px;font-size:12px;display:flex}.h-scroll{gap:8px;padding:0 16px;display:flex;overflow-x:auto}.action-icon-grid{justify-content:space-around;padding:18px 8px;display:flex}.action-icon-item{cursor:pointer;flex-direction:column;align-items:center;gap:7px;display:flex}.action-icon-circle{background:var(--surface2);border:1px solid var(--border);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;transition:all .15s;display:flex}.action-icon-item:active .action-icon-circle{background:#39ff141f;border-color:#39ff144d;transform:scale(.95)}.action-icon-label{color:var(--green);text-align:center;max-width:60px;font-size:10px;font-weight:700;line-height:1.3}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface);border:1px solid var(--border-light);width:100%;max-width:430px;padding:20px 24px calc(var(--nav-height) + 24px);border-radius:28px 28px 0 0;animation:.35s cubic-bezier(.16,1,.3,1) slideUp}.modal-sheet-centered{background:var(--surface);border:1px solid var(--border-light);border-radius:28px;align-self:center;width:calc(100% - 32px);max-width:398px;margin:auto;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) popIn}.modal-handle{background:#fff3;border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.pro-banner{bottom:calc(var(--nav-height) + 8px);z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:linear-gradient(135deg,#122312f7 0%,#08140cfc 100%);border:1px solid #39ff1440;border-radius:16px;justify-content:space-between;align-items:center;padding:11px 14px;animation:.4s cubic-bezier(.16,1,.3,1) both slideUp;display:flex;position:fixed;left:16px;right:16px;overflow:hidden;box-shadow:0 8px 30px #000c}.app-header{z-index:99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#000000d9;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:sticky;top:0}.generating-ring{border:3px solid var(--surface3);border-top-color:var(--green);border-radius:50%;width:120px;height:120px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse-circle{background:radial-gradient(circle,#39ff1440 0%,#0000 70%);border-radius:50%;width:90px;height:90px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.plan-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:20px;transition:all .2s;position:relative}.plan-card.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green), 0 4px 20px var(--green-glow-sm);background:#39ff140f}.plan-badge{background:var(--green);color:#000;text-transform:uppercase;border-radius:10px;padding:3px 10px;font-size:10px;font-weight:900;position:absolute;top:-10px;right:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade{animation:.3s fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) both slideUp}.divider{background:var(--border);width:100%;height:1px}.ai-tag{color:var(--green);background:#39ff141a;border:1px solid #39ff1433;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.profile-stat{background:var(--surface2);border-radius:var(--radius-md);flex-direction:column;flex:1;align-items:center;gap:3px;padding:16px 8px;display:flex}.settings-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-row:last-child{border-bottom:none}.reward-timer{border:4px solid var(--surface3);border-top-color:var(--green);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}