*{margin:0;padding:0;box-sizing:border-box}.lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#0a0e1a,#111827 40%,#0f172a);z-index:9999;padding:20px;padding-top:env(safe-area-inset-top,0);padding-bottom:calc(20px + env(safe-area-inset-bottom,0));user-select:none;-webkit-user-select:none}.lock-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:inherit;z-index:-1}.lock-screen-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px}.lock-icon{margin-bottom:16px;color:var(--accent)}.lock-icon svg{fill:var(--accent)}.lock-icon svg path[fill=none]{stroke:var(--accent)}.lock-screen h2{font-size:21px;font-weight:600;letter-spacing:-.3px;margin-bottom:20px;color:var(--text)}.lock-subtitle{color:var(--text2);font-size:14px;margin-bottom:24px;text-align:center}.lock-dots{display:flex;gap:14px;margin-bottom:12px}.lock-dots.shake{animation:dotShake .4s ease-in-out}@keyframes dotShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.lock-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);background:transparent;transition:all .15s ease}.lock-dot.filled{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #8b5cf666}.lock-pin-error{color:var(--red);font-size:14px;margin-bottom:8px;min-height:20px;text-align:center}.lock-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:270px;margin-top:32px}.lock-key{width:78px;height:78px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);font-size:32px;font-weight:300;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;transition:all .12s ease;-webkit-tap-highlight-color:transparent;outline:none;gap:1px}.lock-key:active:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(.93)}.lock-key-num{line-height:1;font-size:32px;font-weight:300}.lock-key-letters{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text2);margin-top:1px}.lock-key-empty{border:none!important;background:transparent!important}.lock-key-del{border:none!important;background:transparent!important;color:var(--text2);font-size:16px!important;font-weight:400;flex-direction:column;gap:0}.lock-key-del:active:not(:disabled){color:var(--accent);background:transparent!important;transform:scale(.9)}.lock-key-del:disabled{opacity:.3}.lock-key-bio{cursor:pointer;border:none!important;background:transparent!important}.lock-key-bio svg{stroke:var(--accent2)}.lock-setup-screen{z-index:10000;background:linear-gradient(160deg,#0a0e1a,#111827 40%,#0f172a)}.lock-setup-back{align-self:flex-start;display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent2);font-size:16px;cursor:pointer;padding:8px 0;margin-bottom:12px;-webkit-tap-highlight-color:transparent}.lock-disable-btn{margin-top:24px;background:none;border:none;color:var(--red);font-size:16px;cursor:pointer;padding:10px 20px;opacity:.8;-webkit-tap-highlight-color:transparent}.lock-disable-btn:active{opacity:1}.lock-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.lock-settings{background:var(--bg2);border-radius:16px;padding:24px;max-width:360px;width:100%;border:1px solid var(--border)}.lock-settings h3{font-size:19px;margin-bottom:4px}:root{--bg: #0a0a0a;--bg2: #141414;--bg3: #1e1e1e;--text: #f5f5f5;--text2: #999;--accent: #8b5cf6;--accent2: #a78bfa;--green: #22c55e;--red: #ef4444;--pink: #ec4899;--border: #2a2a2a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;background:var(--bg2);color:var(--text);height:100%;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app{width:100%;max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.nav{display:flex;justify-content:space-around;padding:8px 0;background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0;z-index:100;position:relative}.nav:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:50px;background:var(--bg2);z-index:-1}.nav-btn{background:none;border:none;color:var(--text2);font-size:24px;padding:8px 16px;cursor:pointer;transition:color .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.nav-btn span{font-size:12px}.nav-btn.active{color:var(--accent)}.badge{position:absolute;top:2px;right:6px;min-width:18px;height:18px;background:var(--red);color:#fff;font-size:12px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}.unread-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;z-index:50}.header h1{font-size:21px;font-weight:600}.page{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:24px;gap:16px}.login h1{font-size:35px;margin-bottom:8px}.login p{color:var(--text2);text-align:center;font-size:17px}.login textarea{width:100%;height:120px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px;font-size:14px;resize:none;font-family:monospace}.btn{background:var(--accent);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:19px;font-weight:600;cursor:pointer;transition:opacity .2s;width:100%}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn-sm{padding:8px 16px;font-size:16px;width:auto}.btn-green{background:var(--green)}.btn-red{background:var(--red)}.btn-pink{background:var(--pink)}.account-menu{background:var(--bg2);border-bottom:1px solid var(--border);padding:12px 16px;position:relative;z-index:60}.account-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.account-list{list-style:none;margin-bottom:8px}.account-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .2s}.account-item:hover{background:var(--bg3)}.account-item.active{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.account-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--bg3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text2)}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-info{flex:1;min-width:0}.account-name{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-meta{font-size:13px;color:var(--text2)}.account-add-btn{display:flex;align-items:center;gap:6px;background:none;border:1px dashed var(--border);color:var(--text2);width:100%;padding:10px;border-radius:10px;cursor:pointer;font-size:14px;transition:all .2s}.account-add-btn:hover{border-color:var(--accent);color:var(--accent)}.account-add-form{padding:8px 0}.account-add-form input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 12px;font-size:14px;outline:none;font-family:monospace}.account-add-form input:focus{border-color:var(--accent)}.card{position:relative;margin:16px;border-radius:20px;overflow:hidden;background:var(--bg3);aspect-ratio:3/4}.card-img{width:100%;height:100%;object-fit:cover}.card-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;background:linear-gradient(135deg,var(--accent),var(--pink))}.card-info{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000000e6)}.card-info h2{font-size:28px;font-weight:700}.card-info .meta{color:var(--text2);font-size:17px;margin-top:4px}.card-info .announcement{margin-top:8px;font-size:18px;line-height:1.4}.card-actions{display:flex;justify-content:center;gap:24px;padding:16px}.action-btn{width:64px;height:64px;border-radius:50%;border:2px solid var(--border);background:var(--bg2);font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{transform:scale(1.1)}.action-btn.like{border-color:var(--pink);color:var(--pink)}.action-btn.skip{border-color:var(--text2);color:var(--text2)}.chat-list{list-style:none}.chat-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.chat-item:hover{background:var(--bg3)}.chat-item.chat-unread{background:#8b5cf60f;border-left:3px solid var(--accent)}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text2);flex-shrink:0}.avatar-wrap{position:relative;flex-shrink:0}.online-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;background:var(--green);border-radius:50%;border:2px solid var(--bg);box-shadow:0 0 4px #22c55e80}.chat-info{flex:1;min-width:0}.chat-name{font-weight:600;font-size:18px}.chat-preview{color:var(--text2);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{color:var(--text2);font-size:16px;flex-shrink:0}.chat-delete-btn{background:none;border:none;color:var(--text2);cursor:pointer;padding:2px;opacity:0;transition:opacity .2s,color .2s}.chat-item:hover .chat-delete-btn{opacity:.6}.chat-delete-btn:hover{opacity:1!important;color:var(--red)}.chat-item.chat-left{border-left:3px solid var(--red)}.chat-item.chat-pinned{background:#8b5cf60d}.chat-last-online{font-size:11px;line-height:1.2;margin-top:1px}.chat-pin-btn{background:none;border:none;color:var(--text2);cursor:pointer;padding:2px;opacity:0;transition:opacity .2s,color .2s}.chat-item:hover .chat-pin-btn{opacity:.6}.chat-pin-btn:hover{opacity:1!important;color:var(--accent)}.chat-item.chat-pinned .chat-pin-btn{opacity:.8}.chat-room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--bg);z-index:90;padding-top:env(safe-area-inset-top,0)}.page-chat-mobile{display:flex;flex-direction:column;overflow:hidden}.page-chat-mobile .chat-room{position:relative;inset:unset;width:100%;height:100%;max-width:none;margin:0;z-index:1;padding-top:0}.page-chat-mobile .chat-input-bar{padding-bottom:10px}.page-chat-mobile .chat-input-bar:after{display:none}.chat-room>.header{position:relative;flex-shrink:0;min-height:56px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border-bottom:1px solid var(--border)}.chat-room>.header h1{font-size:18px;font-weight:600}.scroll-to-bottom-btn{position:absolute;bottom:calc(70px + env(safe-area-inset-bottom,0));right:16px;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:17px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #8b5cf680;transition:transform .2s,opacity .2s;animation:fadeInUp .2s ease-out}.scroll-to-bottom-btn:hover{transform:scale(1.1)}.scroll-to-bottom-btn:active{transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.message{max-width:80%;padding:10px 14px;border-radius:16px;font-size:18px;line-height:1.4;word-break:break-word}.message.sent{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.message.received{align-self:flex-start;background:var(--bg3);border-bottom-left-radius:4px}.message img{max-width:100%;border-radius:8px;margin-top:4px}.message .time{font-size:12px;opacity:.7;margin-top:4px;display:flex;align-items:center;gap:2px;justify-content:flex-end}.message.sent .time{opacity:.8}.read-check{display:inline-flex;align-items:center;vertical-align:middle;margin-left:5px;transition:all .3s ease}.photo-viewed{display:inline-flex;align-items:center;gap:3px;margin-left:4px;font-size:12px;color:#a78bfa;opacity:.9;font-weight:500}.read-check.is-read{filter:drop-shadow(0 0 3px rgba(167,139,250,.6))}.read-check.is-read svg{stroke-width:2.5}.typing-indicator{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--accent2);margin-top:2px}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots span{width:4px;height:4px;background:var(--accent2);border-radius:50%;animation:typingBounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-dots.big span{width:6px;height:6px}.typing-bubble{padding:12px 18px!important;opacity:.7}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.msg-context-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:149}.msg-context-menu{position:fixed;z-index:150;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:4px;min-width:140px;box-shadow:0 4px 20px #00000080}.msg-context-menu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--red);font-size:16px;padding:10px 12px;cursor:pointer;border-radius:8px}.msg-context-menu button:hover{background:#ef444426}.chat-input-bar{display:flex;gap:8px;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0));background:var(--bg2);border-top:1px solid var(--border);align-items:center;flex-shrink:0;position:relative;min-height:58px}.chat-input-bar:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:50px;background:var(--bg2)}.chat-input-bar input{flex:1;min-width:0;background:var(--bg3);border:1px solid var(--border);border-radius:20px;color:var(--text);padding:10px 16px;font-size:16px;outline:none;-webkit-appearance:none;height:40px}.chat-input-bar button{background:var(--accent);border:none;color:#fff;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;border-radius:50%;font-size:19px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.autolike{padding:24px 16px}.autolike h2{font-size:21px;margin-bottom:16px}.setting{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.setting label{font-size:18px}.setting input[type=number]{width:80px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px;font-size:18px;text-align:center}.toggle{position:relative;width:48px;height:28px;background:var(--border);border-radius:14px;cursor:pointer;transition:background .3s}.toggle.active{background:var(--green)}.toggle:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s}.toggle.active:after{transform:translate(20px)}.stats{margin-top:16px;padding:16px;background:var(--bg3);border-radius:12px}.stats-row{display:flex;justify-content:space-between;padding:4px 0}.stats-value{color:var(--accent2);font-weight:600}.progress-section{margin-top:16px;padding:12px 16px;background:var(--bg3);border-radius:12px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-status{font-size:14px;color:var(--text2)}.progress-count{font-size:17px;font-weight:700;color:var(--accent2)}.progress-bar-bg{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--pink));border-radius:3px;transition:width .3s ease}.error-list{margin-top:12px}.error-item{padding:6px 10px;background:#ef444426;border-left:3px solid var(--red);border-radius:4px;color:var(--red);font-size:14px;margin-bottom:4px}.settings-grid{display:flex;flex-direction:column}.like-log{margin-top:16px;max-height:400px;overflow-y:auto;background:var(--bg3);border-radius:12px;padding:8px}.like-log-entry{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text)}.like-log-entry:last-child{border-bottom:none}.like-entry-left{display:flex;align-items:center;gap:6px;flex-shrink:0}.like-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.like-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px}.like-details{display:flex;gap:4px;font-size:13px}.like-age{color:var(--accent2);font-weight:600}.like-city{color:var(--text2)}.like-dist{color:var(--text2);opacity:.7}.like-text{flex:1;color:var(--text2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.like-num{color:var(--text2);font-size:12px;opacity:.5;flex-shrink:0}.like-log-entry.error{color:var(--red)}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text2)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out;border-radius:8px}.skeleton-circle{border-radius:50%}.skeleton-chat-item{display:flex;align-items:center;gap:12px;padding:12px 16px}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-chat-lines{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;border-radius:6px}.skeleton-line-short{width:40%}.skeleton-line-medium{width:65%}.skeleton-line-long{width:85%}.skeleton-line-full{width:100%}.skeleton-msg{display:flex;flex-direction:column;gap:10px;padding:16px}.skeleton-bubble{border-radius:16px;padding:0}.skeleton-bubble-sent{align-self:flex-end}.skeleton-bubble-received{align-self:flex-start}.skeleton-feed{display:flex;flex-direction:column;align-items:center;padding:20px;gap:16px}.skeleton-feed-photo{width:100%;max-width:380px;aspect-ratio:3/4;border-radius:16px}.skeleton-feed-actions{display:flex;gap:24px}.skeleton-feed-btn{width:56px;height:56px;border-radius:50%}.skeleton-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}.skeleton-gallery-item{aspect-ratio:1;border-radius:6px}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:200;display:flex;align-items:center;justify-content:center}.photo-viewer img{max-width:100%;max-height:100%;object-fit:contain}.photo-viewer .close{position:absolute;top:calc(16px + env(safe-area-inset-top,0));right:16px;font-size:32px;color:#fff;background:none;border:none;cursor:pointer}.gallery-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:300;display:flex;align-items:flex-end;justify-content:center}.gallery-picker{background:var(--bg2);border-radius:16px 16px 0 0;width:100%;max-width:500px;max-height:75vh;display:flex;flex-direction:column;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gallery-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.gallery-picker-header h3{font-size:16px;font-weight:600;color:var(--text)}.gallery-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;overflow-y:auto;flex:1}.gallery-picker-item{position:relative;padding-bottom:100%;cursor:pointer;border-radius:8px;overflow:hidden;background:var(--bg3);transition:transform .15s,box-shadow .15s}.gallery-picker-item:hover{transform:scale(1.03);box-shadow:0 0 0 2px var(--accent)}.gallery-picker-item:active{transform:scale(.97)}.gallery-picker-item.sending{opacity:.5;pointer-events:none}.gallery-picker-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery-picker-sending{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080}.gallery-picker-badge{position:absolute;top:4px;right:4px;background:#ef4444d9;color:#fff;font-size:9px;padding:1px 5px;border-radius:4px;font-weight:700}.gallery-picker-send-icon{position:absolute;bottom:4px;right:4px;background:var(--accent);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;box-shadow:0 2px 8px #0006}.gallery-picker-item:hover .gallery-picker-send-icon{opacity:1}.gallery-picker-footer{padding:12px 16px;border-top:1px solid var(--border);text-align:center}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--text2);text-align:center;gap:12px}.empty-icon{font-size:48px;color:var(--text2)}.icon-btn{background:none;border:none;color:var(--text2);cursor:pointer;padding:4px 8px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--accent)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.on{background:var(--green)}.status-dot.off{background:var(--red)}.online-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:middle}.photo-count-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg)}.profile-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.profile-viewer-content{width:100%;max-width:420px;max-height:90vh;background:var(--bg2);border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column}.profile-viewer-close{position:absolute;top:12px;right:12px;z-index:10;background:#00000080;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-viewer-photo{position:relative;width:100%;aspect-ratio:3/4;background:var(--bg3);overflow:hidden}.profile-viewer-photo img{width:100%;height:100%;object-fit:cover}.profile-viewer-no-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text2)}.profile-viewer-dots{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:5}.profile-dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:background .2s}.profile-dot.active{background:#fff}.profile-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0006;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:5}.profile-nav-btn.left{left:8px}.profile-nav-btn.right{right:8px}.profile-viewer-info{padding:16px 20px 20px}.profile-viewer-info h2{font-size:24px;font-weight:700}.likes-header-btn{position:relative}.likes-badge{position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;background:var(--pink);color:#fff;font-size:12px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1;animation:likePulse 2s infinite}@keyframes likePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.likes-panel{background:var(--bg2);border-bottom:1px solid var(--border);position:relative;z-index:60;max-height:70vh;overflow-y:auto}.likes-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg2);z-index:1}.likes-panel-header span{display:flex;align-items:center;gap:6px}.likes-list{list-style:none}.likes-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);transition:opacity .3s}.likes-item.processing{opacity:.4;pointer-events:none}.likes-avatar-wrap{position:relative;flex-shrink:0}.likes-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.likes-avatar-placeholder{width:52px;height:52px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text2)}.likes-info{flex:1;min-width:0}.likes-name{font-weight:600;font-size:18px}.likes-announcement{font-size:13px;color:var(--text2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.likes-actions{display:flex;gap:8px;flex-shrink:0}.likes-action-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--bg3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.likes-action-btn:disabled{opacity:.3;cursor:not-allowed}.likes-action-btn.like{border-color:var(--pink);color:var(--pink)}.likes-action-btn.like:hover:not(:disabled){background:var(--pink);color:#fff;transform:scale(1.1)}.likes-action-btn.skip{border-color:var(--text2);color:var(--text2)}.likes-action-btn.skip:hover:not(:disabled){background:var(--border);color:var(--text);transform:scale(1.1)}.profile-announcement{margin-top:12px;padding:12px;background:#ffffff0d;border-radius:10px;font-size:16px;line-height:1.5;color:var(--text)}.audio-msg{display:flex;align-items:center;gap:8px;padding:4px 0;min-width:160px}.audio-msg audio{display:none}.audio-wave{display:flex;align-items:center;gap:1.5px;height:26px;flex:1}.audio-bar{width:2.5px;background:#fff6;border-radius:2px;min-height:3px}.message.sent .audio-bar{background:#ffffff8c}.message.received .audio-bar{background:var(--accent2);opacity:.7}.audio-time{font-size:12px;opacity:.6;flex-shrink:0;min-width:20px}.audio-play-btn{width:30px;height:30px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:14px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0;line-height:1}.audio-play-btn:active{background:#ffffff4d}.message.received .audio-play-btn{background:#8b5cf640;color:var(--accent2)}.video-message video{display:block}html{overscroll-behavior-y:none;background:var(--bg2);height:100%;min-height:calc(100% + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}button,.icon-btn{-webkit-tap-highlight-color:transparent}@supports (-webkit-touch-callout: none){html,body{background:var(--bg2)}input,textarea,select{font-size:16px!important}}#root{height:100%;background:var(--bg2)}@media (min-width: 769px){html{padding:0;min-height:100%}.app{max-width:100%;flex-direction:row;height:100vh}.nav{display:none!important}.desktop-sidebar{display:flex;flex-direction:row;height:100vh;overflow:hidden;flex-shrink:0}.desktop-iconbar{display:flex;flex-direction:column;align-items:center;width:64px;min-width:64px;background:var(--bg2);border-right:1px solid var(--border);padding:12px 0;gap:4px;flex-shrink:0;height:100vh}.desktop-iconbar .iconbar-logo{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-1px;cursor:default;-webkit-user-select:none;user-select:none}.desktop-iconbar .iconbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:none;background:transparent;color:var(--text2);cursor:pointer;transition:all .15s;position:relative;gap:2px}.desktop-iconbar .iconbar-btn span{font-size:9px;font-weight:500;line-height:1}.desktop-iconbar .iconbar-btn:hover{background:var(--bg3);color:var(--text)}.desktop-iconbar .iconbar-btn.active{background:#8b5cf626;color:var(--accent)}.desktop-iconbar .iconbar-spacer{flex:1}.desktop-iconbar .iconbar-btn-small{width:40px;height:40px;border-radius:10px;font-size:14px}.desktop-panel{display:flex;flex-direction:column;width:380px;min-width:380px;background:var(--bg);border-right:1px solid var(--border);height:100vh;overflow:hidden}.desktop-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg2);min-height:52px}.desktop-panel-header h2{font-size:17px;font-weight:600}.desktop-panel-content{flex:1;overflow-y:auto}.desktop-panel-content::-webkit-scrollbar{width:4px}.desktop-panel-content::-webkit-scrollbar-track{background:transparent}.desktop-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-header,.sidebar-nav,.sidebar-chat-list{display:none!important}.desktop-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0;background:var(--bg);position:relative}.desktop-main>.page{flex:1;overflow-y:auto}.desktop-main-header{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg2);min-height:52px}.desktop-main-header h2{font-size:17px;font-weight:600;margin:0}.desktop-main-content{flex:1;overflow-y:auto;padding:0}.desktop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text2);gap:16px;opacity:.4}.desktop-empty h2{font-size:22px;font-weight:300}.chat-room{position:static!important;max-width:none!important;width:100%!important;height:100%!important;padding-top:0!important;inset:unset!important;margin:0!important}.chat-room>.header{background:var(--bg2)!important;min-height:52px!important;padding:0 16px!important;border-bottom:1px solid var(--border)!important}.chat-input-bar{padding-bottom:10px!important}.chat-input-bar:after{display:none}.chat-room>.header>button:first-child{display:none}.message{max-width:55%;font-size:15px}.messages{padding:20px 24px}.card{max-width:400px;margin:24px auto}.card-actions{max-width:400px;margin:0 auto}.gallery-picker-grid{grid-template-columns:repeat(4,1fr)}.likes-panel,.account-menu{position:fixed;top:60px;left:64px;width:380px;max-height:80vh;border-radius:0 12px 12px 0;box-shadow:0 8px 40px #0009;z-index:500}.profile-viewer-content{max-width:500px;max-height:85vh}.photo-viewer img{max-width:80%;max-height:90%}.desktop-panel-content .chat-item.chat-active{background:#8b5cf61a;border-left:3px solid var(--accent)}.desktop-panel-content .chat-item{transition:background .15s}.desktop-panel-content .chat-item:hover{background:var(--bg3)}.chat-room>.header h1{font-size:16px}.autolike{max-width:600px;margin:0 auto;padding:32px 24px}}@media (max-width: 768px){.desktop-sidebar,.desktop-iconbar,.desktop-panel{display:none!important}.desktop-main{width:100%}}