@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800&display=swap";:root{--tinder-pink:#fe3c72;--tinder-pink-dark:#fd267d;--tinder-orange:#ff7854;--tinder-gradient:linear-gradient(262deg, #ff7854 0%, #fd267d 50%, #fe3c72 100%);--tinder-gradient-h:linear-gradient(90deg, #ff7854 0%, #fd267d 50%, #fe3c72 100%);--accent-gradient:linear-gradient(135deg, #ff9a6c 0%, #fd267d 100%);--tinder-blue:#17b3f2;--tinder-green:#21d07c;--tinder-nope:#ec5e6f;--tinder-gold:#d4a853;--tinder-gold-light:#f5e6c8;--tinder-platinum:#6b5ce7;--tinder-dark:#111418;--tinder-gray:#8e8e93;--tinder-gray-light:#d1d1d6;--tinder-border:#e9e9eb;--surface:#fff;--surface-muted:#f7f7f8;--surface-elevated:#fff;--sidebar-width:88px;--sidebar-width-expanded:240px;--bottom-nav-height:64px;--top-bar-height:56px;--page-padding:24px;--content-max:1200px;--swipe-card-width:min(420px, calc(100vw - 48px));--swipe-card-max-height:min(720px, calc(100vh - 200px));--card-radius:12px;--card-radius-lg:16px;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 12px 40px #00000024;--shadow-card:0 8px 30px #0000001f;--shadow-glow:0 4px 24px #fe3c7259;--transition:.2s cubic-bezier(.4, 0, .2, 1);--font-en:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ar:"Tajawal", "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{font-family:var(--font-en);background:var(--surface);color:var(--tinder-dark);-webkit-font-smoothing:antialiased;line-height:1.5}html[dir=rtl] body{font-family:var(--font-ar)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #fe3c7266}50%{box-shadow:0 0 0 12px #fe3c7200}}.page-container{width:100%;max-width:var(--content-max);padding:var(--page-padding);padding-bottom:calc(var(--page-padding) + var(--bottom-nav-height));margin:0 auto;animation:.35s fadeIn}.page-header{margin-bottom:24px}.page-title{letter-spacing:-.5px;color:var(--tinder-dark);margin:0 0 4px;font-size:28px;font-weight:800}.page-title--gradient{background:var(--tinder-gradient-h);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-desc{color:var(--tinder-gray);margin:0;font-size:15px;font-weight:500}.surface-card{background:var(--surface-elevated);border-radius:var(--card-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--tinder-border)}.btn-tinder{background:var(--tinder-gradient);color:#fff;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);letter-spacing:.2px;border:none;border-radius:999px;width:100%;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:700}.btn-tinder:hover:not(:disabled){box-shadow:var(--shadow-glow);filter:brightness(1.05);transform:translateY(-1px)}.btn-tinder:active:not(:disabled){transform:translateY(0)}.btn-tinder:disabled{opacity:.5;cursor:not-allowed}.btn-tinder--inline{width:auto;min-width:160px}.btn-ghost{color:#fff;cursor:pointer;transition:all var(--transition);background:0 0;border:2px solid #fff9;border-radius:999px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600}.btn-ghost:hover{background:#ffffff26;border-color:#fff}.btn-ghost-dark{border:2px solid var(--tinder-border);color:var(--tinder-dark);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:999px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600}.btn-ghost-dark:hover{border-color:var(--tinder-pink);color:var(--tinder-pink)}.input-tinder{border:1px solid var(--tinder-border);background:var(--surface);width:100%;transition:border-color var(--transition), box-shadow var(--transition);color:var(--tinder-dark);border-radius:12px;margin-bottom:12px;padding:14px 18px;font-family:inherit;font-size:15px}html[dir=rtl] .input-tinder{text-align:right}.input-tinder:focus{border-color:var(--tinder-pink);outline:none;box-shadow:0 0 0 3px #fe3c721f}.input-tinder::placeholder{color:#aeaeb2}.select-tinder{border:1px solid var(--tinder-border);background:var(--surface);width:100%;color:var(--tinder-dark);cursor:pointer;appearance:none;padding:14px 18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%238e8e93'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:12px;margin-bottom:12px;padding-inline-end:40px;font-family:inherit;font-size:15px}html[dir=rtl] .select-tinder{background-position:14px;padding-inline:40px 18px}.select-tinder:focus{border-color:var(--tinder-pink);outline:none;box-shadow:0 0 0 3px #fe3c721f}.select-tinder:disabled{opacity:.55;cursor:not-allowed;background-color:var(--surface-muted)}.form-field{margin-bottom:12px}.form-field label{color:var(--tinder-dark);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.logo-text{background:var(--tinder-gradient-h);-webkit-text-fill-color:transparent;letter-spacing:-1.5px;text-transform:lowercase;-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:900;line-height:1}.logo-text--sm{letter-spacing:-.8px;font-size:26px}.logo-text--xs{font-size:20px}.logo-text--light{-webkit-text-fill-color:#fff;color:#fff;background:0 0}.pill{background:var(--surface-muted);color:var(--tinder-dark);border:1px solid var(--tinder-border);border-radius:999px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.pill--pink{color:var(--tinder-pink);background:#fe3c7214;border-color:#fe3c7233}.swipe-actions{justify-content:center;align-items:center;gap:20px;padding:20px 0;display:flex}.swipe-btn{cursor:pointer;background:var(--surface);width:62px;height:62px;box-shadow:var(--shadow-md);transition:transform var(--transition), box-shadow var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:0;display:flex;position:relative}.swipe-btn:after{font-size:26px;line-height:1}.swipe-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.08)}.swipe-btn--sm{width:50px;height:50px}.swipe-btn--sm:after{font-size:20px}.swipe-btn--rewind:after{content:"↩";color:var(--tinder-gold);font-size:22px}.swipe-btn--nope:after{content:"✕";color:var(--tinder-nope);font-size:30px;font-weight:700}.swipe-btn--super:after{content:"★";color:var(--tinder-blue);font-size:26px}.swipe-btn--like{background:var(--surface);width:68px;height:68px}.swipe-btn--like:after{content:"♥";color:var(--tinder-green);font-size:32px}.swipe-btn--boost:after{content:"⚡";color:var(--tinder-gold);font-size:22px}.gold-upsell{border-radius:var(--card-radius-lg);color:#fff;background:linear-gradient(135deg,#1a1a22 0%,#2a2420 100%);border:1px solid #d4a85359;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:24px 28px;display:flex}.gold-upsell h3{color:var(--tinder-gold-light);margin:0 0 6px;font-size:20px}.gold-upsell p{opacity:.85;margin:0;font-size:14px}.gold-badge-pill{background:linear-gradient(135deg, var(--tinder-gold), #f5d78e);color:#1a1a1f;letter-spacing:.5px;border-radius:8px;flex-shrink:0;padding:10px 18px;font-size:16px;font-weight:800}.chip-row{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.chip{border:1px solid var(--tinder-border);background:var(--surface);cursor:pointer;transition:all var(--transition);color:var(--tinder-dark);border-radius:999px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600}.chip:hover{border-color:var(--tinder-pink);color:var(--tinder-pink)}.chip.active{background:var(--tinder-gradient);color:#fff;box-shadow:var(--shadow-glow);border:none}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.photo-card{aspect-ratio:3/4;border-radius:var(--card-radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);position:relative;overflow:hidden}.photo-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.photo-card img{object-fit:cover;width:100%;height:100%;display:block}.photo-card__label{background:linear-gradient(#0000 55%,#000000bf);align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.photo-card__label span{color:#fff;font-size:17px;font-weight:800}.photo-card.blurred img{filter:blur(16px)saturate(.6)}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;max-width:900px;display:grid}.settings-section{padding:24px}.settings-section h3{color:var(--tinder-pink);margin:0 0 18px;font-size:16px;font-weight:700}.settings-section label{color:var(--tinder-dark);margin-bottom:16px;font-size:13px;font-weight:600;display:block}.empty-state{color:var(--tinder-gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-state__icon{opacity:.5;font-size:48px}.spinner{border:3px solid var(--tinder-border);border-top-color:var(--tinder-pink);border-radius:50%;width:44px;height:44px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}html[dir=rtl],html[dir=rtl] .page-container,html[dir=rtl] .page-header,html[dir=rtl] .surface-card,html[dir=rtl] .form-field{text-align:right}html[dir=rtl] .page-title{letter-spacing:0}html[dir=rtl] .input-tinder,html[dir=rtl] .select-tinder,html[dir=rtl] textarea.input-tinder,html[dir=rtl] .form-field label{text-align:right}html[dir=rtl] .chip-row,html[dir=rtl] .chips{justify-content:flex-start}html[dir=rtl] .conv-item,html[dir=rtl] .chat-header,html[dir=rtl] .age-row,html[dir=rtl] .auth-layout{flex-direction:row-reverse}html[dir=rtl] .discover-topbar,html[dir=rtl] .inbox-header{text-align:right}html[dir=ltr] .page-container,html[dir=ltr] .form-field{text-align:left}#app{width:100%;min-height:100vh}a{color:inherit}