:root{--purple: #7C3AED;--purple-dark: #6B21C8;--purple-deeper: #4C1D95;--purple-light: #EDE9FE;--purple-lighter: #F5F3FF;--pink: #DB2777;--pink-light: #F472B6;--pink-lighter: #FCE7F3;--bg: #F7F4FF;--white: #ffffff;--dark: #1A0A2E;--text-primary: #1A0A2E;--text-secondary: #7C6A9A;--text-muted: #C4B5FD;--border: #E9D5FF;--border-light: #DDD6F3;--red: #E11D48;--red-light: #FFE4E6;--green: #16A34A;--green-light: #DCFCE7;--nav-height: 72px;--header-safe: env(safe-area-inset-top, 0px);--bottom-safe: env(safe-area-inset-bottom, 0px);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(124,58,237,.08);--shadow-md: 0 4px 20px rgba(124,58,237,.12);--gradient: linear-gradient(135deg, #7C3AED, #DB2777);--gradient-dark: linear-gradient(160deg, #6B21C8 0%, #DB2877 100%);--gradient-deep: linear-gradient(145deg, #4C1D95 0%, #6B21C8 40%, #DB2777 100%)}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text-primary)}.app-shell{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:#1a0a2e;padding:0}.phone-frame{width:100%;max-width:430px;min-height:100vh;background:var(--bg);position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.page{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--nav-height);-webkit-overflow-scrolling:touch;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.navbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:var(--nav-height);background:var(--white);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:0 8px;padding-bottom:var(--bottom-safe);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .2s;flex:1}.nav-item.active{color:var(--purple)}.nav-item i{font-size:22px}.nav-item span{font-size:10px;font-weight:600}.nav-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.nav-center-btn{width:52px;height:52px;background:var(--gradient);border-radius:50%;border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;margin-top:-20px;box-shadow:0 4px 16px #7c3aed66;cursor:pointer;transition:transform .2s}.nav-center-btn:active{transform:scale(.95)}.nav-center-btn i{font-size:24px;color:#fff}.nav-center span{font-size:10px;font-weight:600;color:var(--text-muted)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge-purple{background:var(--purple-light);color:#6d28d9}.badge-pink{background:var(--pink-lighter);color:#9d174d}.badge-green{background:var(--green-light);color:#166534}.badge-red{background:var(--red-light);color:#be123c}.badge-premium{background:var(--purple-light);color:#6d28d9}.btn-primary{background:var(--gradient);border:none;border-radius:var(--radius-md);padding:14px 20px;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:opacity .2s,transform .15s}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-outline{background:var(--purple-lighter);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 20px;color:var(--purple);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:auto}}.fade-up{animation:fadeUp .35s ease forwards;pointer-events:auto}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.1s}.fade-up-3{animation-delay:.15s}.fade-up-4{animation-delay:.2s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.scroll-content{padding:18px 16px;display:flex;flex-direction:column;gap:16px}.filter-input::placeholder{color:#ffffff80!important}.filter-input{color:#fff!important}input,select,textarea{font-size:16px}