*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-start: #6C63FF;--primary-end: #FF6B9D;--bg: #F5F5FA;--card: #FFFFFF;--text: #1A1A2E;--text-secondary: #6B7280;--border: #E5E7EB;--shadow: 0 2px 12px rgba(0,0,0,.08);--radius: 16px;--gradient: linear-gradient(135deg, var(--primary-start), var(--primary-end))}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#e8e8ee;color:var(--text);-webkit-font-smoothing:antialiased}#app{position:relative;width:390px;height:844px;margin:20px auto;background:var(--bg);border-radius:40px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 0 0 8px #1a1a2e}@media(max-width:430px){#app{width:100%;height:100vh;height:100dvh;margin:0;border-radius:0;box-shadow:none}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--bg);-webkit-overflow-scrolling:touch}.screen.has-tabs{padding-bottom:80px}.screen>*{flex-shrink:0}.screen::-webkit-scrollbar{display:none}.screen{scrollbar-width:none}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--card);border-bottom:1px solid var(--border);min-height:56px}.top-bar .title{font-size:20px;font-weight:700}.top-bar .back-btn{font-size:22px;background:none;border:none;cursor:pointer;padding:4px 8px 4px 0;color:var(--text)}.top-bar .icon-btn{font-size:20px;background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:background .15s}.top-bar .icon-btn:active{background:var(--border)}.tab-bar{position:absolute;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:flex-end;justify-content:space-around;padding:8px 8px 20px;background:var(--card);border-top:1px solid var(--border);height:80px}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;cursor:pointer;font-size:10px;color:var(--text-secondary);padding:4px 12px;transition:color .15s;-webkit-tap-highlight-color:transparent}.tab-item .tab-icon{font-size:22px}.tab-item.active{color:var(--primary-start)}.tab-item.active .tab-icon{transform:scale(1.1)}.tab-center{position:relative;top:-18px;width:56px;height:56px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;border:4px solid var(--card);box-shadow:0 4px 15px #6c63ff66;padding:0}.tab-center .tab-label{display:none}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97);opacity:.9}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 15px #6c63ff4d}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-black{background:#000;color:#fff}.btn-gray{background:#f3f4f6;color:var(--text)}.btn-danger{background:#fee2e2;color:#dc2626}.btn-sm{padding:8px 16px;font-size:13px;border-radius:8px}.btn-block{width:100%}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-sm{width:40px;height:40px;font-size:14px}.avatar-md{width:56px;height:56px;font-size:18px}.avatar-lg{width:80px;height:80px;font-size:28px}.avatar-xl{width:100px;height:100px;font-size:36px}.online-dot{width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid #fff;display:inline-block}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-vip{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.badge-verified{background:#dbeafe;color:#2563eb}.chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none;-webkit-tap-highlight-color:transparent}.chip-default{background:#f3f4f6;color:var(--text-secondary)}.chip-active{background:var(--gradient);color:#fff}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width .3s ease}.form-input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:12px;font-size:15px;outline:none;transition:border-color .15s;background:var(--card);font-family:inherit}.form-input:focus{border-color:var(--primary-start)}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.toggle{position:relative;width:48px;height:28px;border-radius:14px;background:#d1d5db;cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.toggle.on{background:var(--primary-start)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(20px)}.h-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 20px 12px;scroll-snap-type:x mandatory}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}.section-title{font-size:17px;font-weight:700;padding:16px 20px 8px}.user-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 20px 20px}.user-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .15s;text-align:center}.user-card:active{transform:scale(.97)}.user-card .name{font-size:14px;font-weight:600}.user-card .meta{font-size:12px;color:var(--text-secondary)}.user-card .intro-snippet{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.user-card-h{width:140px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.user-card-h:active{transform:scale(.97)}.user-card-h .name{font-size:14px;font-weight:600}.user-card-h .meta{font-size:12px;color:var(--text-secondary)}.user-card-h .intro-snippet{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.chat-item{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;transition:background .1s}.chat-item:active{background:#f3f4f6}.chat-item-info{flex:1;min-width:0}.chat-item-name{font-size:15px;font-weight:600}.chat-item-msg{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.chat-item-time{font-size:11px;color:var(--text-secondary)}.msg-area{flex:1;padding:16px 16px 8px;display:flex;flex-direction:column;gap:8px}.msg-row{display:flex;gap:8px;max-width:80%}.msg-row.sent{align-self:flex-end;flex-direction:row-reverse}.msg-bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;word-break:break-word}.msg-bubble.recv{background:#f3f4f6;border-bottom-left-radius:4px}.msg-bubble.sent{background:var(--gradient);color:#fff;border-bottom-right-radius:4px}.msg-time{font-size:10px;color:var(--text-secondary);margin-top:2px;align-self:flex-end}.chat-input-bar{display:flex;align-items:center;gap:8px;padding:10px 14px 28px;background:var(--card);border-top:1px solid var(--border)}.chat-input-bar input{flex:1;border:2px solid var(--border);border-radius:24px;padding:10px 16px;font-size:14px;outline:none;font-family:inherit}.chat-input-bar input:focus{border-color:var(--primary-start)}.chat-input-bar button{width:38px;height:38px;border-radius:50%;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s}.chat-input-bar button:active{transform:scale(.92)}.send-btn{background:var(--gradient);color:#fff}.notif-item{display:flex;gap:12px;padding:14px 20px;cursor:pointer;transition:background .1s}.notif-item:active{background:#f3f4f6}.notif-text{font-size:14px;line-height:1.4}.notif-time{font-size:11px;color:var(--text-secondary);margin-top:2px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .1s}.menu-item:active{background:#f3f4f6}.menu-item-left{display:flex;align-items:center;gap:12px;font-size:15px}.menu-item .arrow{color:var(--text-secondary);font-size:16px}.feed-item{background:var(--card);margin-bottom:12px}.feed-header{display:flex;align-items:center;gap:10px;padding:12px 16px}.feed-photo{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#e0e7ff,#fce7f3);display:flex;align-items:center;justify-content:center;font-size:48px;color:#c4b5fd;overflow:hidden}.feed-photo img{width:100%;height:100%;object-fit:cover}.feed-actions{display:flex;gap:16px;padding:10px 16px;font-size:22px}.feed-actions span{cursor:pointer}.feed-meta{padding:0 16px 12px;font-size:13px;color:var(--text-secondary)}.photo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.photo-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#e0e7ff,#fce7f3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#a78bfa;cursor:pointer;overflow:hidden}.photo-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:8px}.upload-circle{width:100px;height:100px;border-radius:50%;border:3px dashed var(--border);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-secondary);cursor:pointer;transition:border-color .15s;margin:0 auto}.upload-circle:hover{border-color:var(--primary-start)}.upload-square{aspect-ratio:1;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-secondary);cursor:pointer;transition:border-color .15s}.upload-square:hover{border-color:var(--primary-start)}.video-screen{flex:1;background:#111;display:flex;flex-direction:column;position:relative}.video-remote{flex:1;background:linear-gradient(180deg,#2d1b69,#1a1a2e);display:flex;align-items:center;justify-content:center;position:relative}.video-remote .placeholder-text{color:#ffffff4d;font-size:18px}.video-pip{position:absolute;top:70px;right:16px;width:100px;height:140px;border-radius:12px;background:linear-gradient(180deg,#4c1d95,#6d28d9);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:12px}.video-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;z-index:5}.video-top span{color:#fff;font-size:14px;font-weight:600}.video-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px 16px 40px;background:#00000080}.vc-btn{width:52px;height:52px;border-radius:50%;border:none;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;transition:transform .1s}.vc-btn:active{transform:scale(.92)}.vc-end{width:64px;height:64px;background:#ef4444;font-size:26px}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:center;justify-content:center;padding:32px}.modal-card{background:var(--card);border-radius:20px;overflow:hidden;width:100%;max-width:320px;animation:modalIn .3s ease}@keyframes modalIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo-animated{background:linear-gradient(270deg,#6c63ff,#ff6b9d,#6c63ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.filter-row{display:flex;gap:8px;padding:12px 20px;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.px-20{padding-left:20px;padding-right:20px}.py-8{padding-top:8px;padding-bottom:8px}.mt-auto{margin-top:auto}.text-center{text-align:center}.divider{height:1px;background:var(--border);margin:0 20px}.section-gap{height:16px}.settings-header{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);padding:20px 20px 8px;letter-spacing:.5px}.pkg-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;position:relative;overflow:hidden}.pkg-card .best-value{position:absolute;top:0;right:0;background:var(--gradient);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:0 0 0 12px}.lang-selector{position:relative;display:inline-flex;align-items:center}.lang-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:inherit;padding:4px 24px 4px 8px;font-size:12px;font-weight:600;cursor:pointer;outline:none;font-family:inherit}.lang-selector-light select{background:#f3f4f6;border-color:var(--border);color:var(--text)}.lang-selector:after{content:"▾";position:absolute;right:8px;pointer-events:none;font-size:10px}#app[data-theme=aurora]{background:linear-gradient(160deg,#fff,#fff0f5,#ffe0ee 60%,#ffcce0);box-shadow:0 20px 60px #b4649633,0 0 0 8px #e8c0d8}#app[data-theme=aurora] .screen{background:transparent}[data-theme=aurora]{--bg: transparent;--card: rgba(255,255,255,.7);--text: #2D1B3D;--text-secondary: #8B6A8D;--border: rgba(200,160,190,.3);--shadow: 0 2px 12px rgba(180,100,150,.1);--primary-start: #D946A8;--primary-end: #9366E8;--gradient: linear-gradient(135deg, #D946A8, #9366E8)}[data-theme=aurora] .top-bar{background:#ffffffa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#c8a0be33}[data-theme=aurora] .tab-bar{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top-color:#c8a0be33}[data-theme=aurora] .tab-item{color:#8b6a8d}[data-theme=aurora] .tab-item.active{color:#d946a8}[data-theme=aurora] .card,[data-theme=aurora] .user-card,[data-theme=aurora] .user-card-h,[data-theme=aurora] .pkg-card{background:#ffffffa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(200,160,190,.2)}[data-theme=aurora] .feed-item{background:#ffffff8c}[data-theme=aurora] .chat-item:active,[data-theme=aurora] .notif-item:active,[data-theme=aurora] .menu-item:active{background:#dcb4d233}[data-theme=aurora] .msg-bubble.recv{background:#ffe6f5b3;color:var(--text)}[data-theme=aurora] .chat-input-bar{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top-color:#c8a0be33}[data-theme=aurora] .chat-input-bar input{background:#fff0f899;border-color:#c8a0be4d;color:var(--text)}[data-theme=aurora] .chat-input-bar input::placeholder{color:#b08aad}[data-theme=aurora] .form-input{background:#fff9;border-color:#c8a0be4d;color:var(--text)}[data-theme=aurora] .form-input:focus{border-color:#d946a8}[data-theme=aurora] .form-input::placeholder{color:#b08aad}[data-theme=aurora] .chip-default{background:#ffe6f599;color:#6b4a6d}[data-theme=aurora] .feed-photo,[data-theme=aurora] .photo-placeholder{background:linear-gradient(135deg,#fff0f8,#f8e0f0)}[data-theme=aurora] .upload-square,[data-theme=aurora] .upload-circle{border-color:#c8a0be66;color:#b08aad}[data-theme=aurora] .upload-square:hover,[data-theme=aurora] .upload-circle:hover{border-color:#d946a8}[data-theme=aurora] .toggle{background:#dcc8d8}[data-theme=aurora] .toggle.on{background:#d946a8}[data-theme=aurora] .divider{background:#c8a0be33}[data-theme=aurora] .btn-outline{border-color:#c8a0be66;color:var(--text)}[data-theme=aurora] .btn-gray{background:#ffe6f599;color:var(--text)}[data-theme=aurora] .btn-danger{background:#fee2e2;color:#dc2626}[data-theme=aurora] .modal-overlay{background:#3c143259}[data-theme=aurora] .modal-card{background:#fff8fcf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(200,160,190,.2)}[data-theme=aurora] .badge-verified{background:#f0e0f8;color:#7c3aed}[data-theme=aurora] .settings-header{color:#8b6a8d}[data-theme=aurora] .lang-selector select,[data-theme=aurora] .lang-selector-light select{background:#fff0f899;border-color:#c8a0be4d;color:var(--text)}[data-theme=aurora] .online-dot{border-color:#fff}[data-theme=aurora] .logo-animated{background:linear-gradient(270deg,#d946a8,#9366e8,#d946a8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=aurora] .progress-fill{background:var(--gradient)}.theme-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:12px}.theme-toggle-row .theme-label{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}