:root{--color-primary: hsl(340, 82%, 52%);--color-primary-light: hsl(340, 100%, 63%);--color-primary-dark: hsl(340, 78%, 42%);--color-primary-50: hsl(340, 100%, 97%);--color-primary-100: hsl(340, 100%, 93%);--color-primary-200: hsl(340, 100%, 86%);--color-primary-rgb: 233, 30, 99;--bg-white: #FFFFFF;--bg-light: hsl(210, 20%, 98%);--bg-gray: hsl(210, 16%, 96%);--bg-dark: hsl(240, 30%, 8%);--bg-message-sent: hsl(340, 82%, 52%);--bg-message-received: hsl(210, 14%, 93%);--text-primary: hsl(240, 25%, 12%);--text-secondary: hsl(240, 12%, 40%);--text-muted: hsl(240, 8%, 62%);--text-white: #FFFFFF;--text-link: hsl(340, 82%, 52%);--color-success: hsl(142, 70%, 45%);--color-warning: hsl(38, 92%, 50%);--color-error: hsl(354, 76%, 48%);--color-info: hsl(200, 95%, 48%);--color-online: hsl(142, 70%, 45%);--gradient-primary: linear-gradient(135deg, hsl(340, 82%, 52%) 0%, hsl(320, 85%, 55%) 50%, hsl(290, 80%, 58%) 100%);--gradient-primary-vertical: linear-gradient(180deg, hsl(340, 82%, 52%) 0%, hsl(320, 85%, 55%) 100%);--gradient-premium: linear-gradient(135deg, hsl(240, 30%, 8%) 0%, hsl(340, 78%, 20%) 50%, hsl(340, 82%, 52%) 100%);--gradient-card-overlay: linear-gradient(180deg, transparent 35%, rgba(10, 10, 15, .4) 65%, rgba(10, 10, 15, .92) 100%);--gradient-hero: linear-gradient(160deg, hsl(340, 82%, 52%) 0%, hsl(325, 95%, 58%) 50%, hsl(280, 85%, 62%) 100%);--gradient-gold: linear-gradient(135deg, #FFE259 0%, #FFA751 100%);--font-family: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.1875rem;--fs-xl: 1.3125rem;--fs-2xl: 1.625rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.8;--shadow-sm: 0 2px 8px rgba(10, 10, 20, .03);--shadow-md: 0 8px 24px rgba(10, 10, 20, .05);--shadow-lg: 0 16px 40px rgba(10, 10, 20, .08);--shadow-xl: 0 24px 48px rgba(10, 10, 20, .12);--shadow-primary: 0 8px 24px rgba(233, 30, 99, .25);--shadow-card: 0 12px 30px rgba(10, 10, 20, .08);--shadow-glow: 0 0 40px rgba(233, 30, 99, .35);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .38s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-navbar: 50;--z-modal-backdrop: 90;--z-modal: 100;--z-toast: 200;--z-tooltip: 300;--app-max-width: 430px;--navbar-height: 72px;--header-height: 60px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;height:100%}body{font-family:var(--font-family);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary);background-color:var(--bg-light);overflow-x:hidden;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg{display:block;max-width:100%}a{color:var(--text-link);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;color:inherit;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;outline:none;border:none;background:none}ul,ol{list-style:none}.app-container{max-width:var(--app-max-width);min-height:100vh;min-height:100dvh;margin:0 auto;position:relative;background:var(--bg-white);overflow-x:hidden;box-shadow:0 0 40px #00000014}.page{min-height:100vh;min-height:100dvh;position:relative}.page-with-navbar{padding-bottom:calc(var(--navbar-height) + var(--safe-area-bottom) + 8px)}.page-content{padding:var(--space-4)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{width:0}::selection{background:var(--color-primary-100);color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary-color{color:var(--color-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-base{font-size:var(--fs-base)}.fs-md{font-size:var(--fs-md)}.fs-lg{font-size:var(--fs-lg)}.fs-xl{font-size:var(--fs-xl)}.fs-2xl{font-size:var(--fs-2xl)}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.d-block{display:block}.flex-column{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 28px;border-radius:var(--radius-pill);font-weight:var(--fw-semibold);font-size:var(--fs-md);transition:all var(--transition-base);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden;min-height:48px;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:0 6px 24px #e91e6366;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97) translateY(0)}.btn-white{background:var(--bg-white);color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-white:hover{box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid #E0E0E0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-outline-white{background:transparent;border:2px solid rgba(255,255,255,.5);color:var(--text-white)}.btn-outline-white:hover{background:#ffffff1a;border-color:var(--text-white)}.btn-social{background:var(--bg-white);color:var(--text-primary);border:1.5px solid #E8E8E8;border-radius:var(--radius-md);padding:14px 20px;font-weight:var(--fw-medium);width:100%;box-shadow:var(--shadow-sm)}.btn-social:hover{border-color:#ccc;box-shadow:var(--shadow-md)}.btn-social .btn-icon{font-size:1.25rem}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{color:var(--color-primary);background:var(--color-primary-50)}.btn-danger{color:var(--color-error);background:transparent}.btn-danger:hover{background:#fff0f0}.btn-sm{padding:8px 18px;font-size:var(--fs-sm);min-height:36px}.btn-lg{padding:16px 36px;font-size:var(--fs-lg);min-height:54px}.btn-block{width:100%}.btn-icon-circle{width:48px;height:48px;border-radius:var(--radius-full);padding:0;display:flex;align-items:center;justify-content:center;min-height:auto}.btn-icon-circle.btn-lg{width:64px;height:64px;font-size:1.5rem}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input-group{margin-bottom:var(--space-4)}.input-label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.input-field{width:100%;padding:14px 16px;background:var(--bg-light);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--fs-md);color:var(--text-primary);transition:all var(--transition-base)}.input-field:focus{border-color:var(--color-primary);background:var(--bg-white);box-shadow:0 0 0 4px #e91e631a}.input-field::placeholder{color:var(--text-muted)}.input-field-error{border-color:var(--color-error)}textarea.input-field{resize:vertical;min-height:100px;line-height:var(--lh-relaxed)}.input-icon-wrapper{position:relative}.input-icon-wrapper .input-field{padding-left:44px}.input-icon-wrapper .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--text-muted)}.char-count{text-align:right;font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-1)}.avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;border:2px solid var(--bg-white)}.avatar-sm{width:36px;height:36px}.avatar-lg{width:72px;height:72px;border-width:3px}.avatar-xl{width:96px;height:96px;border-width:3px}.avatar-wrapper{position:relative;display:inline-block}.avatar-wrapper .online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--color-online);border-radius:var(--radius-full);border:2px solid var(--bg-white)}.avatar-wrapper .online-dot-lg{width:16px;height:16px;bottom:4px;right:4px;border-width:3px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1}.badge-primary{background:var(--color-primary-50);color:var(--color-primary)}.badge-verified{background:#e8f5e9;color:var(--color-success);font-size:var(--fs-xs)}.badge-verified:before{content:"✓";font-weight:var(--fw-bold)}.badge-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--color-primary);color:var(--text-white);border-radius:9px;font-size:10px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-white)}.badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);display:inline-block}.card{background:var(--bg-white);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card-elevated{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive:active{transform:scale(.98)}.chip{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:var(--bg-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1.5px solid transparent;-webkit-user-select:none;user-select:none}.chip:hover{background:var(--color-primary-50);color:var(--color-primary)}.chip-active,.chip.active{background:var(--color-primary-50);color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--fw-semibold)}.chip-sm{padding:5px 12px;font-size:var(--fs-xs)}.chip-interest{background:var(--color-primary-50);color:var(--color-primary);border:none;cursor:default}.tab-bar{display:flex;background:var(--bg-light);border-radius:var(--radius-md);padding:4px;gap:4px}.tab{flex:1;padding:10px 16px;border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text-secondary);text-align:center;cursor:pointer;transition:all var(--transition-base);background:transparent}.tab:hover{color:var(--text-primary)}.tab-active,.tab.active{background:var(--bg-white);color:var(--color-primary);font-weight:var(--fw-semibold);box-shadow:var(--shadow-sm)}.range-slider-container{padding:var(--space-2) 0}.range-slider-labels{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.range-slider-value{font-weight:var(--fw-semibold);color:var(--color-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#e0e0e0;border-radius:3px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 2px 8px #e91e634d;cursor:grab;border:3px solid var(--bg-white)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 2px 8px #e91e634d;cursor:grab;border:3px solid var(--bg-white)}.toggle-switch{position:relative;width:52px;height:28px;display:inline-block;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:14px;cursor:pointer;transition:all var(--transition-base)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:var(--bg-white);border-radius:var(--radius-full);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);height:var(--navbar-height);background:var(--bg-white);border-top:1px solid #F0F0F0;display:flex;align-items:center;justify-content:space-around;padding-bottom:var(--safe-area-bottom);z-index:var(--z-navbar);box-shadow:0 -2px 16px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;cursor:pointer;transition:all var(--transition-fast);position:relative;border:none;background:none;min-width:48px}.nav-item-icon{font-size:1.4rem;line-height:1;filter:grayscale(100%);opacity:.5;transition:all var(--transition-fast)}.nav-item-label{font-size:10px;font-weight:var(--fw-medium);color:var(--text-muted);transition:all var(--transition-fast)}.nav-item.active .nav-item-icon{filter:grayscale(0%);opacity:1;transform:scale(1.1)}.nav-item.active .nav-item-label{color:var(--color-primary);font-weight:var(--fw-semibold)}.page-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);min-height:var(--header-height);background:var(--bg-white);position:sticky;top:0;z-index:var(--z-sticky)}.page-header-title{flex:1;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.header-btn{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-light);border:none}.header-btn:hover{background:#e8e8e8}.header-btn:active{transform:scale(.92)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6}.empty-state-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--fs-base);color:var(--text-muted);max-width:260px;line-height:var(--lh-relaxed)}.toast-container{position:fixed;top:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-toast);max-width:calc(var(--app-max-width) - 32px);width:90%}.toast{display:flex;align-items:center;gap:var(--space-3);padding:14px 20px;background:var(--text-primary);color:var(--text-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);animation:toastSlideIn .3s ease forwards;font-size:var(--fs-base);font-weight:var(--fw-medium)}.toast.toast-exit{animation:toastSlideOut .3s ease forwards}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-error)}.toast-icon{font-size:1.25rem;flex-shrink:0}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-text-short{width:60%}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-md)}.divider{display:flex;align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--fs-sm);margin:var(--space-6) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e8e8e8}.search-bar{display:flex;align-items:center;gap:var(--space-2);padding:10px 16px;background:var(--bg-light);border-radius:var(--radius-pill);margin:0 var(--space-4) var(--space-4)}.search-bar-icon{font-size:1rem;color:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;font-size:var(--fs-base);background:none;border:none;color:var(--text-primary)}.search-bar input::placeholder{color:var(--text-muted)}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #F5F5F5}.list-item:hover{background:var(--bg-gray)}.list-item:active{background:var(--bg-light)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:var(--fw-semibold);font-size:var(--fs-md);color:var(--text-primary)}.list-item-subtitle{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.list-item-icon{font-size:1.3rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:var(--radius-md);flex-shrink:0}.list-item-arrow{color:var(--text-muted);font-size:.8rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease forwards}.modal-content{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);max-height:90vh;background:var(--bg-white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-modal);animation:slideInUp .3s ease forwards;overflow-y:auto;padding-bottom:var(--safe-area-bottom)}.modal-handle{width:36px;height:4px;background:#d1d5db;border-radius:2px;margin:var(--space-3) auto}.modal-center{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:var(--radius-xl);max-height:80vh;animation:fadeInScale .3s ease forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cardSwipeLeft{to{transform:translate(-150%) rotate(-30deg);opacity:0}}@keyframes cardSwipeRight{to{transform:translate(150%) rotate(30deg);opacity:0}}@keyframes cardSwipeUp{to{transform:translateY(-150%) scale(.8);opacity:0}}@keyframes cardSnapBack{to{transform:translate(0) rotate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-8px)}50%{transform:translateY(0)}70%{transform:translateY(-4px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes heartPop{0%{transform:scale(0);opacity:0}40%{transform:scale(1.3);opacity:1}60%{transform:scale(.9)}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes heartFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-80px) scale(.5);opacity:0}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes stampAppear{0%{transform:scale(3) rotate(-30deg);opacity:0}60%{transform:scale(.9) rotate(-15deg);opacity:1}to{transform:scale(1) rotate(-15deg);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastSlideIn{0%{transform:translateY(-100%) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:1}}@keyframes toastSlideOut{0%{transform:translateY(0) translate(-50%);opacity:1}to{transform:translateY(-100%) translate(-50%);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 20px #e91e634d}50%{box-shadow:0 0 40px #e91e6399}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes matchZoomIn{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(720deg);opacity:0}}.page-enter{animation:slideInRight var(--transition-slow) ease forwards}.page-enter-back{animation:slideInLeft var(--transition-slow) ease forwards}.page-exit{animation:slideOutLeft var(--transition-slow) ease forwards}.page-exit-back{animation:slideOutRight var(--transition-slow) ease forwards}.fade-in{animation:fadeIn var(--transition-base) ease forwards}.fade-in-scale{animation:fadeInScale var(--transition-base) ease forwards}.slide-up{animation:slideInUp var(--transition-slow) ease forwards}.swipe-left{animation:cardSwipeLeft .4s ease-out forwards}.swipe-right{animation:cardSwipeRight .4s ease-out forwards}.swipe-up{animation:cardSwipeUp .4s ease-out forwards}.heart-pop{animation:heartPop .6s ease forwards}.heart-beat{animation:heartBeat 1s ease infinite}.anim-bounce{animation:bounce .6s ease}.anim-shake{animation:shake .5s ease}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-spin{animation:spin 1s linear infinite}.anim-glow{animation:glow 2s ease-in-out infinite}.gradient-animated{background-size:200% 200%;animation:gradientShift 3s ease infinite}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-welcome{background:var(--gradient-hero);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-white);padding:var(--space-8) var(--space-6);min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.welcome-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.welcome-bg-shapes .shape{position:absolute;border-radius:var(--radius-full);background:#ffffff14}.welcome-bg-shapes .shape-1{width:200px;height:200px;top:-60px;right:-40px}.welcome-bg-shapes .shape-2{width:150px;height:150px;bottom:80px;left:-50px}.welcome-bg-shapes .shape-3{width:100px;height:100px;top:30%;left:70%}.welcome-logo{position:relative;z-index:2}.welcome-heart{font-size:4.5rem;margin-bottom:var(--space-4);display:inline-block;animation:heartBeat 2s ease infinite;filter:drop-shadow(0 4px 20px rgba(0,0,0,.15))}.welcome-title{font-size:var(--fs-4xl);font-weight:var(--fw-bold);letter-spacing:-.5px;margin-bottom:var(--space-2)}.welcome-tagline{font-size:var(--fs-lg);opacity:.9;font-weight:var(--fw-regular);margin-bottom:var(--space-12)}.welcome-hero-image{width:280px;height:280px;border-radius:50%;margin:var(--space-4) auto var(--space-8);position:relative;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid rgba(255,255,255,.2)}.welcome-hero-image img{width:100%;height:100%;object-fit:cover}.welcome-hero-collage{display:flex;gap:var(--space-3);margin:var(--space-4) 0 var(--space-10);position:relative;z-index:2}.welcome-hero-collage .collage-avatar{width:64px;height:64px;border-radius:var(--radius-full);border:3px solid rgba(255,255,255,.4);object-fit:cover}.welcome-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:2;max-width:320px}.welcome-actions .btn{font-size:var(--fs-md);padding:16px;font-weight:var(--fw-semibold)}.welcome-footer{margin-top:var(--space-8);font-size:var(--fs-xs);opacity:.7;position:relative;z-index:2}.welcome-footer a{color:var(--text-white);text-decoration:underline}.page-onboarding{background:var(--bg-white);padding:var(--space-6);min-height:100vh}.onboarding-heading{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--lh-tight)}.onboarding-subheading{color:var(--text-muted);font-size:var(--fs-base);margin-bottom:var(--space-8)}.onboarding-section{margin-bottom:var(--space-8)}.onboarding-section-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.gender-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.gender-card{padding:var(--space-6) var(--space-4);background:var(--bg-light);border-radius:var(--radius-lg);text-align:center;cursor:pointer;border:2.5px solid transparent;transition:all var(--transition-base)}.gender-card:hover{border-color:var(--color-primary-200)}.gender-card.selected{border-color:var(--color-primary);background:var(--color-primary-50)}.gender-card-emoji{font-size:3rem;margin-bottom:var(--space-2)}.gender-card-label{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.range-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.range-value-label{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-primary)}.onboarding-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);padding:var(--space-4) var(--space-6);background:var(--bg-white);border-top:1px solid #F0F0F0}.skip-link{display:block;text-align:center;margin-top:var(--space-3);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer}.skip-link:hover{color:var(--color-primary)}.page-auth{background:var(--bg-white);min-height:100vh;padding:var(--space-6);display:flex;flex-direction:column}.auth-header{margin-bottom:var(--space-8)}.auth-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.auth-title .highlight{color:var(--color-primary)}.auth-subtitle{color:var(--text-muted);margin-top:var(--space-2);font-size:var(--fs-base)}.social-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.auth-form{margin-top:var(--space-4)}.auth-footer{margin-top:auto;text-align:center;padding:var(--space-4) 0;font-size:var(--fs-base);color:var(--text-secondary)}.auth-footer a,.auth-footer .auth-link{color:var(--color-primary);font-weight:var(--fw-semibold);cursor:pointer}.page-discover{background:var(--bg-light);min-height:100vh}.discover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2);background:var(--bg-white)}.discover-logo{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-primary);display:flex;align-items:center;gap:var(--space-2)}.discover-logo .logo-heart{font-size:1.5rem}.card-stack{position:relative;width:100%;height:calc(100vh - 210px);max-height:560px;padding:var(--space-3)}.profile-card{position:absolute;inset:var(--space-3);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);background:var(--bg-light);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;will-change:transform}.profile-card:active{cursor:grabbing}.profile-card:nth-child(3){transform:scale(.92) translateY(12px);z-index:1}.profile-card:nth-child(2){transform:scale(.96) translateY(6px);z-index:2}.profile-card:nth-child(1){transform:scale(1);z-index:3}.profile-card-image{width:100%;height:100%;object-fit:cover}.profile-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-5) var(--space-5);background:var(--gradient-card-overlay);color:var(--text-white)}.profile-card-name{font-size:var(--fs-2xl);font-weight:var(--fw-bold);display:flex;align-items:center;gap:var(--space-2)}.profile-card-name .age{font-weight:var(--fw-regular);opacity:.9}.verified-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#2196f3;border-radius:var(--radius-full);font-size:12px}.profile-card-detail{font-size:var(--fs-base);opacity:.85;margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.swipe-stamp{position:absolute;top:60px;padding:10px 20px;border:4px solid;border-radius:var(--radius-md);font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:2px;text-transform:uppercase;opacity:0;z-index:10;pointer-events:none}.stamp-like{right:30px;color:var(--color-success);border-color:var(--color-success);transform:rotate(15deg)}.stamp-nope{left:30px;color:var(--color-error);border-color:var(--color-error);transform:rotate(-15deg)}.stamp-superlike{left:50%;transform:translate(-50%);color:#2196f3;border-color:#2196f3}.discover-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-2)}.action-btn{width:52px;height:52px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--bg-white);box-shadow:var(--shadow-md);border:none;cursor:pointer;transition:all var(--transition-base)}.action-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.action-btn:active{transform:scale(.95)}.action-btn-primary{width:64px;height:64px;font-size:1.8rem;background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-primary)}.action-btn-pass{color:var(--color-error)}.action-btn-star{color:#2196f3}.action-btn-boost{color:#9c27b0}.match-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#e91e63f2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-white);text-align:center;padding:var(--space-6);animation:fadeIn .3s ease}.match-popup-title{font-size:var(--fs-4xl);font-weight:var(--fw-bold);margin-bottom:var(--space-2);animation:matchZoomIn .6s ease forwards}.match-popup-subtitle{font-size:var(--fs-md);opacity:.9;margin-bottom:var(--space-8)}.match-avatars{display:flex;align-items:center;gap:-10px;margin-bottom:var(--space-8)}.match-avatars img{width:100px;height:100px;border-radius:var(--radius-full);border:4px solid var(--text-white);object-fit:cover}.match-avatars .match-heart{font-size:2.5rem;margin:0 -10px;z-index:2;animation:heartPop .6s ease .3s both}.page-likes{background:var(--bg-white);min-height:100vh}.likes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4)}.like-card{border-radius:var(--radius-md);overflow:hidden;position:relative;aspect-ratio:3/4;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.like-card:active{transform:scale(.97)}.like-card img{width:100%;height:100%;object-fit:cover}.like-card-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-3) var(--space-3);background:linear-gradient(transparent,#000000b3);color:var(--text-white)}.like-card-name{font-weight:var(--fw-semibold);font-size:var(--fs-base)}.like-card-age{font-size:var(--fs-sm);opacity:.8}.like-card-blurred img{filter:blur(12px)}.like-card-blurred .premium-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;color:var(--text-white);text-align:center;padding:var(--space-3)}.premium-overlay-icon{font-size:2rem;margin-bottom:var(--space-2)}.premium-overlay-text{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.page-matches{background:var(--bg-white);min-height:100vh}.match-list{padding:0}.match-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #F8F8F8}.match-item:hover{background:var(--bg-gray)}.match-item:active{background:var(--bg-light)}.match-item-body{flex:1;min-width:0}.match-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.match-item-name{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.match-item-time{font-size:var(--fs-xs);color:var(--text-muted);flex-shrink:0}.match-item-message{font-size:var(--fs-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.match-item.unread .match-item-name{color:var(--text-primary)}.match-item.unread .match-item-message{color:var(--text-primary);font-weight:var(--fw-medium)}.match-item-unread-dot{width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0;margin-left:auto}.page-chat{background:var(--bg-light);min-height:100vh;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-white);border-bottom:1px solid #F0F0F0;position:sticky;top:0;z-index:var(--z-sticky)}.chat-header-info{flex:1}.chat-header-name{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.chat-header-status{font-size:var(--fs-xs);color:var(--color-online)}.chat-header-status.offline{color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:var(--fs-base);line-height:var(--lh-normal);position:relative;word-wrap:break-word}.message-sent{align-self:flex-end;background:var(--color-primary);color:var(--text-white);border-bottom-right-radius:4px}.message-received{align-self:flex-start;background:var(--bg-white);color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.message-time{font-size:10px;opacity:.6;margin-top:4px;text-align:right}.message-received .message-time{text-align:left;color:var(--text-muted)}.chat-date-separator{text-align:center;font-size:var(--fs-xs);color:var(--text-muted);padding:var(--space-2) 0}.typing-indicator{display:flex;gap:4px;padding:12px 16px;align-self:flex-start;background:var(--bg-white);border-radius:18px 18px 18px 4px;box-shadow:var(--shadow-sm)}.typing-dot{width:8px;height:8px;background:var(--text-muted);border-radius:var(--radius-full);animation:bounce 1.4s ease infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.chat-input-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-white);border-top:1px solid #F0F0F0;position:sticky;bottom:0}.chat-input{flex:1;padding:12px 16px;background:var(--bg-light);border-radius:var(--radius-pill);font-size:var(--fs-base);border:none;outline:none;min-height:44px}.chat-send-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:none;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chat-send-btn:hover{box-shadow:var(--shadow-primary)}.chat-send-btn:active{transform:scale(.92)}.page-profile{background:var(--bg-white);min-height:100vh}.profile-cover{position:relative;height:380px;overflow:hidden}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-cover-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-8) var(--space-5) var(--space-5);background:linear-gradient(transparent,#000000b3);color:var(--text-white)}.profile-cover-actions{position:absolute;top:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;justify-content:space-between;z-index:3}.profile-cover-btn{width:40px;height:40px;border-radius:var(--radius-full);background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-white);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:1.1rem;transition:all var(--transition-fast)}.profile-cover-btn:hover{background:#00000080}.profile-name-section{display:flex;align-items:center;gap:var(--space-2)}.profile-name{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.profile-details{font-size:var(--fs-base);opacity:.85;margin-top:var(--space-1)}.profile-body{padding:var(--space-5)}.profile-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);padding:var(--space-4);background:var(--bg-light);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--space-6)}.profile-stat-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-primary)}.profile-stat-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.profile-section{margin-bottom:var(--space-6)}.profile-section-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.profile-bio{color:var(--text-secondary);line-height:var(--lh-relaxed);font-size:var(--fs-base)}.profile-interests{display:flex;flex-wrap:wrap;gap:var(--space-2)}.page-edit-profile{background:var(--bg-white);min-height:100vh}.edit-photo-section{display:flex;justify-content:center;padding:var(--space-6) 0}.edit-photo-wrapper{position:relative}.edit-photo-wrapper img{width:110px;height:110px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-primary-100)}.edit-photo-btn{position:absolute;bottom:4px;right:4px;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-white);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-white);cursor:pointer;font-size:.9rem}.edit-form{padding:0 var(--space-5) var(--space-6)}.edit-interests{display:flex;flex-wrap:wrap;gap:var(--space-2)}.page-filters{background:var(--bg-white);min-height:100vh}.filters-body{padding:var(--space-5)}.filter-section{margin-bottom:var(--space-8)}.filter-section-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--space-4)}.filter-toggles{display:flex;gap:var(--space-2)}.filter-toggle-btn{flex:1;padding:12px;border-radius:var(--radius-md);font-weight:var(--fw-medium);text-align:center;background:var(--bg-light);color:var(--text-secondary);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base)}.filter-toggle-btn.active{background:var(--color-primary-50);color:var(--color-primary);border-color:var(--color-primary)}.filter-footer{padding:var(--space-4) var(--space-5);position:sticky;bottom:0;background:var(--bg-white);border-top:1px solid #F0F0F0}.page-premium{background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:var(--text-white);padding:var(--space-6);display:flex;flex-direction:column;position:relative;overflow:hidden}.premium-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff1a;color:var(--text-white);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-size:1.1rem;z-index:5}.premium-header{text-align:center;padding:var(--space-8) 0 var(--space-6)}.premium-crown{font-size:3.5rem;margin-bottom:var(--space-3);display:inline-block}.premium-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-2)}.premium-title .highlight{background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-subtitle{font-size:var(--fs-base);opacity:.7}.premium-features{flex:1;padding:var(--space-4) 0}.premium-feature{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0}.premium-feature-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.premium-feature-text{font-size:var(--fs-md);font-weight:var(--fw-medium)}.premium-feature-desc{font-size:var(--fs-sm);opacity:.6;margin-top:2px}.premium-cta{text-align:center;padding:var(--space-4) 0}.premium-price{font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin-bottom:var(--space-1)}.premium-price-period{font-size:var(--fs-base);opacity:.6;font-weight:var(--fw-regular)}.premium-cta-btn{width:100%;padding:18px;background:linear-gradient(90deg,gold,orange);color:#1a1a2e;border:none;border-radius:var(--radius-pill);font-size:var(--fs-lg);font-weight:var(--fw-bold);cursor:pointer;margin-top:var(--space-4);animation:glow 2s ease-in-out infinite;box-shadow:0 4px 20px #ffd7004d}.premium-cta-btn:active{transform:scale(.97)}.premium-restore{display:block;text-align:center;margin-top:var(--space-4);color:#ffffff80;font-size:var(--fs-sm);cursor:pointer}.page-activity{background:var(--bg-white);min-height:100vh}.activity-group-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-3) var(--space-4) var(--space-1)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.activity-item:hover{background:var(--bg-gray)}.activity-item-body{flex:1;min-width:0}.activity-item-text{font-size:var(--fs-base);color:var(--text-primary);line-height:var(--lh-normal)}.activity-item-text strong{font-weight:var(--fw-semibold)}.activity-item-time{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.activity-item-icon{font-size:1.5rem;flex-shrink:0}.page-verify{background:var(--bg-white);min-height:100vh;display:flex;flex-direction:column}.verify-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-6);text-align:center}.verify-icon{width:120px;height:120px;border-radius:var(--radius-full);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;font-size:3.5rem;margin-bottom:var(--space-6)}.verify-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}.verify-description{color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-8);max-width:300px}.verify-benefits{text-align:left;width:100%;max-width:320px}.verify-benefit{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--fs-md);color:var(--text-primary)}.verify-benefit-icon{width:36px;height:36px;border-radius:var(--radius-full);background:#e8f5e9;color:var(--color-success);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);flex-shrink:0}.verify-footer{padding:var(--space-4) var(--space-6)}.page-settings{background:var(--bg-white);min-height:100vh}.settings-list{padding:var(--space-2) 0}.settings-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #F8F8F8}.settings-item:hover{background:var(--bg-gray)}.settings-item-icon{font-size:1.3rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-light);border-radius:var(--radius-md);flex-shrink:0}.settings-item-label{flex:1;font-size:var(--fs-md);font-weight:var(--fw-medium)}.settings-item-arrow{color:var(--text-muted);font-size:.8rem}.settings-logout{display:block;width:calc(100% - var(--space-10));margin:var(--space-8) auto var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);background:#fff0f0;color:var(--color-error);font-weight:var(--fw-semibold);font-size:var(--fs-md);text-align:center;cursor:pointer;transition:all var(--transition-base);border:none}.settings-logout:hover{background:#ffe0e0}.page-safety{background:var(--bg-white);min-height:100vh}.safety-hero{margin:var(--space-4);padding:var(--space-6);background:var(--gradient-primary);border-radius:var(--radius-lg);color:var(--text-white);text-align:center}.safety-hero-icon{font-size:3rem;margin-bottom:var(--space-3)}.safety-hero-title{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.safety-body{padding:var(--space-5)}.safety-section{margin-bottom:var(--space-6)}.safety-section-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-3)}.safety-tip{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-normal)}.safety-tip-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.safety-tip-icon.do{color:var(--color-success)}.safety-tip-icon.dont{color:var(--color-error)}.safety-checklist{background:var(--bg-light);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer}.safety-checklist-header{display:flex;align-items:center;justify-content:space-between;font-weight:var(--fw-semibold)}.safety-checklist-items{margin-top:var(--space-3);display:none}.safety-checklist.expanded .safety-checklist-items{display:block}.safety-checklist-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--fs-base);color:var(--text-secondary)}