:root{color:#eef2ff;--background:#08101d;--surface:#111827f2;--surface-light:#1a233be6;--surface-strong:#0c1422fa;--border:#ffffff14;--text:#eef2ff;--muted:#9bb2d6;--primary:#7c98ff;--primary-soft:#7c98ff2e;--danger:#f76969;--success:#44d190;--warning:orange;--shadow:0 24px 80px #00000059;background-color:#08101d;font-family:Sora,Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#7c98ff2e,#0000 22%),radial-gradient(circle at 100% 100%,#a459ff24,#0000 20%),linear-gradient(#02060f 0%,#08101d 100%);flex-direction:column;margin:0;display:flex}#root{flex:1;width:100%}*,:before,:after{box-sizing:border-box}body,button,input,select,textarea{font-family:inherit}button{background:linear-gradient(135deg, var(--primary), #536dff);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:16px;padding:.85em 1.4em;font-size:1em;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;box-shadow:0 0 40px #4f86ff2e}button:hover{opacity:.98;transform:translateY(-1px)}button:hover,button:focus-visible{outline-offset:3px;outline:2px solid #7c98ffb3}button:focus:not(:focus-visible){outline:none}input,select,textarea{color:var(--text);background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:.95rem 1rem;transition:border-color .2s,background-color .2s}input:focus,select:focus,textarea:focus{background-color:#ffffff0f;border-color:#7c98ffe6;outline:none}input::placeholder,textarea::placeholder{color:#ffffff8c}a{color:var(--primary);text-decoration:none}a:hover{opacity:.9}p,h1,h2,h3,h4,h5,h6,label{color:var(--text)}::selection{background:#7c98ff59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c98ff40 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7c98ff73 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#7c98ff40 transparent}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.page-enter,.page-enter-active{animation:.3s ease-out fadeIn}.card{animation:.4s ease-out scaleIn}.card:hover{transition:box-shadow .3s;box-shadow:0 24px 80px #7c98ff40}.btn-like,.btn-like:hover{animation:.6s ease-in-out heartBeat}.profile-card{animation:.5s ease-out slideInRight}.profile-card.exit{animation:.3s ease-out slideInLeft}@media (prefers-reduced-motion:no-preference){a:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid #7c98ffb3}}html{scroll-behavior:smooth}@media (width<=768px){body{font-size:14px}input,select,textarea{font-size:16px!important}button{touch-action:manipulation;min-height:44px}*{-webkit-tap-highlight-color:transparent}.mobile-edge-card{border-left:none!important;border-right:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:calc(100dvh - 60px)!important;margin:0!important}.mobile-no-pad{padding:0!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.mobile-grow-buttons>button{width:100%;flex:1!important}.mobile-compact-pad{padding:1rem!important}.mobile-no-pad-x{padding-left:0!important;padding-right:0!important}.mobile-shorter-image{height:60vw!important;max-height:380px!important}}.nav-links{align-items:center;gap:.5rem;display:flex}.mobile-menu-toggle{display:none}@media (width<=768px){.nav-links{display:none}.mobile-menu-toggle{display:block}}