:root{--font-heading:'Plus Jakarta Sans','Inter',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3);--shadow-lg:0 12px 36px rgba(0,0,0,.6),0 4px 8px rgba(0,0,0,.4);--ease:180ms ease;--ease-slow:300ms ease;--safe-top:env(safe-area-inset-top, 0px);--safe-bottom:env(safe-area-inset-bottom, 0px)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--surface);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-lg);padding-top:var(--safe-top)}.screen{display:none;flex-direction:column;flex:1;overflow-y:auto}.screen.active{display:flex}#screen-login.active{background:var(--login-bg);min-height:100dvh;justify-content:center;align-items:center;padding:var(--sp-8) var(--sp-6);position:relative;overflow:hidden}#screen-login.active::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,var(--glow-a04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}#screen-login.active::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--glow-a20) 0,transparent 70%);top:-100px;right:-100px;pointer-events:none}.login-wrap{position:relative;z-index:1;width:100%;max-width:360px}.login-brand{text-align:center;margin-bottom:var(--sp-8)}.login-brand h1{font-family:var(--font-heading);font-size:32px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:var(--sp-1)}.login-brand p{font-size:13px;font-weight:500;color:rgba(255,255,255,.45);letter-spacing:.08em;text-transform:uppercase}.login-card{background:rgba(26,20,15,.98);backdrop-filter:blur(12px);border-radius:var(--r-xl);padding:var(--sp-8) var(--sp-6);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px var(--glow-a12)}.login-card h2{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-off);margin-bottom:var(--sp-1)}.btn-login-register{width:100%;padding:13px var(--sp-6);background:0 0;color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--r-md);font-family:var(--font-heading);font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.01em;margin-top:var(--sp-4);transition:background var(--ease)}.btn-login-register:hover{background:var(--surface-raised,rgba(255,255,255,.05))}.login-sep{margin:var(--sp-6) 0 var(--sp-4);height:1px;background:linear-gradient(to right,transparent,var(--border),transparent)}.login-registered-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);font-weight:600;margin-bottom:var(--sp-1)}.field{margin-bottom:var(--sp-3)}#screen-login input[type=email],#screen-login input[type=text],.field input{width:100%;padding:12px var(--sp-4);border:1.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font-body);font-size:15px;color:var(--text-off);background:var(--surface-2);outline:0;transition:border-color var(--ease),box-shadow var(--ease)}#screen-login input:focus,.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--glow-a15)}#screen-login input::placeholder,.field input::placeholder{color:var(--text-subtle)}.btn-primary{width:100%;padding:13px var(--sp-6);background:var(--primary);color:var(--btn-primary-text);border:none;border-radius:var(--r-md);font-family:var(--font-heading);font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background var(--ease),transform var(--ease),box-shadow var(--ease);margin-top:var(--sp-4)}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:active{transform:scale(.98)}.btn-link{display:block;width:100%;background:0 0;border:none;color:var(--text-muted);font-size:13px;font-family:var(--font-body);text-align:center;cursor:pointer;padding:var(--sp-2) 0;text-decoration:none;transition:color var(--ease)}.btn-link:hover{color:var(--primary)}.error-msg{font-size:13px;color:#dc2626;min-height:20px;margin-top:var(--sp-2)}.login-divider{text-align:center;color:var(--text-subtle);font-size:12px;margin:var(--sp-4) 0 var(--sp-3);position:relative}.login-divider::after,.login-divider::before{content:'';position:absolute;top:50%;width:calc(50% - 24px);height:1px;background:var(--border)}.login-divider::before{left:0}.login-divider::after{right:0}.interest-chip{padding:5px 13px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--ease);white-space:nowrap}.interest-chip:hover{border-color:var(--primary);color:var(--primary)}.interest-chip.selected{border-color:var(--primary);background:var(--glow-a12);color:var(--primary);font-weight:600}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:50}.topbar .brand{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--primary);letter-spacing:.02em}.topbar .ws-dot{width:8px;height:8px;border-radius:50%;background:var(--text-subtle);transition:background var(--ease-slow)}.topbar .ws-dot.connected{background:#22c55e}#reveal-banner{display:none;background:var(--gradient-reveal);color:var(--btn-primary-text);text-align:center;padding:var(--sp-3) var(--sp-4);font-size:13px;font-weight:600;font-family:var(--font-heading);letter-spacing:.01em;cursor:pointer;flex-shrink:0;animation:shimmer 3s ease infinite}#reveal-banner.show{display:block}@keyframes shimmer{0%,100%{opacity:1}50%{opacity:.88}}.bottom-nav{display:none;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);flex-shrink:0}.bottom-nav.visible{display:flex}.bottom-nav button{flex:1;border:none;background:0 0;padding:10px 4px 8px;font-size:10px;font-family:var(--font-body);font-weight:500;color:var(--text-subtle);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color var(--ease);letter-spacing:.02em;text-transform:uppercase}.bottom-nav button svg{width:22px;height:22px;stroke-width:1.7;transition:stroke var(--ease)}.bottom-nav button.active{color:var(--primary)}.bottom-nav button .badge{display:none;background:var(--accent);color:#fff;font-size:10px;border-radius:var(--r-full);padding:1px 5px;min-width:18px;text-align:center;font-weight:700}.bottom-nav button .badge.visible{display:inline-block}.bottom-nav button.nav-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.profile-header{padding:var(--sp-8) var(--sp-6) var(--sp-5);text-align:center;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--surface-3);color:var(--primary);border:2px solid var(--border);font-family:var(--font-heading);font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-bottom:var(--sp-1)}.profile-avatar.has-photo{background:0 0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-header h2{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text);margin:0}.profile-header p{font-size:14px;color:var(--text-muted);font-weight:500;margin:0}.profile-socials{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:6px;min-height:24px}.profile-social-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted);text-decoration:none;transition:all var(--ease)}.profile-social-link:hover{border-color:var(--primary);color:var(--primary);background:var(--glow-a04)}.profile-social-link svg{display:block}.profile-actions{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6) var(--sp-8);margin-top:auto}.btn-edit-profile{width:100%;padding:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--text);cursor:pointer;transition:all var(--ease)}.btn-edit-profile:hover{border-color:var(--primary);color:var(--primary)}.btn-logout-app{width:100%;padding:12px;background:0 0;border:1.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--ease)}.btn-logout-app:hover{border-color:#dc2626;color:#dc2626}.edit-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:300;align-items:flex-end}.edit-overlay.open{display:flex}.edit-sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp 220ms ease}@keyframes slideUp{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.edit-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);font-family:var(--font-heading);font-size:17px;font-weight:700;flex-shrink:0}.edit-close{background:var(--surface-3);border:none;width:30px;height:30px;border-radius:50%;font-size:14px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.edit-sheet-body{overflow-y:auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);-webkit-overflow-scrolling:touch}.edit-photo-row{display:flex;align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.edit-avatar-preview{width:64px;height:64px;border-radius:50%;background:var(--surface-3);color:var(--primary);font-family:var(--font-heading);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.edit-avatar-preview.has-photo{background:0 0}.edit-avatar-preview img{width:100%;height:100%;object-fit:cover}.hidden-file-input{display:none}.edit-photo-msg-text{font-size:12px;color:var(--text-muted)}.edit-photo-actions{display:flex;flex-direction:column;gap:6px}.btn-upload-photo{display:inline-block;padding:8px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);font-size:14px;font-weight:600;color:var(--text);cursor:pointer}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.ep-section-label{margin:20px 0 10px}.ep-interests-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.ep-interests-header .ep-section-label{margin:0}.ep-interests-counter{font-size:12px;font-weight:600;color:var(--text-muted)}.ep-interests-counter-max{color:var(--primary)}.btn-save-profile{margin-top:8px}.ep-interests-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-2)}.ep-chip{padding:6px 14px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--ease)}.ep-chip.selected{background:var(--glow-a12);border-color:var(--primary);color:var(--primary);font-weight:600}.ep-msg{font-size:13px;min-height:18px;text-align:center}.qr-container{display:flex;flex-direction:column;align-items:center;padding:var(--sp-8) var(--sp-6) var(--sp-4)}.qr-inner{background:#fff;border-radius:var(--r-lg);padding:14px;box-shadow:0 4px 24px rgba(0,0,0,.35);position:relative;display:inline-block}.qr-wrap-rel canvas,.qr-wrap-rel img{display:block}.qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:50%;padding:3px;line-height:0;box-shadow:0 1px 4px rgba(0,0,0,.2)}.qr-hint{text-align:center;color:var(--text-muted);font-size:12px;margin-top:var(--sp-3);font-weight:500;letter-spacing:.02em}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);padding:var(--sp-4) var(--sp-6) var(--sp-2)}.interests-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--sp-6) var(--sp-8)}.interest-tag{background:var(--glow-a10);color:var(--primary);border:1px solid var(--glow-a25);border-radius:var(--r-full);padding:4px 12px;font-size:12px;font-weight:600}#screen-scan{background:var(--bg)}#scan-video-wrap{position:relative;width:100%;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}#scan-video{width:100%;height:100%;object-fit:cover}#scan-canvas{display:none}.scan-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;box-shadow:0 0 0 9999px rgba(15,23,42,.65);pointer-events:none}.scan-overlay::after,.scan-overlay::before,.scan-overlay>.c1,.scan-overlay>.c2{content:'';position:absolute;width:28px;height:28px;border-color:var(--primary);border-style:solid}.scan-overlay::before{top:0;left:0;border-width:3px 0 0 3px;border-radius:4px 0 0 0}.scan-overlay::after{bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.scan-overlay>.c1{top:0;right:0;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.scan-overlay>.c2{bottom:0;right:0;border-width:0 3px 3px 0;border-radius:0 0 4px 0}.scan-status{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,.82);color:#fff;font-size:13px;font-weight:500;padding:8px 20px;border-radius:var(--r-full);white-space:nowrap;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);transition:background .2s}.scan-status-ok{background:rgba(22,101,52,.9);border-color:rgba(74,222,128,.3)}.scan-status-error{background:rgba(127,29,29,.9);border-color:rgba(248,113,113,.3)}.scan-success-anim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#4ade80;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}.scan-success-anim.show{opacity:1}.scan-success-anim svg{filter:drop-shadow(0 0 12px rgba(74,222,128,.6));animation:none}.scan-success-anim.show svg{animation:checkPop .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes checkPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}.btn-flip-camera{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:rgba(15,23,42,.7);border:1.5px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);z-index:10;transition:background .15s}.btn-flip-camera:active{background:rgba(15,23,42,.95)}#scan-count-bar{background:var(--surface-3);color:var(--text-subtle);text-align:center;font-size:12px;font-weight:600;letter-spacing:.04em;padding:var(--sp-3);flex-shrink:0;text-transform:uppercase}.conn-list,.match-list{padding:var(--sp-4) 0;flex:1}.conn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--sp-16) var(--sp-8);text-align:center;color:var(--text-muted)}.conn-card{display:flex;align-items:center;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--surface-3);gap:var(--sp-3);transition:background var(--ease)}.conn-card:last-child{border-bottom:none}.conn-card:hover{background:var(--surface-2)}.conn-avatar{width:46px;height:46px;border-radius:50%;background:var(--gradient-cta);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--btn-primary-text);flex-shrink:0;box-shadow:var(--shadow-sm);overflow:hidden}.conn-avatar.has-photo{background:0 0}.conn-avatar img{width:100%;height:100%;object-fit:cover}.conn-info{flex:1;min-width:0}.conn-name{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-meta{font-size:13px;color:var(--text-muted);font-weight:400}.conn-score{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--primary);background:var(--glow-a12);padding:2px 8px;border-radius:var(--r-full);margin-top:4px;letter-spacing:.02em}.btn-like{width:42px;height:42px;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--text-subtle);transition:all var(--ease);flex-shrink:0}.btn-like:hover{border-color:var(--primary);color:var(--primary)}.btn-like.liked{border-color:var(--primary);background:var(--primary);color:#fff}.btn-like:active{transform:scale(.88)}.match-card{margin:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--surface);border:1.5px solid var(--border);padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-6);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--ease);display:flex;align-items:center;gap:var(--sp-4)}.match-info{flex:1;min-width:0}.match-avatar{width:52px;height:52px;border-radius:50%;background:var(--gradient-cta);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--btn-primary-text);flex-shrink:0;overflow:hidden}.match-avatar.has-photo{background:0 0}.match-avatar img{width:100%;height:100%;object-fit:cover}.match-card:hover{box-shadow:var(--shadow-md)}.match-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-cta-v)}.match-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-3)}.match-name{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text);margin-bottom:3px}.match-company{font-size:14px;color:var(--text-muted);margin-bottom:var(--sp-3)}.match-email a{font-size:14px;color:var(--primary);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:color var(--ease)}.match-email a:hover{color:var(--primary-dark);text-decoration:underline}.btn-unlike{background:0 0;border:1.5px solid var(--border);border-radius:var(--r-full);width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);cursor:pointer;flex-shrink:0;transition:all var(--ease)}.btn-unlike:hover{border-color:var(--primary);color:var(--primary);background:var(--glow-a08)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--sp-16) var(--sp-8);text-align:center;gap:var(--sp-4);flex:1}.empty-state svg{width:52px;height:52px;color:var(--text-subtle)}.empty-state h3{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--text-muted)}.empty-state p{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:280px}#toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);background:var(--surface-3);color:#fff;padding:10px var(--sp-5);border-radius:var(--r-full);font-size:13px;font-weight:500;opacity:0;transition:opacity var(--ease-slow);pointer-events:none;white-space:nowrap;z-index:9999;box-shadow:var(--shadow-lg);max-width:calc(100% - 48px);text-align:center}#toast.show{opacity:1}#view-register{overflow-y:auto}.reg-interests-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:16px 0 10px}.reg-interests-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}#reg-interests .cat-label{width:100%;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);margin-top:var(--sp-3)}.recovery-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:400;align-items:flex-end}.recovery-overlay.open{display:flex}.recovery-sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;padding-bottom:var(--safe-bottom);animation:slideUp 220ms ease}.recovery-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);font-family:var(--font-heading);font-size:17px;font-weight:700}.recovery-sheet-body{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.recovery-desc{font-size:14px;color:var(--text-muted);line-height:1.5}.recovery-msg{font-size:13px;min-height:18px;text-align:center}.recovery-msg-ok{color:#4ade80}.recovery-msg-error{color:#f87171}.crop-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:500;align-items:center;justify-content:center;padding:16px}.crop-overlay.open{display:flex}.crop-modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:480px;overflow:hidden;display:flex;flex-direction:column;max-height:92dvh}.crop-modal-body{flex:1;overflow:hidden;min-height:260px;background:#000}.crop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--text);flex-shrink:0}.crop-modal-body img{display:block;max-width:100%}.crop-modal-controls{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface-2);border-top:1px solid var(--border);flex-shrink:0}.crop-ctrl-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text);cursor:pointer;flex-shrink:0;transition:border-color var(--ease),color var(--ease)}.crop-ctrl-btn:hover{border-color:var(--primary);color:var(--primary)}.crop-ctrl-btn:active{transform:scale(.92)}.crop-rotation-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.crop-rotation-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary) 50%,var(--border) 50%);border-radius:var(--r-full);cursor:pointer;accent-color:var(--primary)}.crop-rotation-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);border:3px solid var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.4);cursor:grab}.crop-rotation-slider:active::-webkit-slider-thumb{cursor:grabbing}.crop-rotation-label{font-size:11px;font-weight:700;color:var(--primary);letter-spacing:.04em;min-width:32px;text-align:center}.crop-modal-footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0}.btn-secondary-sm{flex:1;padding:11px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);font-size:14px;font-weight:600;color:var(--text);cursor:pointer}[data-avatar-shape] .conn-avatar,[data-avatar-shape] .edit-avatar-preview,[data-avatar-shape] .match-avatar,[data-avatar-shape] .profile-avatar{border-radius:50%}[data-avatar-shape=square] .conn-avatar,[data-avatar-shape=square] .edit-avatar-preview,[data-avatar-shape=square] .match-avatar,[data-avatar-shape=square] .profile-avatar{border-radius:0}[data-avatar-shape=rounded] .conn-avatar,[data-avatar-shape=rounded] .edit-avatar-preview,[data-avatar-shape=rounded] .match-avatar,[data-avatar-shape=rounded] .profile-avatar{border-radius:22%}[data-avatar-shape=corner-tl] .conn-avatar,[data-avatar-shape=corner-tl] .edit-avatar-preview,[data-avatar-shape=corner-tl] .match-avatar,[data-avatar-shape=corner-tl] .profile-avatar{border-radius:50% 0 0 0}[data-avatar-shape=corner-tr] .conn-avatar,[data-avatar-shape=corner-tr] .edit-avatar-preview,[data-avatar-shape=corner-tr] .match-avatar,[data-avatar-shape=corner-tr] .profile-avatar{border-radius:0 50% 0 0}[data-avatar-shape=corner-bl] .conn-avatar,[data-avatar-shape=corner-bl] .edit-avatar-preview,[data-avatar-shape=corner-bl] .match-avatar,[data-avatar-shape=corner-bl] .profile-avatar{border-radius:0 0 0 50%}[data-avatar-shape=corner-br] .conn-avatar,[data-avatar-shape=corner-br] .edit-avatar-preview,[data-avatar-shape=corner-br] .match-avatar,[data-avatar-shape=corner-br] .profile-avatar{border-radius:0 0 50% 0}[data-avatar-shape=two-diag] .conn-avatar,[data-avatar-shape=two-diag] .edit-avatar-preview,[data-avatar-shape=two-diag] .match-avatar,[data-avatar-shape=two-diag] .profile-avatar{border-radius:50% 0 50% 0}[data-avatar-shape=three] .conn-avatar,[data-avatar-shape=three] .edit-avatar-preview,[data-avatar-shape=three] .match-avatar,[data-avatar-shape=three] .profile-avatar{border-radius:50% 50% 50% 0}[data-avatar-size=large] .profile-avatar{width:100px;height:100px;font-size:38px}[data-avatar-size=large] .conn-avatar{width:60px;height:60px;font-size:22px}[data-avatar-size=large] .match-avatar{width:64px;height:64px;font-size:24px}[data-avatar-size=large] .edit-avatar-preview{width:100px;height:100px}[data-avatar-size=huge] .profile-avatar{width:136px;height:136px;font-size:52px}[data-avatar-size=huge] .conn-avatar{width:72px;height:72px;font-size:26px}[data-avatar-size=huge] .match-avatar{width:80px;height:80px;font-size:30px}[data-avatar-size=huge] .edit-avatar-preview{width:120px;height:120px}#interests-list,#profile-company,#profile-name{transition:opacity .3s ease,transform .3s ease}.profile-field-hidden{opacity:0;transform:translateY(-6px);pointer-events:none}@keyframes list-pop-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.list-pop-in{animation:list-pop-in .3s ease forwards}.bottom-nav button{transition:color var(--ease),opacity .2s ease}.nav-tab-hidden{opacity:0;pointer-events:none;width:0!important;padding:0!important;overflow:hidden;flex:0!important}.reg-photo-wrap{display:flex;align-items:center;gap:14px;margin:4px 0 16px}.reg-photo-preview{width:60px;height:60px;border-radius:50%;background:var(--surface-raised,rgba(255,255,255,.06));border:2px dashed var(--border);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:22px;transition:border-color .2s}.reg-photo-preview.has-photo{border-style:solid;border-color:var(--primary)}.reg-photo-preview img{width:100%;height:100%;object-fit:cover}.btn-reg-photo{flex:1;display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:var(--r-md,10px);padding:10px 14px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;background:0 0;transition:border-color .2s,background .2s}.btn-reg-photo:active{background:var(--surface-raised,rgba(255,255,255,.05))}.pwa-install-banner{position:fixed;bottom:calc(var(--safe-bottom) + 12px);left:50%;transform:translateX(-50%);width:min(460px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg,16px);box-shadow:var(--shadow-lg);z-index:200;animation:slideUp .3s ease}@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pwa-install-content{display:flex;align-items:center;gap:12px;padding:14px 16px}.pwa-install-icon img{border-radius:10px}.pwa-install-text{flex:1;display:flex;flex-direction:column;gap:2px}.pwa-install-text strong{font-size:14px;font-weight:700;color:var(--text)}.pwa-install-text span{font-size:12px;color:var(--text-muted);line-height:1.4}.pwa-install-btn{background:var(--primary);color:var(--btn-primary-text,#0b0907);border:none;border-radius:var(--r-full);padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.pwa-dismiss{background:0 0;border:none;color:var(--text-subtle);font-size:16px;cursor:pointer;padding:4px;flex-shrink:0;line-height:1}.logout-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.logout-confirm{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);animation:fadeIn .15s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.btn-logout-yes{background:var(--danger,#dc2626);color:#fff;border:none;border-radius:var(--r-full);padding:5px 14px;font-size:13px;font-weight:600;cursor:pointer}.btn-logout-no{background:0 0;border:1px solid var(--border);border-radius:var(--r-full);padding:5px 12px;font-size:13px;color:var(--text-muted);cursor:pointer}#view-register{display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-4) var(--sp-8);min-height:100dvh;overflow-y:auto}.reg-progress{padding:var(--sp-6) var(--sp-4) var(--sp-4);position:sticky;top:0;background:var(--surface);z-index:2}.reg-progress-track{height:3px;background:var(--border);border-radius:var(--r-full);margin-bottom:var(--sp-3);overflow:hidden}.reg-progress-fill{height:100%;background:var(--primary);border-radius:var(--r-full);transition:width .3s ease;width:0%}.reg-progress-steps{display:flex;justify-content:space-between}.reg-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--text-muted);border:2px solid var(--border);transition:all .2s ease}.reg-step-dot.active{background:var(--primary);color:var(--btn-primary-text,#0b0907);border-color:var(--primary)}.reg-step-dot.done{background:var(--glow-a08);color:var(--primary);border-color:var(--primary)}.reg-step{flex:1}.reg-photo-centered{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--sp-5)}.reg-photo-centered .reg-photo-preview{width:88px;height:88px;border-radius:50%;margin:0 auto var(--sp-3)}.reg-push-card{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);margin:var(--sp-4) 0}.reg-push-icon{font-size:22px;flex-shrink:0}.reg-push-text{flex:1;display:flex;flex-direction:column;gap:2px}.reg-push-text strong{font-size:14px}.reg-push-text span{font-size:12px;color:var(--text-muted)}.reg-push-btn{font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--r-full);border:1.5px solid var(--primary);background:0 0;color:var(--primary);cursor:pointer;white-space:nowrap;transition:background var(--ease)}.reg-push-btn:hover{background:var(--glow-a08)}.reg-push-btn:disabled{opacity:.55;cursor:default}.reg-push-granted{border-color:var(--primary);background:var(--glow-a08)}.reg-profiles-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-5)}.reg-profile-card{display:flex;align-items:center;justify-content:center;min-height:72px;padding:var(--sp-3);background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-lg);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:all 180ms ease}.reg-profile-card:hover{border-color:var(--primary);color:var(--primary)}.reg-profile-card.selected{background:var(--glow-a08);border-color:var(--primary);color:var(--primary)}.reg-step-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-4)}.reg-step-nav .btn-primary{flex:1}.reg-success-icon{font-size:52px;text-align:center;margin-bottom:var(--sp-4)}#reg-step-4 h2{text-align:center}#reg-step-4 .subtitle{text-align:center;margin-bottom:var(--sp-6)}#reg-success-email{color:var(--primary)}.reg-photo-actions{display:flex;gap:var(--sp-2);justify-content:center}.webcam-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1200;display:flex;align-items:center;justify-content:center}.webcam-modal{background:var(--surface);border-radius:var(--r-xl);overflow:hidden;max-width:480px;width:100%;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}#webcam-video{width:100%;border-radius:var(--r-lg);background:#000;max-height:360px;object-fit:cover}.webcam-actions{display:flex;gap:var(--sp-3);align-items:center}.webcam-actions .btn-primary{flex:1}.ext-app-overlay{display:none;position:fixed;inset:0;z-index:5000;background:#000}.ext-app-overlay.active{display:block}.ext-frame{position:absolute;inset:0;width:100%;height:100%;border:none;background:#fff;display:block}#toast.toast--clickable{pointer-events:auto;cursor:pointer;padding:12px var(--sp-5)}.toast-ext-link{color:inherit;text-decoration:none;font-weight:700;letter-spacing:.05em;display:block}