@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary-50:#f0f2ff;--primary-100:#e6eaff;--primary-200:#d1d9ff;--primary-300:#b8c5ff;--primary-400:#9ca8ff;--primary-500:#7b91ff;--primary-600:#6b7ff7;--primary-700:#5a6de8;--primary-800:#4a5bd4;--primary-900:#3d4bb8;--secondary-50:#e6f3ff;--secondary-100:#cce7ff;--secondary-200:#99cfff;--secondary-300:#66b7ff;--secondary-400:#339fff;--secondary-500:#08c;--secondary-600:#0077b3;--secondary-700:#069;--secondary-800:#005580;--secondary-900:#046;--success-50:#e8f5e8;--success-100:#c8e6c9;--success-500:#4caf50;--success-600:#43a047;--success-700:#388e3c;--warning-50:#fff3e0;--warning-100:#ffe0b2;--warning-500:#ff9800;--warning-600:#fb8c00;--warning-700:#f57c00;--error-50:#ffebee;--error-100:#ffcdd2;--error-500:#f44336;--error-600:#e53935;--error-700:#d32f2f;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f2f5;--bg-overlay:#0009;--bg-user-message:var(--primary-500);--bg-ai-message:#ffc9de;--bg-system-message:var(--gray-100);--text-primary:#212121;--text-secondary:#616161;--text-disabled:#9e9e9e;--text-white:#fff;--text-user-message:var(--text-white);--text-ai-message:#2d1b3d;--text-system-message:var(--text-secondary);--font-family-chinese:"Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-english:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;--font-family:var(--font-family-chinese);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.618rem;--font-size-3xl:2.618rem;--font-size-4xl:4.236rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.618;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--transition-bounce:200ms cubic-bezier(0.68,-0.55,0.265,1.55);--transition-spring:300ms cubic-bezier(0.175,0.885,0.32,1.275);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--btn-height-sm:2rem;--btn-height-base:2.5rem;--btn-height-lg:3rem;--input-height-sm:2rem;--input-height-base:2.5rem;--input-height-lg:3rem;--avatar-sm:2rem;--avatar-base:3rem;--avatar-lg:4rem;--avatar-xl:5rem;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;line-height:var(--line-height-normal)}body{background-color:#f8f9fa;color:#212121;font-weight:400;font-weight:var(--font-weight-normal)}.btn,body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-size:var(--font-size-base)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-2);height:2.5rem;height:var(--btn-height-base);justify-content:center;line-height:1;padding:0 1rem;padding:0 var(--spacing-4);text-decoration:none;transition:all .2s ease-in-out;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#7b91ff,#6b7ff7);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6b7ff7,#5a6de8);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);transition:.15s ease-in-out;transition:var(--transition-fast)}.btn-secondary{background:#fff;background:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--gray-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#212121;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#fafafa;background:var(--gray-50);border-color:#bdbdbd;border-color:var(--gray-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#4caf50,#43a047);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#388e3c);background:linear-gradient(135deg,var(--success-600) 0,var(--success-700) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);height:2rem;height:var(--btn-height-sm);padding:0 .75rem;padding:0 var(--spacing-3)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);height:3rem;height:var(--btn-height-lg);padding:0 1.5rem;padding:0 var(--spacing-6)}.input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-md);color:#212121;color:var(--text-primary);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);height:2.5rem;height:var(--input-height-base);padding:0 .75rem;padding:0 var(--spacing-3);transition:all .2s ease-in-out;transition:all var(--transition-base);width:100%}.input:focus{border-color:#7b91ff;border-color:var(--primary-500);box-shadow:0 0 0 3px #2196f31a;outline:none}.input::placeholder{color:#9e9e9e;color:var(--text-disabled)}.card{background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:1rem;padding:var(--spacing-4);transition:all .2s ease-in-out;transition:all var(--transition-base)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding-bottom:.75rem;padding-bottom:var(--spacing-3)}.card-title{color:#212121;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.card-subtitle{color:#616161;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.avatar{border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:inline-block;height:3rem;height:var(--avatar-base);object-fit:cover;width:3rem;width:var(--avatar-base)}.avatar-sm{height:2rem;height:var(--avatar-sm);width:2rem;width:var(--avatar-sm)}.avatar-lg{height:4rem;height:var(--avatar-lg);width:4rem;width:var(--avatar-lg)}.avatar-xl{height:5rem;height:var(--avatar-xl);width:5rem;width:var(--avatar-xl)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.618rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:2.618rem;font-size:var(--font-size-3xl)}.text-primary{color:#212121;color:var(--text-primary)}.text-secondary{color:#616161;color:var(--text-secondary)}.text-disabled{color:#9e9e9e;color:var(--text-disabled)}.text-white{color:#fff;color:var(--text-white)}.m-1{margin:.25rem;margin:var(--spacing-1)}.m-2{margin:.5rem;margin:var(--spacing-2)}.m-3{margin:.75rem;margin:var(--spacing-3)}.m-4{margin:1rem;margin:var(--spacing-4)}.m-5{margin:1.25rem;margin:var(--spacing-5)}.m-6{margin:1.5rem;margin:var(--spacing-6)}.p-1{padding:.25rem;padding:var(--spacing-1)}.p-2{padding:.5rem;padding:var(--spacing-2)}.p-3{padding:.75rem;padding:var(--spacing-3)}.p-4{padding:1rem;padding:var(--spacing-4)}.p-5{padding:1.25rem;padding:var(--spacing-5)}.p-6{padding:1.5rem;padding:var(--spacing-6)}.rounded-none{border-radius:0;border-radius:var(--radius-none)}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded{border-radius:.5rem;border-radius:var(--radius-base)}.rounded-md{border-radius:.75rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:1rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1.5rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.transition{transition:all .2s ease-in-out;transition:all var(--transition-base)}.transition-fast{transition:all .15s ease-in-out;transition:all var(--transition-fast)}.transition-slow{transition:all .3s ease-in-out;transition:all var(--transition-slow)}.transition-bounce{transition:all .2s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce)}@media (prefers-color-scheme:dark){:root{--bg-primary:#212121;--bg-secondary:#121212;--bg-tertiary:#1e1e1e;--text-primary:#fff;--text-secondary:#aaa;--text-disabled:#666}}.font-english{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-english)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.chat-message-user{background-color:#7b91ff;background-color:var(--bg-user-message);color:#fff;color:var(--text-user-message)}.chat-message-ai{background-color:#ffc9de;background-color:var(--bg-ai-message);color:#2d1b3d;color:var(--text-ai-message)}.chat-message-system{background-color:#f5f5f5;background-color:var(--bg-system-message);color:#616161;color:var(--text-system-message)}.text-brand{color:#7b91ff;color:var(--primary-500)}.bg-brand{background-color:#7b91ff;background-color:var(--primary-500)}.border-brand{border-color:#7b91ff;border-color:var(--primary-500)}.text-secondary-brand{color:#08c;color:var(--secondary-500)}.bg-secondary-brand{background-color:#08c;background-color:var(--secondary-500)}.border-secondary-brand{border-color:#08c;border-color:var(--secondary-500)}@media (max-width:430px){html{font-size:14px}.btn{font-size:.875rem;font-size:var(--font-size-sm);height:2rem;height:var(--btn-height-sm)}.card{padding:.75rem;padding:var(--spacing-3)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background-color:#2196f333}*{-webkit-tap-highlight-color:transparent}.ai-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-height:320px;overflow:hidden;position:relative;text-align:center;transition:all var(--transition-base)}.ai-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ai-card:active{transform:translateY(-2px);transition:var(--transition-fast)}.ai-card-avatar{display:none}.ai-card-overlay{background:linear-gradient(0deg,#000000e6 0,#000000b3 35%,#0006 65%,#0000001a 85%,#0000);border-radius:var(--radius-xl);bottom:0;justify-content:flex-end;left:0;padding:var(--spacing-4);padding-bottom:var(--spacing-6);position:absolute;right:0;top:0;z-index:2}.ai-card-content,.ai-card-overlay{align-items:center;display:flex;flex-direction:column}.ai-card-content{gap:var(--spacing-3);justify-content:space-between;min-height:120px;text-align:center;width:100%}.ai-card-name{word-wrap:break-word;color:var(--text-white);flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);overflow-wrap:break-word;text-shadow:0 2px 6px #000c}.ai-card-name,.ai-card-summary{margin:0;text-align:center;width:100%}.ai-card-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffffff2;display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-height:32px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #000c}.ai-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center;min-height:24px;width:100%}.ai-card-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:1px solid #fff6;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000004d;color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);line-height:1.2;padding:4px 10px;text-shadow:0 1px 2px #0009;transition:all var(--transition-base);white-space:nowrap}.ai-card-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 6px #0006;transform:translateY(-1px)}.ai-card-tag-more{background:linear-gradient(135deg,#4b5563e6,#6b7280e6);color:#fffffff2}.ai-card-tag-more:hover{background:linear-gradient(135deg,#4b5563,#6b7280)}.ai-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffe6;display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;max-height:50px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #000000b3;width:100%}.ai-card:before{background:linear-gradient(90deg,var(--primary-400) 0,var(--primary-600) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base);z-index:3}.ai-card:hover:before{transform:scaleX(1)}.ai-card:hover .ai-card-overlay{background:linear-gradient(0deg,#000000d9 0,#00000080 60%,#0000)}.ai-card:hover .ai-card-name{color:var(--text-white);text-shadow:0 2px 6px #000c}.ai-card:hover .ai-card-desc,.ai-card:hover .ai-card-summary{color:#fffffff2;text-shadow:0 1px 4px #000c}.ai-card:hover .ai-card-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff80;box-shadow:0 3px 6px #0006;transform:translateY(-1px)}@media (max-width:768px){.ai-card{min-height:280px}.ai-card-overlay{padding:var(--spacing-3);padding-bottom:var(--spacing-5)}.ai-card-content{gap:var(--spacing-2);min-height:100px}.ai-card-name{font-size:var(--font-size-lg)}.ai-card-summary{-webkit-line-clamp:2;font-size:var(--font-size-xs);min-height:28px}.ai-card-tag{font-size:10px;padding:2px 6px}.ai-card-tags{min-height:20px}.ai-card-desc{-webkit-line-clamp:1;font-size:var(--font-size-xs);max-height:30px}}@media (max-width:430px){.ai-card{min-height:240px}.ai-card-overlay{padding:var(--spacing-2);padding-bottom:var(--spacing-4)}.ai-card-content{gap:var(--spacing-1);min-height:80px}.ai-card-name{font-size:var(--font-size-base)}.ai-card-summary{-webkit-line-clamp:2;font-size:var(--font-size-xs);min-height:24px}.ai-card-tags{gap:var(--spacing-1);min-height:18px}.ai-card-tag{font-size:9px;padding:1px 4px}.ai-card-desc{-webkit-line-clamp:1;font-size:var(--font-size-xs);max-height:25px}}.member-status-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin:0 var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);position:relative;transition:all var(--transition-base);width:calc(100% - var(--spacing-8));z-index:var(--z-sticky)}.home-layout .member-status-bar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 4px 6px #0000000d}.member-status-bar-fixed{left:50%;margin:var(--spacing-2) 0;max-width:398px;position:fixed;top:0;transform:translateX(-50%);width:calc(100% - var(--spacing-8));z-index:var(--z-fixed)}.member-status-bar:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-1px)}.member-status-bar-fixed:hover{transform:translateX(-50%) translateY(-1px)}.status-info{flex:1 1;gap:var(--spacing-3)}.status-icon,.status-info{align-items:center;display:flex}.status-icon{flex-shrink:0;font-size:var(--font-size-lg);height:24px;justify-content:center;width:24px}.status-text{align-items:center;display:flex;flex:1 1;gap:var(--spacing-2)}.status-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.status-desc,.status-title{font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.status-desc{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.upgrade-btn-small{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-white);cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-bounce);white-space:nowrap}.upgrade-btn-small:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px) scale(1.05)}.upgrade-btn-small:active{transform:translateY(0) scale(.98);transition:var(--transition-fast)}.status-indicator{background:var(--gray-300);border-radius:var(--radius-sm) 0 0 var(--radius-sm);height:100%;left:0;position:absolute;top:0;width:3px}.member-status-bar[data-status=free] .status-indicator{background:var(--gray-400)}.member-status-bar[data-status=premium] .status-indicator{background:linear-gradient(180deg,var(--primary-500) 0,var(--primary-600) 100%)}.member-status-bar[data-status=luxury] .status-indicator{background:linear-gradient(180deg,var(--success-500) 0,var(--success-600) 100%)}.member-status-bar[data-status=ultimate] .status-indicator{background:linear-gradient(180deg,var(--error-500) 0,var(--error-600) 100%)}@media (max-width:430px){.member-status-bar{margin:0 var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);width:calc(100% - var(--spacing-6))}.status-desc,.status-title,.upgrade-btn-small{font-size:var(--font-size-xs)}.upgrade-btn-small{padding:var(--spacing-1) var(--spacing-2)}.status-icon{font-size:var(--font-size-base);height:20px;width:20px}.status-info{gap:var(--spacing-2)}.status-text{gap:var(--spacing-1)}}.app-layout{display:flex;flex-direction:column;height:100vh;margin:0 auto;overflow:hidden;position:relative;width:100vw}.app-layout,.app-layout-header{background:var(--bg-secondary);box-sizing:border-box;max-width:430px}.app-layout-header{left:50%;padding:var(--spacing-2) 0;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:var(--z-fixed)}.app-layout-content{-ms-overflow-style:none;box-sizing:border-box;flex:1 1;max-width:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;padding-top:70px;scrollbar-width:none;width:100%}.app-layout-content::-webkit-scrollbar{display:none;width:0}.app-layout-bottom-nav{align-items:center;background:var(--bg-primary);border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -2px 8px #0000000a;box-sizing:border-box;display:flex;height:60px;justify-content:space-around;left:50%;max-width:430px;position:fixed;transform:translateX(-50%);width:100%;z-index:var(--z-fixed)}.app-layout-bottom-nav .nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-disabled);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1);justify-content:center;min-width:60px;padding:var(--spacing-2);transition:all var(--transition-base)}.app-layout-bottom-nav .nav-item:hover{background:var(--gray-100);color:var(--text-secondary)}.app-layout-bottom-nav .nav-item.active{background:#2196f31a;color:var(--primary-500)}.app-layout-bottom-nav .nav-icon{align-items:center;display:flex;justify-content:center;transition:transform var(--transition-bounce)}.app-layout-bottom-nav .nav-item:active .nav-icon{transform:scale(.9)}.app-layout-bottom-nav .nav-item.active .nav-icon{transform:scale(1.1)}@media (max-width:430px){.app-layout,.app-layout-bottom-nav,.app-layout-header{max-width:100vw}.app-layout-content{padding-bottom:75px;padding-top:65px}}.app-layout.home-layout{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#7b91ff14,#667eea1f 20%,#764ba214 40%,#fffffff2 60%,#667eea0f 80%,#7b91ff0a)}.app-layout.home-layout .app-layout-header{background:#0000;border:none;box-shadow:none}.app-layout.home-layout .app-layout-content{overflow:hidden;padding-top:0}.app-layout.home-layout .member-status-bar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 4px 6px #0000000d}.home-content{background:#0000;display:flex;flex-direction:column;height:100vh;min-height:100%;overflow:hidden;padding:var(--spacing-4);position:relative}.home-content:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.home-content>*{position:relative;z-index:1}.home-header{flex-shrink:0;margin-bottom:var(--spacing-6);padding-top:65px;text-align:center}.home-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.home-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.tags-container{flex-shrink:0;margin-bottom:var(--spacing-4)}.tags-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:var(--spacing-2);overflow-x:auto;padding-bottom:var(--spacing-2);scroll-behavior:smooth;scrollbar-width:none}.tags-wrapper::-webkit-scrollbar{display:none}.tag-btn{background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:0;padding:var(--spacing-2) var(--spacing-4);text-align:center;transition:all var(--transition-base);white-space:nowrap}.tag-btn:hover{background:var(--gray-100);border-color:var(--primary-300);color:var(--text-primary)}.tag-btn.active{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-color:var(--primary-500);box-shadow:var(--shadow-sm);color:var(--text-white)}.tag-btn.active:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sub-tags-container{animation:slideDown .3s ease-out;flex-shrink:0;margin-bottom:var(--spacing-4);transform-origin:top}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.sub-tags-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:var(--spacing-2);overflow-x:auto;padding-bottom:var(--spacing-2);scroll-behavior:smooth;scrollbar-width:none}.sub-tags-wrapper::-webkit-scrollbar{display:none}.sub-tag-btn{animation:popIn .2s ease-out;animation-fill-mode:both;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:-webkit-max-content;min-width:max-content;padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-base);white-space:nowrap}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sub-tag-btn:first-child{animation-delay:.05s}.sub-tag-btn:nth-child(2){animation-delay:.1s}.sub-tag-btn:nth-child(3){animation-delay:.15s}.sub-tag-btn:nth-child(4){animation-delay:.2s}.sub-tag-btn:nth-child(5){animation-delay:.25s}.sub-tag-btn:nth-child(6){animation-delay:.3s}.sub-tag-btn:nth-child(7){animation-delay:.35s}.sub-tag-btn:nth-child(8){animation-delay:.4s}.sub-tag-btn:hover{background:var(--gray-50);border-color:var(--primary-200);color:var(--text-primary);transform:translateY(-1px) scale(1.02)}.sub-tag-btn.active{background:linear-gradient(135deg,#667eeae6,#764ba2e6);border-color:#667eeae6;box-shadow:var(--shadow-sm);color:var(--text-white);transform:scale(1.05)}.sub-tag-btn.active:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:var(--shadow-md);transform:translateY(-1px) scale(1.05)}.ai-cards-grid{grid-gap:var(--spacing-4);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-content:start;display:grid;flex:1 1;gap:var(--spacing-4);grid-auto-rows:minmax(calc(100vh - 350px),1fr);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));min-height:0;overflow-y:auto;padding-bottom:var(--spacing-6);scroll-behavior:smooth;scrollbar-width:none}.ai-cards-grid::-webkit-scrollbar{display:none}.unlock-card{align-items:center;background:linear-gradient(135deg,var(--warning-50) 0,var(--warning-100) 100%);border:2px dashed var(--warning-300);border-radius:var(--radius-xl);cursor:pointer;display:flex;height:100%;justify-content:center;min-height:calc(100vh - 350px);padding:var(--spacing-5);transition:all var(--transition-base)}.unlock-card:hover{background:linear-gradient(135deg,var(--warning-100) 0,var(--warning-200) 100%);border-color:var(--warning-400);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.unlock-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-3);text-align:center}.unlock-icon{font-size:var(--font-size-4xl);opacity:.8}.unlock-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.unlock-title{color:var(--warning-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.unlock-desc{color:var(--warning-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.unlock-arrow{color:var(--warning-500);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.empty-state{background:var(--bg-primary);border:2px dashed var(--gray-300);border-radius:var(--radius-xl);grid-column:1/-1;min-height:200px;padding:var(--spacing-8)}.empty-icon{font-size:var(--font-size-4xl)}.empty-text{display:flex;flex-direction:column;gap:var(--spacing-2)}.empty-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.empty-desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}@media (max-width:768px){.ai-cards-grid{gap:var(--spacing-3);grid-auto-rows:minmax(calc(100vh - 300px),1fr);grid-template-columns:1fr;padding-bottom:var(--spacing-5)}.home-title{font-size:var(--font-size-3xl)}.home-content{height:100vh;padding:var(--spacing-3)}.tags-wrapper{justify-content:space-between}.tag-btn{max-width:calc(16.66667% - var(--spacing-2));min-width:calc(16.66667% - var(--spacing-2));padding:var(--spacing-2) var(--spacing-1)}.sub-tag-btn,.tag-btn{font-size:var(--font-size-xs)}.sub-tag-btn{padding:var(--spacing-2) var(--spacing-3)}.unlock-card{min-height:calc(100vh - 300px)}.empty-state{min-height:150px;padding:var(--spacing-6)}}@media (max-width:430px){.home-header{margin-bottom:var(--spacing-4);padding-top:65px}.app-layout.home-layout .app-layout-content{overflow:hidden;padding-top:0}.home-title{font-size:var(--font-size-2xl)}.home-subtitle{font-size:var(--font-size-sm)}.sub-tags-container,.tags-container{margin-bottom:var(--spacing-3)}.sub-tags-wrapper,.tags-wrapper{gap:var(--spacing-1)}.tag-btn{font-size:var(--font-size-xs);max-width:calc(16.66667% - var(--spacing-1));min-width:calc(16.66667% - var(--spacing-1));padding:var(--spacing-1) calc(var(--spacing-1)/2)}.sub-tag-btn{font-size:10px;padding:var(--spacing-1) var(--spacing-2)}.ai-cards-grid{grid-auto-rows:minmax(calc(100vh - 270px),1fr);padding-bottom:var(--spacing-4)}.unlock-card{min-height:calc(100vh - 270px);padding:var(--spacing-4)}.unlock-title{font-size:var(--font-size-base)}.unlock-desc{font-size:var(--font-size-xs)}.empty-state{min-height:120px;padding:var(--spacing-4)}.empty-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3)}.empty-title{font-size:var(--font-size-base)}.empty-desc{font-size:var(--font-size-xs)}}.chat-list-content-wrapper{grid-gap:7px;background:var(--bg-secondary);display:grid;gap:7px;grid-template-rows:auto 1fr;height:100%}.chat-list-header{background:var(--bg-primary);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);z-index:10}.back-btn,.chat-list-header{align-items:center;display:flex}.back-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:var(--btn-height-base);justify-content:center;transition:all var(--transition-base);width:var(--btn-height-base)}.back-btn:hover{background:var(--gray-100);color:var(--text-primary)}.header-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.header-placeholder{width:var(--btn-height-base)}.chat-list-content{-webkit-overflow-scrolling:touch;background:var(--bg-primary);overflow-y:auto;scroll-behavior:smooth}.empty-state{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;padding:var(--spacing-10) var(--spacing-5);text-align:center}.empty-icon{color:var(--text-disabled);margin-bottom:var(--spacing-4);opacity:.6}.empty-text{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.empty-subtext{color:var(--text-disabled);font-size:var(--font-size-base)}.chat-items{padding:0}.chat-item-content{grid-gap:var(--spacing-3);align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--gray-100);cursor:pointer;display:grid;gap:var(--spacing-3);grid-template-columns:auto 1fr;min-height:60px;overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;transition:transform .2s ease,background-color .15s ease;z-index:2}.chat-item-content.swiped{transform:translateX(-80px)}.chat-item-content:active{background:var(--gray-50)}.avatar-container{border:0;flex-shrink:0}.chat-avatar{border:0;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:var(--avatar-lg);margin-left:0;margin-top:0;object-fit:cover;width:var(--avatar-lg)}.chat-info{grid-gap:var(--spacing-1) var(--spacing-2);display:grid;gap:var(--spacing-1) var(--spacing-2);grid-template-columns:1fr auto;grid-template-rows:auto auto;min-width:0}.chat-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);grid-column:1;overflow:hidden;text-overflow:ellipsis}.chat-name,.chat-time{grid-row:1;white-space:nowrap}.chat-time{color:var(--text-disabled);font-size:var(--font-size-xs);grid-column:2;text-align:right}.last-message{color:var(--text-secondary);font-size:var(--font-size-sm);grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-count{background:var(--primary-500);border-radius:var(--radius-full);color:var(--text-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);grid-column:2;grid-row:2;justify-self:end;line-height:1.2;min-width:18px;padding:2px var(--spacing-2);text-align:center}.delete-action{align-items:center;background:var(--error-500);bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0;width:80px;z-index:1}.delete-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-base)}.delete-btn:hover{background:#fff3}@media (max-width:768px){.chat-item-content,.chat-list-header{padding:var(--spacing-3)}.chat-avatar{height:var(--avatar-md);width:var(--avatar-md)}.chat-name{font-size:var(--font-size-base)}.last-message{font-size:var(--font-size-xs)}}@media (max-width:430px){.chat-item-content,.chat-list-header{padding:var(--spacing-2) var(--spacing-3)}.chat-item-content{min-height:56px}.chat-avatar{border:0;height:56px;margin-left:0;margin-top:0;width:56px}.chat-name{font-size:var(--font-size-sm)}.chat-time{font-size:10px}.last-message{font-size:11px}.message-count{font-size:10px;min-width:16px;padding:1px 6px}}.chat-list-content::-webkit-scrollbar{width:6px}.chat-list-content::-webkit-scrollbar-track{background:#0000}.chat-list-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.chat-list-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.bottom-nav{background:var(--bg-primary);border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -2px 8px #0000000a;height:60px;justify-content:space-around;left:50%;max-width:430px;position:fixed;transform:translateX(-50%);width:100%;z-index:var(--z-sticky)}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{background:none;border:none;border-radius:var(--radius-md);color:var(--text-disabled);cursor:pointer;flex-direction:column;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1);justify-content:center;min-width:60px;padding:var(--spacing-2);transition:all var(--transition-base)}.nav-item:hover{background:var(--gray-100);color:var(--text-secondary)}.nav-item.active{background:#2196f31a;color:var(--primary-500)}.nav-icon{font-size:22px;transition:transform var(--transition-bounce)}.nav-item:active .nav-icon{transform:scale(.9)}.nav-item.active .nav-icon{transform:scale(1.1)}.subscribe-header{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-sizing:border-box;color:var(--text-white);margin:0;padding:var(--spacing-4) 0 var(--spacing-6);position:relative}.subscribe-header,.subscribe-subtitle{text-align:center;width:100%}.subscribe-subtitle h2{color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0;text-shadow:0 2px 4px #0003}.subscribe-subtitle p{color:#ffffffe6;font-size:var(--font-size-base);margin:0;text-shadow:0 1px 2px #0003}.subscribe-placeholder{flex-shrink:0;width:var(--btn-height-base)}.subscribe-content{-ms-overflow-style:none;box-sizing:border-box;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-4);scrollbar-width:none;width:100%}.subscribe-content::-webkit-scrollbar{display:none;width:0}.plans-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;margin:0 auto;max-width:100%;width:100%}.plan-card{background:var(--bg-primary);border:2px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);max-width:320px;overflow:hidden;padding:var(--spacing-5);position:relative;transition:all var(--transition-base);width:100%}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plan-card.popular{background:linear-gradient(135deg,var(--warning-50) 0,var(--bg-primary) 100%);border:2px solid var(--gray-200)}.plan-card.selected{border-color:var(--plan-color);box-shadow:0 0 0 4px #007bff33}.popular-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:0 0 12px 12px;box-shadow:0 2px 8px #ee5a244d;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:20px;top:-1px}.plan-price-section{margin-bottom:var(--spacing-4);text-align:center}.plan-name{font-size:var(--font-size-xl)}.plan-name,.plan-price{font-weight:var(--font-weight-bold);text-align:center}.plan-price{color:var(--primary-600);font-size:var(--font-size-2xl)}.plan-period{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:var(--spacing-1)}.plan-features{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-5)}.feature-item{background:var(--bg-secondary);min-height:50px;padding:var(--spacing-3);transition:all var(--transition-base)}.feature-item:hover{background:var(--gray-100);transform:translateY(-1px)}.feature-icon{width:24px}.feature-content{align-items:center;display:flex;flex:1 1;gap:var(--spacing-2);justify-content:space-between}.feature-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.feature-label,.feature-value{flex-shrink:0;font-size:var(--font-size-sm)}.feature-value{color:var(--primary-600);font-weight:var(--font-weight-bold);min-width:60px;text-align:right}.plan-action{margin-top:var(--spacing-5)}.subscribe-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);height:var(--btn-height-lg);letter-spacing:.5px;text-transform:uppercase;transition:all var(--transition-base);width:100%}.subscribe-btn.btn-free{background:var(--gray-200);color:var(--text-secondary);cursor:not-allowed}.subscribe-btn.btn-premium{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:var(--shadow-md);color:var(--text-white)}.subscribe-btn.btn-premium:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.subscribe-btn.btn-luxury{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:var(--shadow-md);color:var(--text-white)}.subscribe-btn.btn-luxury:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.subscribe-btn.btn-ultimate{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:var(--shadow-md);color:var(--text-white)}.subscribe-btn.btn-ultimate:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.wallet-connection-section{background:#f8f9fa;background:var(--tg-theme-secondary-bg-color,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--tg-theme-hint-color,#e9ecef);border-radius:16px;margin-bottom:24px;padding:20px;text-align:center}.wallet-section-header{margin-bottom:16px}.wallet-section-header h3{color:#212529;color:var(--tg-theme-text-color,#212529);font-size:18px;font-weight:600;margin:0 0 8px}.wallet-section-header p{color:#6c757d;color:var(--tg-theme-hint-color,#6c757d);font-size:14px;margin:0}.subscribe-wallet-connect{display:flex;justify-content:center}@media (prefers-color-scheme:dark){.wallet-connection-section{background:#2c2c2e;background:var(--tg-theme-secondary-bg-color,#2c2c2e);border-color:#48484a;border-color:var(--tg-theme-hint-color,#48484a)}}@media (max-width:768px){.plans-grid{gap:16px;grid-template-columns:1fr}.plan-card.popular{transform:none}.subscribe-content{padding:16px}.subscribe-subtitle h2{font-size:20px}.subscribe-subtitle p{font-size:14px}}@media (max-width:480px){.plan-card{padding:20px}.plan-name{font-size:18px}.feature-item{gap:8px}.feature-icon{font-size:18px;width:20px}.feature-label,.feature-value{font-size:13px}}@media (max-width:430px){.subscribe-content{padding:var(--spacing-3)}.plan-card{padding:var(--spacing-4)}.plan-features{gap:var(--spacing-2);grid-template-columns:1fr}.plan-name{font-size:var(--font-size-lg)}.plan-price{font-size:var(--font-size-xl)}.wallet-connection-section{margin-bottom:20px;padding:16px}.wallet-section-header h3{font-size:16px}.wallet-section-header p{font-size:13px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-card{animation:fadeInUp .6s ease forwards}.plan-card:first-child{animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.3s}.plan-card:nth-child(4){animation-delay:.4s}.loading-overlay,.pay-modal-mask{align-items:center;background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.pay-modal-mask{animation:modalFadeIn var(--transition-base) ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-4)}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}.pay-modal{animation:modalSlideIn var(--transition-spring) ease-out;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:80vh;max-width:400px;overflow-y:auto;transform:scale(.95);width:100%}.pay-modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-5) var(--spacing-5) var(--spacing-4)}.pay-modal-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.pay-modal-close{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:var(--btn-height-base);justify-content:center;transition:all var(--transition-base);width:var(--btn-height-base)}.pay-modal-close:hover{background:var(--gray-200);color:var(--text-primary);transform:scale(1.05)}.pay-modal-close:active{transform:scale(.95)}.pay-modal-content{padding:var(--spacing-5)}.pay-modal-plan{background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);padding:var(--spacing-4);text-align:center}.plan-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.plan-amount{color:var(--primary-600);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.pay-modal-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);height:var(--btn-height-lg);justify-content:center;margin-bottom:var(--spacing-3);overflow:hidden;position:relative;transition:all var(--transition-base);width:100%}.pay-modal-btn:last-of-type{margin-bottom:0}.pay-modal-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.pay-modal-btn:hover:before{left:100%}.payment-icon{flex-shrink:0;font-size:var(--font-size-xl)}.stripe-btn{background:linear-gradient(135deg,#635bff,#4f46e5);box-shadow:var(--shadow-md);color:var(--text-white)}.stripe-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stars-btn{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);box-shadow:var(--shadow-md);color:var(--text-white)}.stars-btn:hover{background:linear-gradient(135deg,var(--warning-600) 0,var(--warning-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ton-btn{background:linear-gradient(135deg,#08c,#06a);box-shadow:var(--shadow-md);color:var(--text-white)}.ton-btn:hover{background:linear-gradient(135deg,#06a,#048);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.telegram-official-btn{background:linear-gradient(135deg,#54a3ff,#006bb3);box-shadow:var(--shadow-md);color:var(--text-white)}.telegram-official-btn:hover{background:linear-gradient(135deg,#006bb3,#004d80);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.payment-details{align-items:flex-start;display:flex;gap:5px}.payment-main{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.payment-sub{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);opacity:.8}.pay-modal-cancel{background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:var(--btn-height-base);margin-top:var(--spacing-4);transition:all var(--transition-base);width:100%}.pay-modal-cancel:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--text-primary);transform:translateY(-1px)}.pay-modal-cancel:active{transform:translateY(0)}.security-notice{align-items:flex-start;background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.security-icon{color:var(--primary-500);flex-shrink:0;font-size:var(--font-size-lg);margin-top:2px}.security-text{color:var(--primary-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.pay-modal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.pay-modal-btn.loading{color:#0000;position:relative}.pay-modal-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:var(--radius-full);border-top-color:currentcolor;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:430px){.pay-modal-mask{padding:var(--spacing-3)}.pay-modal{max-width:none}.pay-modal-content,.pay-modal-header{padding:var(--spacing-4)}.pay-modal-title{font-size:var(--font-size-lg)}.pay-modal-btn{font-size:var(--font-size-sm);height:var(--btn-height-base)}}.feedback-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.feedback-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.feedback-modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.feedback-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.feedback-close-btn:hover:not(:disabled){background-color:#f5f5f5;color:#666}.feedback-close-btn:disabled{cursor:not-allowed;opacity:.5}.feedback-modal-body{max-height:calc(90vh - 160px);overflow-y:auto;padding:24px}.feedback-form-group{margin-bottom:20px}.feedback-form-group:last-child{margin-bottom:0}.feedback-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.feedback-input,.feedback-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.feedback-textarea{min-height:120px;resize:vertical}.feedback-input:focus,.feedback-textarea:focus{border-color:#3b82f6;outline:none}.feedback-input:disabled,.feedback-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.feedback-char-count{color:#999;font-size:12px;margin-top:4px;text-align:right}.feedback-error{background-color:#fee;border-radius:6px;color:#c33;font-size:13px;margin-top:12px;padding:10px 12px}.feedback-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.feedback-cancel-btn,.feedback-submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.feedback-cancel-btn{background-color:#f5f5f5;color:#666}.feedback-cancel-btn:hover:not(:disabled){background-color:#e0e0e0}.feedback-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.feedback-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.feedback-cancel-btn:disabled,.feedback-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.feedback-modal{max-height:85vh;width:95%}.feedback-modal-header{padding:16px 20px}.feedback-modal-body{padding:20px}.feedback-modal-footer{padding:12px 20px}}.profile-content{-ms-overflow-style:none;background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-6);min-height:100vh;overflow-y:auto;padding:var(--spacing-4);scrollbar-width:none}.profile-content::-webkit-scrollbar{display:none}.user-card{align-items:center;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-4);min-height:100px;padding:var(--spacing-4);transition:all var(--transition-base)}.user-card:hover{box-shadow:var(--shadow-md)}.user-avatar-section{flex-shrink:0;position:relative}.avatar-container{background:var(--gray-50);border:3px solid var(--primary-100);border-radius:var(--radius-full);cursor:pointer;height:64px;overflow:hidden;position:relative;transition:all var(--transition-base);width:64px}.avatar-container:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:scale(1.05)}.user-avatar{height:100%;object-fit:cover;width:100%}.avatar-edit-overlay{align-items:center;background:#000000b3;bottom:0;color:var(--text-white);display:flex;font-size:var(--font-size-xs);justify-content:center;left:0;opacity:0;padding:var(--spacing-1);position:absolute;right:0;transition:opacity var(--transition-base)}.avatar-container:hover .avatar-edit-overlay{opacity:1}.user-details{flex:1 1;min-width:0}.user-name-row{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.user-name{color:var(--text-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-name-btn{align-items:center;background:none;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--spacing-2);transition:all var(--transition-base)}.edit-name-btn:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--text-primary)}.user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.user-id{background:var(--gray-100);border-radius:var(--radius-md);color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-2)}.membership-badge,.user-id{font-size:var(--font-size-sm)}.membership-badge{align-items:center;border-radius:var(--radius-full);color:var(--text-white);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.membership-icon,.membership-text{font-size:var(--font-size-sm)}.name-edit-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.name-input{background:var(--bg-secondary);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base)}.name-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50);outline:none}.name-input::placeholder{color:var(--text-disabled)}.edit-actions{display:flex;gap:var(--spacing-3)}.btn-cancel,.btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-base)}.btn-cancel{background:var(--gray-100);color:var(--text-secondary)}.btn-cancel:hover{background:var(--gray-200);color:var(--text-primary)}.btn-save{background:var(--primary-500);color:var(--text-white)}.btn-save:hover{background:var(--primary-600)}.upgrade-card{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:1px solid var(--primary-300);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--spacing-4);transition:all var(--transition-base)}.upgrade-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upgrade-header{align-items:center;color:var(--text-white);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.upgrade-icon{flex-shrink:0;font-size:20px}.upgrade-title{flex:1 1}.upgrade-title h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0}.upgrade-title p{font-size:var(--font-size-xs);margin:0;opacity:.9}.upgrade-arrow{flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);opacity:.8}.upgrade-benefits{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);margin-top:var(--spacing-2)}.upgrade-benefits .benefit-item{align-items:center;background:#ffffff1a;border-radius:var(--radius-md);color:var(--text-white);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-2);min-height:36px;padding:var(--spacing-2)}.upgrade-benefits .benefit-icon{align-items:center;color:#ffffffe6;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.upgrade-benefits .benefit-text{color:#fffffff2;font-size:10px;font-weight:var(--font-weight-medium);line-height:1.2}.current-vs-upgrade{grid-gap:var(--spacing-2);background:#ffffff1a;border-radius:var(--radius-md);display:grid;gap:var(--spacing-2);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-2);padding:var(--spacing-2)}.current-status,.upgrade-status{text-align:center}.status-label{color:#fffc;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.vip-features-card{background:var(--bg-primary);border:1px solid var(--primary-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.vip-header{align-items:center;color:var(--primary-600);display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.vip-features{grid-gap:var(--spacing-1);display:grid;gap:var(--spacing-1);grid-template-columns:repeat(2,minmax(140px,1fr));grid-template-rows:repeat(3,1fr);overflow-x:auto;padding-bottom:var(--spacing-1)}.feature-item{background:var(--gray-50);border-radius:var(--radius-md);font-size:var(--font-size-xs);gap:var(--spacing-2);min-height:36px;padding:var(--spacing-1) var(--spacing-2)}.feature-icon,.feature-item{align-items:center;display:flex}.feature-icon{color:var(--primary-500);flex-shrink:0;height:16px;justify-content:center;width:16px}.feature-item span:last-child{color:var(--text-primary);font-size:10px;font-weight:var(--font-weight-medium);line-height:1.2}.menu-section{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.section-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-4) 0}.menu-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.menu-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-4);padding:var(--spacing-4);transition:all var(--transition-base)}.menu-item:hover{background:var(--gray-50);border-color:var(--gray-200);transform:translateX(2px)}.menu-item-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.menu-item:hover .menu-item-icon{background:var(--gray-200);transform:scale(1.1)}.menu-item-content{flex:1 1;min-width:0}.menu-item-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.menu-item-desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.menu-item-arrow{color:var(--text-disabled);flex-shrink:0;font-size:var(--font-size-lg);transition:all var(--transition-base)}.menu-item:hover .menu-item-arrow{color:var(--text-secondary);transform:translateX(2px)}@media (max-width:480px){.profile-content{gap:var(--spacing-4);padding:var(--spacing-3)}.user-card{gap:var(--spacing-3);padding:var(--spacing-3)}.avatar-container{height:56px;width:56px}.user-name{font-size:var(--font-size-base)}.upgrade-benefits{grid-gap:var(--spacing-1);display:grid;gap:var(--spacing-1);grid-template-columns:repeat(2,minmax(140px,1fr));grid-template-rows:repeat(3,1fr);overflow-x:auto;padding-bottom:var(--spacing-1)}.upgrade-benefits .benefit-item{min-height:32px;min-width:140px;overflow:hidden;padding:var(--spacing-1) var(--spacing-2);text-overflow:ellipsis;white-space:nowrap}.upgrade-benefits .benefit-icon{height:14px;width:14px}.upgrade-benefits .benefit-text{font-size:10px;line-height:1.2}.vip-features{grid-gap:var(--spacing-1);display:grid;gap:var(--spacing-1);grid-template-columns:repeat(2,minmax(140px,1fr));grid-template-rows:repeat(3,1fr);overflow-x:auto;padding-bottom:var(--spacing-1)}.feature-item{min-height:32px;min-width:140px;overflow:hidden;padding:var(--spacing-1) var(--spacing-2);text-overflow:ellipsis;white-space:nowrap}.feature-icon{height:14px;width:14px}.feature-item span:last-child{font-size:10px;line-height:1.2}.menu-item{padding:var(--spacing-3)}.menu-item-icon{height:36px;width:36px}}@media (prefers-color-scheme:dark){.menu-section,.user-card,.vip-features-card{background:#1a1a1a;border-color:#333}.feature-item,.menu-item:hover{background:#2a2a2a}.menu-item:hover{border-color:#444}.menu-item-icon{background:#2a2a2a}.menu-item:hover .menu-item-icon{background:#333}}.dev-user-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.dev-user-selector-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:400px;padding:24px;width:90%}.dev-user-selector-modal h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.dev-user-selector-modal p{color:#666;font-size:14px;margin:0 0 20px}.user-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.user-option{background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.user-option:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-option:active{transform:translateY(0)}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{color:#333;font-size:16px;font-weight:600}.user-type{color:#28a745;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.user-id{color:#999;font-family:monospace;font-size:11px}.selector-footer{border-top:1px solid #e9ecef;padding-top:16px;text-align:center}.selector-footer small{color:#6c757d;font-size:12px}@media (max-width:480px){.dev-user-selector-modal{margin:20px;padding:20px}.user-option{padding:14px}}.App{background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh}.top-nav{background:var(--bg-primary);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.main-content{flex:1 1;min-height:100vh;width:100%}.main-content,.page-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:430px}.page-wrapper{overflow-y:auto;position:relative;width:100vw}.loading-container,.page-wrapper{background:var(--bg-secondary);height:100vh}.loading-container{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray-300);border:4px solid var(--gray-300);border-radius:var(--radius-full);border-top-color:var(--primary-500);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:var(--text-secondary);font-size:var(--font-size-base);margin-top:var(--spacing-4);text-align:center}.error-container{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:var(--spacing-4);text-align:center}.error-icon{color:var(--error-500);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.error-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.error-message{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.error-message,.retry-btn{font-size:var(--font-size-base)}.retry-btn{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-white);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-base)}.retry-btn:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-md);transform:translateY(-2px)}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--transition-base) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:430px){.main-content,.page-wrapper{max-width:100vw}.error-container{padding:var(--spacing-3)}.error-title{font-size:var(--font-size-lg)}.loading-spinner{border-width:3px;height:32px;width:32px}}.chat-container{background:var(--bg-secondary);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:430px;overflow:hidden;position:relative;width:100vw;z-index:2}.chat-container.has-background{background-color:initial!important;box-shadow:0 25px 50px -12px #00000040;z-index:2}.member-status-wrapper{background:var(--bg-secondary);height:50px;left:50%;max-width:430px;padding:var(--spacing-2) 0;position:fixed;top:0;transform:translateX(-50%);transition:all .3s ease;width:100%;z-index:1001}.chat-container.has-background .member-status-wrapper{background:#fff3!important;border-bottom:1px solid #fff0!important;box-shadow:none;color:#fff;margin:0;max-width:430px;text-shadow:0 1px 3px #00000080;width:100%}.chat-container.has-background .member-status-wrapper .member-status-content{color:#fffffff2!important;text-shadow:0 1px 2px #0000004d}.chat-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-3);height:60px;left:50%;max-width:430px;padding:var(--spacing-4);position:fixed;position:relative;top:50px;transform:translateX(-50%);transition:all .3s ease;width:100%;z-index:1000}.chat-container.has-background .chat-header{background:#fff3!important;border-bottom:1px solid #fff0!important;box-shadow:none;margin:0;max-width:430px;width:100%}.chat-container.has-background .chat-header h1{color:#fffffff2!important;text-shadow:0 1px 3px #0000004d}.chat-container.has-background .chat-header .back-btn{color:#ffffffe6!important;font-size:var(--font-size-lg);text-shadow:0 1px 2px #0003}.chat-container.has-background .chat-header .back-btn:hover{background:#fff3;color:#fff!important}.chat-header .back-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1);height:var(--btn-height-base);justify-content:center;min-width:80px;padding:0 var(--spacing-3);transition:all var(--transition-base);white-space:nowrap}.chat-header .back-btn:hover{background:var(--gray-100);color:var(--text-primary)}.chat-header h1{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);left:50%;margin:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.chat-header .clear-btn{align-items:center;background:#ff4757;border:none;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-lg);height:36px;justify-content:center;padding:var(--spacing-2) var(--spacing-3);position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:36px}.chat-header .clear-btn:hover{background:#ff3838;transform:translateY(-50%) scale(1.05)}.context-menu{background:var(--bg-primary);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);min-width:120px;padding:var(--spacing-1)}.context-menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:all var(--transition-base);width:100%}.context-menu-item:hover{background:var(--gray-50)}.context-menu-item.delete{color:var(--error-500)}.context-menu-item.delete:hover{background:var(--error-50);color:var(--error-600)}.chat-header .subtitle{color:var(--text-secondary);font-size:var(--font-size-xs);text-align:center}.chat-messages{-ms-overflow-style:none;background:#0000;bottom:55px;display:flex;flex-direction:column;gap:var(--spacing-4);left:50%;max-width:430px;overflow-y:auto;padding:var(--spacing-4);padding-bottom:calc(var(--spacing-4) + 70px);position:fixed;scrollbar-width:none;top:110px;transform:translateX(-50%);width:100%;z-index:10}.chat-messages.has-background{background:#0000!important;background-color:initial!important;opacity:1}.chat-messages.has-background:before{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff1a;border:1px solid #fff3;bottom:0;box-shadow:var(--water-drop-shadow);content:"";left:0;margin:0;position:absolute;right:0;top:0;z-index:-1}.chat-messages:not(.has-background){background:#0000}.chat-messages-glass-effect{backdrop-filter:blur(1.5px) saturate(180%);-webkit-backdrop-filter:blur(1.5px) saturate(180%);background:#ffffff0d;bottom:0;display:none;left:50%;max-width:430px;pointer-events:none;position:fixed;top:130px;transform:translateX(-50%);width:100%;z-index:9}.chat-messages-glass-effect.has-background{border:1px solid #ffffff1a;box-shadow:0 8px 32px #00000005;display:block}.chat-messages.has-background .message .content{background:#ffffff26!important}.chat-messages.has-background .message .content,.chat-messages.has-background .message.user .content{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:1px solid #ffffff0d;box-shadow:0 2px 10px #00000003}.chat-messages.has-background .message.user .content{background:#7b91ff26!important}.chat-messages.has-background .message .message-text{Line-height:1.5;color:囗#333333!important;font-size:16px}.chat-messages.has-background .message .message-time{color:囗#999999!important;font-size:11px;margin-top:8px;text-align:right;text-shadow:none}.chat-messages.has-background .date-separator span{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background:#ffffff26;border:1px solid #ffffff0d;color:#000000e6;text-shadow:0 1px 2px #fff9}.chat-messages.has-background .date-separator{color:#000000b3}.chat-messages.has-background .date-separator:after,.chat-messages.has-background .date-separator:before{background:#ffffff0d}.message{animation:messageAppear .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;gap:var(--spacing-3);max-width:80%}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse;margin-left:auto}.message .avatar{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:36px;object-fit:cover;width:36px}.message .content{background:var(--bg-ai-message);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-ai-message);font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-3) var(--spacing-4);position:relative}.message.user .content{background:var(--bg-user-message);color:var(--text-user-message)}.message .message-text{margin-bottom:0}.message .message-time{color:#0006;font-size:11px;line-height:1;margin-top:6px;text-align:right}.message.user .message-time{color:#ffffffe6;text-shadow:0 1px 2px #0000001a}.message:not(.user) .message-time{color:#0006}.date-separator{align-items:center;color:#999;display:flex;font-size:12px;margin:16px 0}.date-separator:after,.date-separator:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.date-separator span{background:var(--bg-secondary);border:1px solid #e0e0e0;border-radius:12px;padding:0 12px;white-space:nowrap}.chat-messages.has-background .date-separator span{background:#ffffff40;border:1px solid #ffffff4d;color:#fffffff2;text-shadow:0 1px 2px #0003}.chat-messages.has-background .date-separator{color:#fffc}.chat-messages.has-background .date-separator:after,.chat-messages.has-background .date-separator:before{background:#fff3}.chat-container.has-background .message .content{--tw-backdrop-blur:blur(12px);align-self:flex-start;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:#ffc9debf;border:1px solid #ffffff40;border-radius:18px;box-shadow:var(--water-drop-shadow);color:#333;font-size:16px;line-height:1.5;margin-bottom:10px;overflow:hidden;padding:12px 16px;position:relative;text-shadow:none;transform:rotate(-.5deg)}.chat-container.has-background .message .content:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-container.has-background .message .content:after{background:linear-gradient(135deg,#ffffff4d,#fff0);border-radius:50%;content:"";filter:blur(4px);height:30%;left:8px;pointer-events:none;position:absolute;top:8px;width:30%}.chat-container.has-background .message.user .content{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:#7b91ffb3;border:1px solid #ffffff40;border-radius:18px;box-shadow:var(--water-drop-shadow);color:#fff;font-size:16px;line-height:1.5;margin-bottom:10px;overflow:hidden;padding:12px 16px;position:relative;text-shadow:none;transform:rotate(.5deg)}.chat-container.has-background .message.user .content:before{background:linear-gradient(135deg,#ffffff1a,#7b91ff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-container.has-background .message.user .content:after{background:linear-gradient(135deg,#ffffff4d,#fff0);border-radius:50%;content:"";filter:blur(4px);height:30%;left:8px;pointer-events:none;position:absolute;top:8px;width:30%}.chat-messages.has-background .message .message-text{color:#000000e6!important;text-shadow:0 1px 2px #fff9}.chat-messages.has-background .message.user .message-text{color:#fffffff2!important;text-shadow:0 1px 2px #0000004d}.chat-messages.has-background .message .message-time{color:#000000b3!important;text-shadow:0 1px 1px #fff6}.chat-messages.has-background .message.user .message-time{color:#ffffffe6!important;text-shadow:0 1px 1px #0003}.message{-webkit-user-select:none;user-select:none}.chat-input{align-items:center;background:var(--bg-primary);border-top:1px solid var(--gray-200);bottom:0;box-sizing:border-box;display:flex;gap:var(--spacing-3);left:50%;max-width:430px;min-height:40px;padding:var(--spacing-4);position:fixed;transform:translateX(-50%);transition:all .3s ease;width:100%;z-index:1000}.chat-container.has-background .chat-input{background:#fff3!important;border-top:1px solid #fff3!important;border:1px solid #fff3;bottom:0;box-shadow:none;margin:0;max-width:430px;width:100%}.chat-container.has-background .chat-input .chat-input-textarea{backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background:#ffffff40!important;border:1px solid #ffffff40!important;border-radius:25px;box-shadow:inset 0 1px 0 #ffffff4d,var(--water-drop-shadow);color:#fffffff2!important;font-size:var(--font-size-lg);overflow:hidden;padding:12px 20px;position:relative;text-shadow:0 1px 2px #0000001a}.chat-container.has-background .chat-input .chat-input-textarea:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-container.has-background .chat-input .chat-input-textarea:after{background:linear-gradient(135deg,#ffffff4d,#fff0);content:"";filter:blur(6px);height:30%;left:8px;pointer-events:none;position:absolute;top:8px;width:30%}.chat-container.has-background .chat-input .chat-input-textarea::placeholder{color:#ffffffb3!important;text-shadow:0 1px 1px #0000001a}.chat-container.has-background .chat-input .chat-input-textarea:focus{border-color:#ffffffb3!important;box-shadow:0 0 0 3px #fff3,inset 0 1px 0 #ffffff4d}.chat-input .chat-input-textarea{align-items:center;background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:24px;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);height:40px;line-height:1.5;min-height:40px;overflow:hidden;padding:8px var(--spacing-4);resize:none;transition:all var(--transition-base)}.chat-input .chat-input-textarea:focus{border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-50);outline:none}.chat-input .chat-input-textarea::placeholder{color:var(--text-disabled)}.chat-input .send-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:25px;box-shadow:var(--water-drop-shadow);color:var(--text-white);cursor:pointer;display:flex;height:48px;justify-content:center;margin-left:12px;overflow:hidden;padding:0;position:relative;transition:all var(--transition-base);width:48px}.chat-container.has-background .chat-input .send-btn:before{background:linear-gradient(135deg,#ffffff4d,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-container.has-background .chat-input .send-btn:after{background:linear-gradient(135deg,#fff6,#fff0);content:"";filter:blur(4px);height:30%;left:6px;pointer-events:none;position:absolute;top:6px;width:30%}.chat-input .send-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-400) 0,var(--primary-500) 100%);box-shadow:var(--shadow-md),var(--water-drop-shadow);transform:translateY(-1px)}.chat-input .send-btn:active:not(:disabled){transform:translateY(0)}.chat-input .send-btn:disabled{background:var(--gray-300);cursor:not-allowed}.message.loading .content{align-items:center;display:flex;gap:var(--spacing-2)}.message.loading .content:after{animation:loadingDots 1.5s infinite;content:"..."}@keyframes loadingDots{0%,20%{content:"."}40%,60%{content:".."}80%,to{content:"..."}}@media (max-width:430px){.chat-container,.member-status-wrapper{max-width:100vw}.chat-header{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2)}.chat-messages{padding:var(--spacing-3)}.message{max-width:85%}.chat-input,.message .content{padding:var(--spacing-2) var(--spacing-3)}.chat-input input{height:40px}.chat-input .send-btn{height:40px;width:40px}}@media (prefers-color-scheme:dark){.chat-container{background:var(--bg-dark)}.chat-header,.chat-input{background:var(--bg-dark-elevated);border-color:var(--border-dark)}.message .content{background:var(--bg-dark-elevated);color:var(--text-dark)}.message.user .content{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);color:var(--white)}.chat-input input{background:var(--bg-dark);border-color:var(--border-dark);color:var(--text-dark)}.chat-input input::placeholder{color:var(--text-dark-disabled)}}.message-limit-modal-mask{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.message-limit-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:400px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.message-limit-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 0}.message-limit-modal-title{color:#333;font-size:20px;font-weight:600}.message-limit-modal-close{background:none;border:none;border-radius:50%;cursor:pointer;padding:4px;transition:background-color .2s}.message-limit-modal-close:hover{background-color:#f0f0f0}.message-limit-modal-content{padding:20px}.message-limit-info{text-align:center}.message-limit-text{color:#666;font-size:16px;line-height:1.5;margin-bottom:20px}.plan-info{background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.current-plan,.suggested-plan{color:#555;font-size:14px}.current-plan{color:#ff6b6b;font-weight:500}.suggested-plan{color:#4caf50;font-weight:500}.upgrade-suggestion{background-color:#e3f2fd;border-radius:8px;color:#333;font-size:15px;font-weight:500;margin-bottom:20px;padding:10px}.message-limit-modal-actions{display:flex;gap:10px;padding:0 20px 20px}.later-btn,.upgrade-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px;transition:all .2s}.upgrade-btn{background-color:#4caf50;color:#fff}.upgrade-btn:hover{background-color:#45a049;transform:translateY(-1px)}.later-btn{background-color:#f0f0f0;color:#666}.later-btn:hover{background-color:#e0e0e0}