:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}#root{flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.5px;margin:0;font-size:28px}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:20px;line-height:118%}h3{margin:0;font-size:17px}p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;padding:32px;display:flex}.error-boundary-icon{font-size:64px}.error-boundary h2{color:var(--text-h);margin:0;font-size:22px}.error-boundary p{color:var(--text);max-width:280px}.error-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:14px;margin-top:8px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s;box-shadow:0 4px 14px #a855f74d}.error-retry-btn:active{transform:scale(.96)}@supports (padding:env(safe-area-inset-bottom)){.chat-input-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.bottom-nav{background-color:var(--bg);border-top:1px solid var(--border);z-index:1000;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.app-layout{flex-direction:column;width:100%;height:100svh;display:flex}.main-content{flex:1;padding-bottom:64px;overflow-y:auto}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(145deg,#1c1c2e,#252540);border-radius:24px;flex-direction:column;gap:16px;width:88%;max-width:340px;padding:32px 28px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;display:flex;box-shadow:0 20px 60px #00000080}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-content h3{color:var(--text-h,#f3f4f6);text-align:center;margin:0;font-size:20px;font-weight:700}.modal-content p{color:#ffffffb3;text-align:center;margin:0;font-size:14px;line-height:1.5}.report-reasons{flex-wrap:wrap;gap:8px;display:flex}.reason-chip{color:var(--text-h,#f3f4f6);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:13px;transition:all .2s}.reason-chip:hover{background:#ffffff1a}.reason-chip.selected{color:#c084fc;background:#a855f740;border-color:#a855f780}.report-textarea{width:100%;min-height:80px;color:var(--text-h,#f3f4f6);resize:vertical;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px;font-family:inherit;font-size:14px}.report-textarea::placeholder{color:var(--text,#9ca3af)}.report-textarea:focus{border-color:#a855f780}.modal-actions{gap:10px;width:100%;margin-top:4px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:14px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,opacity .2s}.modal-actions button:active{transform:translateY(0)}.modal-actions button:disabled{opacity:.4;cursor:not-allowed}.modal-cancel{color:#fffc;background:#ffffff1a}.modal-submit{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-submit.primary{background:linear-gradient(135deg,#a855f7,#7c3aed)}.modal-success{flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.success-icon{font-size:48px}.block-modal-icon{text-align:center;font-size:48px}.discovery-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:calc(100svh - 80px);padding:16px;display:flex;position:relative;overflow:hidden}.card-stack{aspect-ratio:3/4.5;width:100%;max-width:380px;position:relative}.swipe-card{background:var(--surface,#1f2028);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:20px;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 40px #00000059}.swipe-card:active{cursor:grabbing}.swipe-card-photo{background:linear-gradient(135deg,#2a2a3a,#1a1a2e);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.swipe-card-photo img{object-fit:cover;width:100%;height:100%}.swipe-card-photo .photo-placeholder{opacity:.4;font-size:64px}.swipe-card-gradient{pointer-events:none;background:linear-gradient(#0000 40%,#0006 65%,#000000d9 100%);position:absolute;inset:0}.swipe-card-info{color:#fff;z-index:2;padding:20px 24px;position:absolute;bottom:0;left:0;right:0}.swipe-card-name{letter-spacing:-.5px;text-shadow:0 2px 8px #0006;margin:0 0 4px;font-size:28px;font-weight:700}.swipe-card-name .age{opacity:.85;margin-inline-start:6px;font-size:22px;font-weight:400}.swipe-card-bio{opacity:.8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.swipe-overlay{z-index:10;letter-spacing:2px;text-transform:uppercase;pointer-events:none;border:3px solid;border-radius:10px;padding:8px 20px;font-size:22px;font-weight:800;position:absolute;top:24px}.swipe-overlay.like{color:#22c55e;border-color:#22c55e;inset-inline-start:24px;transform:rotate(-15deg)}.swipe-overlay.nope{color:#ef4444;border-color:#ef4444;inset-inline-end:24px;transform:rotate(15deg)}.card-moderation{top:12px;z-index:15;gap:6px;display:flex;position:absolute;inset-inline-end:12px}.mod-btn{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.mod-btn:hover{color:#fff;background:#ef444499}.action-buttons{z-index:5;gap:24px;margin-top:24px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0003}.action-btn:hover{transform:scale(1.1);box-shadow:0 6px 24px #0000004d}.action-btn:active{transform:scale(.95)}.action-btn.nope-btn{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ef4444)}.action-btn.like-btn{color:#fff;background:linear-gradient(135deg,#4ade80,#22c55e)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:40px 24px;display:flex}.empty-state-icon{opacity:.5;font-size:72px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.empty-state h2{color:var(--text-h,#f3f4f6);margin:0;font-size:22px}.empty-state p{color:var(--text,#9ca3af);max-width:260px;font-size:15px}.discovery-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.loading-spinner{border:3px solid var(--border,#2e303a);border-top-color:var(--accent,#c084fc);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.match-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.match-modal{text-align:center;background:linear-gradient(145deg,#1f1135,#2d1a4e);border-radius:28px;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:340px;padding:48px 40px;animation:.5s cubic-bezier(.175,.885,.32,1.275) matchPop;display:flex;box-shadow:0 20px 60px #aa3bff4d}@keyframes matchPop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.match-hearts{font-size:56px;animation:1.2s infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.match-modal h2{background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800}.match-modal p{color:#ffffffb3;margin:0;font-size:15px}.match-actions{gap:12px;width:100%;margin-top:8px;display:flex}.match-actions button{cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px 16px;font-size:15px;font-weight:600;transition:transform .2s,opacity .2s}.match-actions button:hover{transform:translateY(-1px)}.match-actions button:active{transform:translateY(0)}.match-btn-primary{color:#fff;background:linear-gradient(135deg,#c084fc,#a855f7)}.match-btn-secondary{color:#fffc;background:#ffffff1a}.matches-container{box-sizing:border-box;flex-direction:column;min-height:calc(100svh - 80px);padding:16px 16px 0;display:flex}.matches-header{align-items:center;gap:12px;padding-bottom:16px;display:flex}.matches-header h1{letter-spacing:-.5px;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.matches-count{color:#c084fc;background:#c084fc26;border-radius:12px;padding:3px 10px;font-size:13px;font-weight:700;line-height:1}.matches-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:calc(100svh - 160px);display:flex}.matches-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:calc(100svh - 200px);display:flex}.matches-empty .empty-icon{font-size:64px;animation:3s ease-in-out infinite float}.matches-empty h2{color:var(--text-h,#f3f4f6);margin:0;font-size:20px}.matches-empty p{color:var(--text,#9ca3af);max-width:240px;font-size:14px}.matches-list{flex-direction:column;flex:1;gap:4px;padding-bottom:16px;display:flex;overflow-y:auto}.match-card{cursor:pointer;text-align:start;width:100%;font-family:inherit;font-size:inherit;color:inherit;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.match-card:hover{background:#c084fc14;box-shadow:0 4px 20px #c084fc1a}.match-card:active{transform:scale(.98)}.match-avatar{background:linear-gradient(135deg,#2a2a3a,#1a1a2e);border-radius:50%;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.match-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#c084fc;background:#c084fc26;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;font-weight:700;display:flex}.online-dot{bottom:2px;border:2px solid var(--bg,#16171d);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;inset-inline-end:2px}.match-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.match-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.match-name{color:var(--text-h,#f3f4f6);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.match-time{color:var(--text,#9ca3af);flex-shrink:0;font-size:12px}.match-preview{color:var(--text,#9ca3af);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;line-height:1.4;overflow:hidden}.profile-container{color:var(--text,#9ca3af);max-width:600px;margin:0 auto;padding:20px 16px 100px}.profile-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.profile-header h1{letter-spacing:-.5px;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.settings-icon-btn{width:40px;height:40px;color:var(--text-h,#f3f4f6);cursor:pointer;background:#ffffff0f;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.settings-icon-btn:hover{background:#ffffff1a}.settings-icon-btn:active{transform:scale(.92)}.profile-form{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text,#9ca3af);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-group input,.form-group textarea,.form-group select{color:var(--text-h,#f3f4f6);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.form-group textarea{resize:vertical;min-height:80px}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:14px;margin-top:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 14px #a855f74d}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #a855f766}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.message{color:#c084fc;text-align:center;background:#a855f71f;border:1px solid #a855f733;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.photo-section{margin-top:32px}.photo-section h2{color:var(--text-h,#f3f4f6);margin-bottom:16px;font-size:16px;font-weight:700}.photo-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.photo-item{aspect-ratio:2/3;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%}.photo-upload-btn{aspect-ratio:2/3;color:var(--text,#9ca3af);cursor:pointer;background:#ffffff05;border:2px dashed #ffffff26;border-radius:14px;justify-content:center;align-items:center;font-size:32px;transition:all .2s;display:flex}.photo-upload-btn:hover{color:#c084fc;background:#a855f70d;border-color:#a855f780}.settings-container{max-width:600px;margin:0 auto;padding:20px 16px 100px}.settings-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.settings-header h1{letter-spacing:-.5px;background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.settings-header-icon{color:#c084fc}.settings-section{margin-bottom:24px}.settings-section h2{text-transform:uppercase;letter-spacing:1px;color:var(--text,#9ca3af);margin:0 0 10px 4px;font-size:13px;font-weight:600}.settings-item{width:100%;color:var(--text-h,#f3f4f6);cursor:pointer;text-align:start;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:14px;padding:16px;font-family:inherit;font-size:15px;transition:background .2s,transform .15s;display:flex}.settings-item:hover{background:#ffffff14}.settings-item:active{transform:scale(.98)}.settings-item.danger{color:#ef4444;border-color:#ef444426}.settings-item.danger:hover{background:#ef444414}.danger-section{border-top:1px solid #ffffff0f;margin-top:40px;padding-top:24px}.delete-modal-icon{text-align:center;font-size:48px}.chat-container{background:var(--bg,#16171d);z-index:50;flex-direction:column;height:100svh;display:flex;position:fixed;inset:0}.chat-header{-webkit-backdrop-filter:blur(12px);z-index:2;background:#16171de6;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-back-btn,.chat-unmatch-btn{width:40px;height:40px;color:var(--text-h,#f3f4f6);cursor:pointer;background:#ffffff0f;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.chat-back-btn:hover,.chat-unmatch-btn:hover{background:#ffffff1a}.chat-back-btn:active,.chat-unmatch-btn:active{transform:scale(.92)}.chat-unmatch-btn{color:#ef4444}.chat-unmatch-btn:hover{background:#ef44441f}.chat-header-title{color:var(--text-h,#f3f4f6);letter-spacing:-.3px;font-size:17px;font-weight:700}.chat-header-spacer{width:40px}.chat-more-btn{width:40px;height:40px;color:var(--text-h,#f3f4f6);cursor:pointer;letter-spacing:2px;background:#ffffff0f;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:background .2s;display:flex}.chat-more-btn:hover{background:#ffffff1a}.chat-actions-dropdown{top:60px;z-index:100;background:linear-gradient(145deg,#1c1c2e,#252540);border:1px solid #ffffff14;border-radius:14px;min-width:180px;padding:6px;animation:.2s dropIn;position:absolute;inset-inline-end:16px;box-shadow:0 12px 40px #00000080}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chat-actions-dropdown button{width:100%;color:var(--text-h,#f3f4f6);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.chat-actions-dropdown button:hover{background:#ffffff14}.chat-actions-dropdown button.danger{color:#ef4444}.chat-actions-dropdown button.danger:hover{background:#ef44441a}.chat-actions-backdrop{z-index:1;position:fixed;inset:0}.chat-loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.chat-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.msg-row{animation:.25s cubic-bezier(.175,.885,.32,1.05) msgIn;display:flex}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-row.own{justify-content:flex-end}.msg-row.other{justify-content:flex-start}.msg-bubble{word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px;position:relative}.msg-bubble.own{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border-end-end-radius:6px}.msg-bubble.other{color:var(--text-h,#f3f4f6);background:#ffffff14;border-end-start-radius:6px}.msg-text{margin:0;font-size:15px;line-height:1.45}.msg-time{opacity:.55;text-align:end;margin-top:4px;font-size:11px;display:block}.chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 24px;display:flex}.chat-empty-icon{font-size:56px;animation:3s ease-in-out infinite float}.chat-empty h3{color:var(--text-h,#f3f4f6);margin:0;font-size:20px;font-weight:700}.chat-empty p{color:var(--text,#9ca3af);max-width:240px;margin:0;font-size:14px}.chat-input-bar{-webkit-backdrop-filter:blur(12px);background:#16171df2;border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.chat-input{color:var(--text-h,#f3f4f6);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.chat-input::placeholder{color:var(--text,#9ca3af)}.chat-input:focus{border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,opacity .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #a855f759}.chat-send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 20px #a855f773}.chat-send-btn:active:not(:disabled){transform:scale(.94)}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed}.unmatch-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.unmatch-modal{text-align:center;background:linear-gradient(145deg,#1f1135,#2d1a4e);border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:88%;max-width:320px;padding:40px 32px;animation:.35s cubic-bezier(.175,.885,.32,1.275) matchPop;display:flex;box-shadow:0 20px 60px #00000080}.unmatch-icon{color:#ef4444}.unmatch-modal p{color:#ffffffbf;margin:0;font-size:14px;line-height:1.5}.unmatch-actions{gap:12px;width:100%;margin-top:4px;display:flex}.unmatch-actions button{cursor:pointer;border:none;border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:transform .15s}.unmatch-actions button:active{transform:translateY(0)}.unmatch-cancel{color:#fffc;background:#ffffff1a}.unmatch-confirm{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.auth-loading{min-height:100svh;color:var(--text,#9ca3af);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.auth-loading p{opacity:.7;font-size:15px}.auth-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:32px;display:flex}.auth-error-icon{font-size:56px}.auth-error h2{color:var(--text-h,#f3f4f6);margin:0;font-size:22px;font-weight:700}.auth-error p{color:var(--text,#9ca3af);max-width:280px;font-size:14px}.auth-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:14px;margin-top:8px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s;box-shadow:0 4px 14px #a855f74d}.auth-retry-btn:active{transform:scale(.96)}