@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--cream:#f7f3e1;--white:#fff;--black:#111;--blue:#2524c5;--blue-mid:#3534d4;--blue-light:#2524c51f;--blue-xlight:#2524c50f;--green:#22c55e;--green-light:#22c55e1f;--red:#f43f5e;--red-light:#f43f5e1f;--gold:#f59e0b;--gold-light:#f59e0b1f;--text-primary:#111;--text-secondary:#6b6b7a;--text-muted:#aaaabc;--card-shadow:0 2px 16px #00000014;--card-shadow-hover:0 6px 28px #00000021;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--font-display:"Unbounded", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--success:#22c55e;--danger:#f43f5e;--accent-gold:#f59e0b;--color-card-bg:#fff;--color-card-text:#111;--panel-border:transparent}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}#root{background:var(--cream);flex-direction:column;width:100%;height:100dvh;display:flex}body{font-family:var(--font-body);color:var(--text-primary);background:var(--cream);width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}.app-screen{background:var(--cream);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.bokeh-background,.bokeh-circle{display:none}.welcome-container{padding:0 0 calc(36px + var(--safe-bottom));z-index:10;flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative;overflow:hidden}.welcome-logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--black);padding:calc(44px + var(--safe-top)) 28px 0;text-align:left;font-size:72px;font-weight:900;line-height:1;display:block}.welcome-logo span{color:var(--blue)}.welcome-badge{background:var(--blue);color:#fff;font-family:var(--font-body);border-radius:var(--radius-pill);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;margin-left:28px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.welcome-graphic{flex:1;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative}.welcome-circle{background:var(--blue);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;animation:4s ease-in-out infinite blobPulse;display:flex;position:relative}.welcome-circle svg{color:#fff;width:48px;height:48px}@keyframes blobPulse{0%,to{border-radius:50%;transform:scale(1)}25%{border-radius:60% 40% 55% 45%/50% 55% 45% 50%;transform:scale(1.04)}75%{border-radius:45% 55% 40% 60%/55% 45% 50% 50%;transform:scale(.97)}}.welcome-info{margin-bottom:20px;padding:0 28px}.welcome-info h2{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px;font-size:24px;font-weight:800;line-height:1.2}.welcome-info p{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.6}.welcome-action-btn{border-radius:var(--radius-pill);background:var(--blue);color:#fff;width:calc(100% - 48px);font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;text-transform:uppercase;border:none;margin:0 24px;padding:18px;font-size:15px;font-weight:800;transition:all .18s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #2524c559}.welcome-action-btn:hover{transform:translateY(-1px);box-shadow:0 8px 32px #2524c573}.welcome-action-btn:active{transform:scale(.97)translateY(1px);box-shadow:0 4px 16px #2524c54d}.config-container{padding:calc(44px + var(--safe-top)) 20px calc(40px + var(--safe-bottom));z-index:10;background:var(--cream);flex-direction:column;flex:1;justify-content:flex-start;gap:36px;display:flex}.config-step{font-family:var(--font-body);color:var(--blue);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.config-question{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-top:10px;font-size:28px;font-weight:800;line-height:1.2}.config-grid-two{gap:14px;width:100%;display:flex}.config-grid-three{gap:10px;width:100%;display:flex}.config-grid-packs{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.config-pack-card{text-align:center;background:var(--white);border:3.5px solid var(--black);border-radius:var(--radius-xl);box-shadow:4px 4px 0 var(--black);cursor:pointer;z-index:1;outline:none;flex-direction:column;justify-content:center;align-items:center;margin:6px 0;padding:20px 10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.config-pack-card:before{content:"";border:3.5px solid var(--black);border-radius:var(--radius-xl);background:var(--white);z-index:-1;pointer-events:none;box-shadow:2px 2px 0 var(--black);transition:transform .2s;position:absolute;inset:-3.5px;transform:rotate(-3deg)translate(-2px,-1px)}.config-pack-card:after{content:"";border:3.5px solid var(--black);border-radius:var(--radius-xl);background:var(--white);z-index:-2;pointer-events:none;box-shadow:2px 2px 0 var(--black);transition:transform .2s;position:absolute;inset:-3.5px;transform:rotate(3deg)translate(2px,1px)}.config-pack-card:hover{box-shadow:6px 6px 0 var(--black);transform:translateY(-2px)}.config-pack-card:hover:before{transform:rotate(-5deg)translate(-4px,-2px)}.config-pack-card:hover:after{transform:rotate(5deg)translate(4px,2px)}.config-pack-card:active{box-shadow:2px 2px 0 var(--black);background:var(--blue-xlight);transform:scale(.97)translate(2px,2px)}.pack-emoji-wrapper{background:var(--cream);border:2px solid var(--black);width:52px;height:52px;box-shadow:2px 2px 0 var(--black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;font-size:32px;display:flex}.pack-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:800;line-height:1.2}.pack-desc{font-family:var(--font-body);color:var(--text-secondary);font-size:10px;font-weight:600;line-height:1.35}.config-grid-card{text-align:center;background:var(--white);border:3.5px solid var(--black);border-radius:var(--radius-xl);box-shadow:4px 4px 0 var(--black);cursor:pointer;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 14px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.config-grid-card:hover{box-shadow:6px 6px 0 var(--black);transform:translateY(-2px)}.config-grid-card:active{box-shadow:2px 2px 0 var(--black);background:var(--blue-xlight);transform:scale(.97)translate(2px,2px)}.card-emoji-wrapper{background:var(--cream);border:2px solid var(--black);width:64px;height:64px;box-shadow:2.5px 2.5px 0 var(--black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:12px;font-size:36px;display:flex}.card-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:800;line-height:1.2}.card-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.35}.config-grid-card-small{text-align:center;background:var(--white);border:3.5px solid var(--black);border-radius:var(--radius-xl);box-shadow:4px 4px 0 var(--black);cursor:pointer;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 8px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.config-grid-card-small:hover{box-shadow:6px 6px 0 var(--black);transform:translateY(-2px)}.config-grid-card-small:active{box-shadow:2px 2px 0 var(--black);background:var(--blue-xlight);transform:scale(.97)translate(2px,2px)}.card-emoji-wrapper-small{background:var(--cream);border:2px solid var(--black);width:48px;height:48px;box-shadow:2px 2px 0 var(--black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;font-size:28px;display:flex}.card-title-small{font-family:var(--font-display);color:var(--text-primary);font-size:13px;font-weight:800;line-height:1.2}.cards-container{padding:calc(16px + var(--safe-top)) 18px calc(84px + var(--safe-bottom));z-index:10;background:var(--cream);flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex;overflow:hidden}.pack-switcher-tabs{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:8px;width:100%;margin-bottom:2px;padding:8px 4px 12px;display:flex;overflow-x:auto}.pack-switcher-tabs::-webkit-scrollbar{display:none}.pack-tab-pill{font-family:var(--font-body);color:var(--text-secondary);background:var(--white);border:2px solid var(--black);border-radius:var(--radius-pill);box-shadow:2px 2px 0 var(--black);cursor:pointer;outline:none;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:700;transition:all .15s}.pack-tab-pill:active{box-shadow:1px 1px 0 var(--black);transform:translate(1px,1px)}.pack-tab-pill.active{color:#fff;background:var(--blue);box-shadow:none;border-color:var(--black);transform:translateY(1px)}.cards-header{-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.cards-counter{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.progress-bar-container{border-radius:var(--radius-pill);border:1.5px solid var(--black);background:#00000012;height:8px;overflow:hidden}.progress-bar-fill{background:var(--blue);border-radius:var(--radius-pill);height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.card-wrapper{justify-content:center;align-items:center;width:100%;margin:4px 0;display:flex;position:relative}.swipe-hint-left,.swipe-hint-right{font-family:var(--font-display);border-radius:var(--radius-pill);border:2px solid var(--black);background:var(--white);box-shadow:2px 2px 0px var(--black);opacity:.25;pointer-events:none;z-index:1;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:900;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.swipe-hint-left{color:var(--red);left:-8px;transform:translateY(-50%)rotate(-5deg)}.swipe-hint-right{color:var(--green);right:-8px;transform:translateY(-50%)rotate(5deg)}.game-card{background:var(--white);width:100%;height:370px;min-height:370px;color:var(--text-primary);border-radius:var(--radius-xl);cursor:grab;touch-action:none;border:3.5px solid var(--black);box-shadow:6px 6px 0px var(--black);z-index:5;flex-direction:column;justify-content:space-between;padding:30px 24px;display:flex;position:relative;overflow:hidden}.game-card:active{cursor:grabbing}.game-card:after{content:"";background:var(--blue-xlight);pointer-events:none;border:2px solid #0000000d;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.card-category{background:var(--blue-light);color:var(--blue);font-family:var(--font-body);border-radius:var(--radius-pill);border:1.5px solid var(--blue);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.card-question{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);flex:1;font-size:21px;font-weight:800;line-height:1.35}.card-hint{color:var(--text-secondary);background:var(--cream);border-radius:var(--radius-md);border:2px solid var(--black);box-shadow:3px 3px 0px var(--black);margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.5}.card-comment-box{z-index:10;width:100%;margin:12px 0}.card-comment-input{background:var(--cream);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);box-sizing:border-box;border:2.5px dashed #00000040;outline:none;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s}.card-comment-input:focus{border-color:var(--blue);background:var(--white);border-style:solid}.card-comment-input::placeholder{color:var(--text-secondary);opacity:.65;font-weight:500}.choice-actions{flex-direction:column;align-items:center;gap:12px;margin-top:4px;display:flex}.choice-buttons-row{align-items:center;gap:28px;display:flex}.choice-btn-round{cursor:pointer;border:3px solid var(--black);box-shadow:4px 4px 0px var(--black);border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.choice-btn-round.no{background:var(--white);width:60px;height:60px;color:var(--red)}.choice-btn-round.no:hover,.choice-btn-round.no:active{background:var(--red);color:#fff;box-shadow:6px 6px 0px var(--black);transform:scale(1.08)translateY(-2px)}.choice-btn-round.yes{background:var(--green);color:#fff;width:72px;height:72px}.choice-btn-round.yes:hover,.choice-btn-round.yes:active{background:var(--green);box-shadow:6px 6px 0px var(--black);transform:scale(1.08)translateY(-2px)}.choice-btn-skip-text{color:var(--text-secondary);font-family:var(--font-body);letter-spacing:.05em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:6px 16px;font-size:12px;font-weight:700;transition:color .15s}.choice-btn-skip-text:hover{color:var(--blue)}.comment-overlay-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;background:#11111180;align-items:flex-end;display:flex;position:absolute;inset:0}.comment-overlay-card{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;padding:24px 24px 36px;display:flex;box-shadow:0 -4px 30px #0000001f}.comment-overlay-handle{border-radius:var(--radius-pill);background:#e0e0e0;align-self:center;width:36px;height:4px;margin-bottom:20px}.comment-overlay-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:800}.comment-overlay-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.5}.comment-textarea{background:var(--cream);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);resize:none;border:2px solid #0000;outline:none;height:96px;margin-bottom:6px;padding:16px;font-size:14px;line-height:1.5;transition:border-color .2s}.comment-textarea::placeholder{color:var(--text-muted)}.comment-textarea:focus{border-color:var(--blue)}.comment-char-counter{color:var(--text-muted);align-self:flex-end;margin-bottom:20px;font-size:11px;font-weight:600}.comment-overlay-buttons{gap:12px;display:flex}.comment-btn-skip,.comment-btn-save{border-radius:var(--radius-md);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;flex:1;padding:16px;font-size:13px;font-weight:700;transition:all .18s}.comment-btn-skip{background:var(--cream);color:var(--text-secondary)}.comment-btn-skip:hover{background:#eceadb}.comment-btn-save{background:var(--blue);color:#fff;box-shadow:0 4px 16px #2524c54d}.comment-btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 24px #2524c566}.feed-container{padding:calc(16px + var(--safe-top)) 16px calc(88px + var(--safe-bottom));z-index:10;background:var(--cream);flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow:hidden}.profile-card-wrapper{flex-direction:column;flex:1;margin-bottom:16px;display:flex;overflow:hidden}.profile-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);flex-direction:column;flex:1;display:flex;overflow:hidden}.profile-image-container{flex:1;min-height:320px;position:relative;overflow:hidden}.profile-image{object-fit:cover;width:100%;height:100%}.profile-overlay{background:linear-gradient(#0000 40%,#111111eb 100%);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}.profile-compatibility-badge{background:var(--gold);color:var(--black);border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.02em;align-self:flex-start;align-items:center;gap:5px;margin-bottom:10px;padding:5px 12px;font-size:11px;font-weight:800;display:flex}.profile-title-row{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.profile-name{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:900}.profile-age{font-family:var(--font-display);color:#ffffffb3;font-size:20px;font-weight:700}.profile-city{color:#fff9;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.profile-bio{color:#ffffffb3;font-size:13px;line-height:1.5}.profile-details-container{background:var(--cream);border-top:1px solid #0000000f;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.details-title{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.common-answer-item{align-items:flex-start;gap:10px;display:flex}.common-answer-icon{background:var(--blue-light);width:24px;height:24px;color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.common-answer-content{flex-direction:column;display:flex}.common-answer-question{color:var(--text-primary);font-size:12px;font-weight:600;line-height:1.35}.common-answer-desc{color:var(--text-secondary);margin-top:2px;font-size:11px}.feed-actions{justify-content:center;align-items:center;gap:20px;margin-top:4px;display:flex}.feed-btn{cursor:pointer;box-shadow:var(--card-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.feed-btn.dislike{background:var(--white);width:60px;height:60px;color:var(--red);border:2.5px solid var(--red)}.feed-btn.dislike:hover{background:var(--red);color:#fff;transform:scale(1.08);box-shadow:0 8px 24px #f43f5e66}.feed-btn.like{background:var(--blue);color:#fff;width:72px;height:72px;box-shadow:0 6px 24px #2524c566}.feed-btn.like:hover{transform:scale(1.1);box-shadow:0 10px 32px #2524c58c}.empty-feed{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 28px;display:flex}.empty-feed-icon{background:var(--white);border:2px solid var(--blue-light);width:76px;height:76px;color:var(--blue);box-shadow:var(--card-shadow);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-feed h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:800}.empty-feed p{color:var(--text-secondary);max-width:280px;font-size:14px;line-height:1.55}.btn-refresh{border-radius:var(--radius-pill);background:var(--blue-light);color:var(--blue);font-family:var(--font-body);cursor:pointer;border:none;margin-top:4px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .18s}.btn-refresh:hover{background:var(--blue);color:#fff;box-shadow:0 4px 16px #2524c54d}.chats-container{padding:calc(28px + var(--safe-top)) 20px calc(88px + var(--safe-bottom));z-index:10;-webkit-overflow-scrolling:touch;background:var(--cream);flex-direction:column;flex:1;display:flex;overflow-y:auto}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:20px;font-size:28px;font-weight:900}.chats-list{flex-direction:column;gap:4px;display:flex}.chat-item{border-radius:var(--radius-lg);cursor:pointer;background:var(--white);box-shadow:var(--card-shadow);align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;transition:all .18s;display:flex}.chat-item:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.chat-item:active{transform:scale(.98)}.chat-avatar{border:2.5px solid var(--blue-light);border-radius:50%;flex-shrink:0;width:54px;height:54px;position:relative;overflow:hidden}.chat-avatar.blurred img{filter:blur(12px)}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-compatibility-tag{background:var(--blue);color:#fff;font-family:var(--font-display);border-radius:var(--radius-pill);border:2px solid var(--cream);padding:2px 6px;font-size:9px;font-weight:800;position:absolute;bottom:-2px;right:-6px}.chat-info{flex:1;min-width:0}.chat-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:800}.chat-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.chat-message-row{align-items:center;gap:6px;display:flex}.chat-last-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.chat-unread-badge{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex}.profile-container{padding:calc(20px + var(--safe-top)) 16px calc(100px + var(--safe-bottom));z-index:10;background:var(--cream);flex-direction:column;flex:1;display:flex}.profile-container.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto}.profile-main-card{background:var(--white);border-radius:var(--radius-xl);border:3.5px solid var(--black);box-shadow:6px 6px 0px var(--black);flex-direction:column;align-items:center;margin-bottom:24px;padding:28px 20px 20px;display:flex}.my-avatar-container{width:90px;height:90px;margin-bottom:16px;position:relative}.my-avatar-ring{background:linear-gradient(135deg, var(--blue), var(--gold), var(--red));-webkit-mask-composite:xor;pointer-events:none;border-radius:50%;padding:3px;animation:8s linear infinite rotateAvatarRing;position:absolute;inset:-6px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes rotateAvatarRing{to{transform:rotate(360deg)}}.my-avatar-container img{object-fit:cover;border:3px solid var(--black);border-radius:50%;width:100%;height:100%}.my-avatar-edit-badge{background:var(--blue);color:#fff;border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:2px solid var(--black);box-shadow:2px 2px 0 var(--black);padding:3px 10px;font-size:9px;font-weight:800;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.match-mode-switch-container{background:var(--cream);border-radius:var(--radius-md);border:2.5px solid var(--black);width:100%;box-shadow:3px 3px 0 var(--black);flex-direction:column;gap:8px;margin-bottom:20px;padding:12px;display:flex}.match-mode-switch-header{font-family:var(--font-display);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex}.match-mode-current-desc{color:var(--blue);text-transform:none;letter-spacing:normal;font-size:9px;font-weight:800}.match-mode-toggle-group{background:var(--white);border:2.5px solid var(--black);border-radius:var(--radius-md);box-sizing:border-box;width:100%;padding:3px;display:flex;position:relative}.match-mode-toggle-btn{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;flex:1;justify-content:center;align-items:center;padding:8px 0;font-size:13px;font-weight:700;transition:color .15s;display:flex;position:relative}.match-mode-toggle-btn.active{color:#fff}.match-mode-active-bg{background:var(--blue);border-radius:calc(var(--radius-md) - 2px);z-index:1;position:absolute;inset:0}.match-mode-btn-text{z-index:2;align-items:center;gap:4px;display:inline-flex;position:relative}.profile-form-card{background:var(--white);border:3.5px solid var(--black);border-radius:var(--radius-xl);box-shadow:4px 4px 0 var(--black);flex-direction:column;margin-bottom:8px;display:flex;overflow:hidden}.profile-form-row{width:100%;display:flex}.profile-form-item{flex-direction:column;padding:12px 14px;display:flex}.col-name{flex:2}.col-age{flex:1.2}.col-city{flex:1.8}.profile-form-divider-v{background:var(--black);align-self:stretch;width:3.5px}.profile-form-divider-h{background:var(--black);width:100%;height:3.5px}.profile-form-item-full{flex-direction:column;padding:14px 16px;display:flex}.profile-form-item label,.profile-form-item-full label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:9px;font-weight:800}.profile-form-item input,.profile-form-item select,.profile-form-item-full textarea{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;padding:2px 0;font-size:14px;font-weight:700}.profile-form-item select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23111111' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 2px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:14px}.profile-form-item-full textarea{resize:none;line-height:1.45}.form-row-three{gap:10px;width:100%;display:flex}.form-group-tile-compact{background:var(--white);border:3.5px solid var(--black);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--black);flex-direction:column;padding:8px 12px;transition:all .2s;display:flex}.form-group-tile-compact:focus-within{border-color:var(--blue);box-shadow:4px 4px 0 var(--blue)}.form-group-tile-compact:first-child{flex:2}.form-group-tile-compact:nth-child(2){flex:1.2}.form-group-tile-compact:nth-child(3){flex:1.8}.form-group-tile-compact label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:9px;font-weight:800}.form-group-tile-compact input,.form-group-tile-compact select{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;padding:2px 0;font-size:14px;font-weight:700}.form-group-tile-compact select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23111111' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 2px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:14px}.seeking-toggle-group{background:var(--cream);border:2.5px solid var(--black);border-radius:var(--radius-md);box-sizing:border-box;width:100%;margin-top:4px;padding:3px;display:flex;position:relative}.seeking-toggle-btn{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;flex:1;justify-content:center;align-items:center;padding:6px 0;font-size:13px;font-weight:700;transition:color .15s;display:flex;position:relative}.seeking-toggle-btn.active{color:#fff}.seeking-active-bg{background:var(--blue);border-radius:calc(var(--radius-md) - 2px);z-index:1;position:absolute;inset:0}.seeking-btn-text{z-index:2;position:relative}.my-stats-grid{border-top:1.5px solid #00000014;gap:10px;width:100%;padding-top:16px;display:flex}.my-stat-widget{background:var(--cream);border:2px solid var(--black);border-radius:var(--radius-md);box-shadow:2.5px 2.5px 0 var(--black);flex-direction:column;flex:1;align-items:center;padding:8px 4px;transition:transform .2s;display:flex}.my-stat-widget:hover{transform:translateY(-1px)}.widget-icon{border:1.5px solid var(--black);width:26px;height:26px;box-shadow:1.5px 1.5px 0 var(--black);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.widget-icon.sparkles{background:var(--blue-light);color:var(--blue)}.widget-icon.star{background:var(--gold-light);color:var(--gold)}.widget-icon.heart{background:var(--red-light);color:var(--red)}.widget-num{font-family:var(--font-display);color:var(--black);letter-spacing:-.01em;font-size:15px;font-weight:900}.widget-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:9px;font-weight:800}.profile-fields{flex-direction:column;gap:16px;display:flex}.form-group-tile{background:var(--white);border:3.5px solid var(--black);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--black);align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.form-group-tile:focus-within{border-color:var(--blue);box-shadow:4px 4px 0 var(--blue)}.form-group-tile.bio{align-items:flex-start}.form-tile-icon{border-radius:var(--radius-md);background:var(--blue-light);width:36px;height:36px;color:var(--blue);border:2px solid var(--black);box-shadow:2px 2px 0 var(--black);flex-shrink:0;justify-content:center;align-items:center;display:flex}.form-tile-content{flex-direction:column;flex:1;min-width:0;display:flex}.form-tile-content label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;font-weight:800}.form-tile-content input,.form-tile-content select,.form-tile-content textarea{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;padding:2px 0;font-size:15px;font-weight:700}.form-tile-content select{cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23111111' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;padding-right:24px}.form-tile-content textarea{resize:none}.btn-save-profile{border-radius:var(--radius-pill);background:var(--blue);border:3px solid var(--black);color:#fff;width:100%;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--black);margin-top:10px;padding:18px;font-size:15px;font-weight:900;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.btn-save-profile:hover{box-shadow:6px 6px 0 var(--black);transform:translateY(-2px)}.btn-save-profile:active{box-shadow:2px 2px 0 var(--black);transform:scale(.98)}.active-chat-container{background:var(--cream);flex-direction:column;display:flex}.chat-header{padding:calc(16px + var(--safe-top)) 16px 14px;background:var(--white);border-bottom:1px solid #0000000f;align-items:center;gap:12px;display:flex}.chat-header-back{background:var(--cream);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.chat-header-back:hover{background:#eceadb}.chat-header-profile{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.chat-header-avatar{border:2px solid var(--blue-light);border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.chat-header-avatar.blurred img{filter:blur(10px)}.chat-header-avatar img{object-fit:cover;width:100%;height:100%}.chat-header-name-container{flex-direction:column;min-width:0;display:flex}.chat-header-name{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:15px;font-weight:800;overflow:hidden}.chat-header-status{color:var(--green);font-size:11px;font-weight:600}.chat-header-compat{font-family:var(--font-display);color:var(--blue);background:var(--blue-light);border-radius:var(--radius-pill);flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:800}.chat-reveal-progress-bar{background:var(--white);border-bottom:1px solid #0000000d;flex-direction:column;gap:6px;padding:10px 16px;display:flex}.chat-reveal-progress-text{color:var(--blue);font-size:11px;font-weight:600}.chat-reveal-progress-track{background:var(--cream);border-radius:var(--radius-pill);height:4px;overflow:hidden}.chat-reveal-progress-fill{background:var(--blue);border-radius:var(--radius-pill);height:100%;transition:width .4s}.messages-area{-webkit-overflow-scrolling:touch;background:var(--cream);flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.icebreaker-card{background:var(--white);border-radius:var(--radius-lg);border:1.5px solid var(--blue-light);box-shadow:var(--card-shadow);gap:10px;margin-bottom:6px;padding:14px;display:flex}.icebreaker-icon{background:var(--blue-light);width:30px;height:30px;color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icebreaker-content{flex-direction:column;gap:4px;display:flex}.icebreaker-tag{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.icebreaker-text{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4}.icebreaker-desc{color:var(--text-secondary);font-size:12px}.message-bubble{border-radius:20px;flex-direction:column;gap:4px;max-width:75%;padding:12px 16px;font-size:14px;line-height:1.45;display:flex}.message-bubble.outgoing{background:var(--blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.incoming{background:var(--white);color:var(--text-primary);box-shadow:var(--card-shadow);border-bottom-left-radius:4px;align-self:flex-start}.message-meta{opacity:.55;align-self:flex-end;font-size:10px}.telegram-reveal-banner{background:var(--gold-light);border-radius:var(--radius-lg);border:1.5px solid #f59e0b4d;flex-direction:column;gap:10px;margin:12px 16px;padding:16px;display:flex}.reveal-banner-content h4{font-family:var(--font-display);color:var(--gold);margin-bottom:4px;font-size:15px;font-weight:800}.reveal-banner-content p{color:var(--text-secondary);font-size:13px}.btn-reveal-telegram{text-align:center;border-radius:var(--radius-pill);background:var(--gold);color:#111;font-family:var(--font-display);letter-spacing:.02em;padding:14px;font-size:14px;font-weight:800;text-decoration:none;display:block}.chat-input-bar{padding:12px 16px calc(12px + var(--safe-bottom));background:var(--white);border-top:1px solid #0000000f;align-items:center;gap:10px;display:flex}.chat-input{background:var(--cream);border-radius:var(--radius-pill);color:var(--text-primary);font-family:var(--font-body);border:2px solid #0000;outline:none;flex:1;padding:12px 18px;font-size:14px;transition:border-color .2s}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--blue)}.chat-send-btn{background:var(--cream);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.chat-send-btn.active{background:var(--blue);color:#fff;box-shadow:0 4px 16px #2524c566}.bottom-tabs{bottom:calc(16px + var(--safe-bottom));background:var(--black);border-radius:var(--radius-pill);z-index:100;align-items:center;height:64px;display:flex;position:absolute;left:16px;right:16px;box-shadow:0 8px 32px #00000040}.tab-btn{color:#ffffff73;cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;flex:1;justify-content:center;align-items:center;height:100%;transition:color .2s;display:flex;position:relative}.tab-btn.active{color:#fff}.tab-btn svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.tab-btn.active svg{transform:scale(1.15)}.tab-btn:hover svg{transform:scale(1.08)}.active-tab-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #2524c5e6}.match-overlay{-webkit-backdrop-filter:blur(16px);z-index:300;background:#1111118c;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.match-popup{background:var(--white);border-radius:var(--radius-xl);text-align:center;border:4px solid var(--black);width:100%;max-width:320px;box-shadow:8px 8px 0px var(--black);z-index:10;padding:40px 24px 28px;position:relative}.match-pop-tag{background:var(--gold);color:var(--black);font-family:var(--font-display);border-radius:var(--radius-pill);border:2px solid var(--black);letter-spacing:.08em;text-transform:uppercase;box-shadow:2px 2px 0 var(--black);margin-bottom:16px;padding:4px 12px;font-size:10px;font-weight:900;display:inline-block}.match-popup h2{font-family:var(--font-display);color:var(--black);letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:900;line-height:1.2}.match-popup p{color:var(--text-secondary);margin-bottom:24px;font-size:13px;line-height:1.5}.match-avatars{justify-content:center;align-items:center;width:180px;height:90px;margin-bottom:28px;margin-left:auto;margin-right:auto;display:flex;position:relative}.match-avatar-circle{border-radius:50%;width:80px;height:80px;position:absolute;overflow:hidden}.match-avatar-circle img{object-fit:cover;width:100%;height:100%}.match-actions{flex-direction:column;gap:12px;display:flex}.match-btn-chat{border-radius:var(--radius-pill);background:var(--blue);border:3.5px solid var(--black);color:#fff;width:100%;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;box-shadow:4px 4px 0 var(--black);padding:16px;font-size:14px;font-weight:900;transition:all .18s}.match-btn-chat:hover{box-shadow:6px 6px 0 var(--black);transform:translateY(-2px)}.match-btn-close{border-radius:var(--radius-pill);background:var(--cream);border:2.5px solid var(--black);width:100%;color:var(--black);font-family:var(--font-body);cursor:pointer;box-shadow:3px 3px 0 var(--black);padding:14px;font-size:13px;font-weight:800;transition:all .18s}.match-btn-close:hover{box-shadow:4px 4px 0 var(--black);background:#eceadb;transform:translateY(-1px)}::-webkit-scrollbar{width:0;height:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}