@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--primary-gradient:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);--secondary-gradient:linear-gradient(135deg,#3b82f6 0%,#2dd4bf 100%);--bg-app:#09090b;--bg-card:#18181b;--text-primary:#fff;--text-secondary:#a1a1aa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:Inter,sans-serif;overflow:hidden}.mobile-top-nav-wrapper{z-index:40;position:sticky;top:0}.mobile-only{display:flex}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:flex}.desktop-app-container{flex-direction:column;height:100vh;display:flex}.app-layout-grid{flex:1;grid-template-columns:280px 1fr 350px;transition:grid-template-columns .3s;display:grid;overflow:hidden}.app-layout-grid.two-columns-only{grid-template-columns:280px 1fr 0}.app-layout-grid.sidebar-is-collapsed{grid-template-columns:80px 1fr 350px}.app-layout-grid.sidebar-is-collapsed.two-columns-only{grid-template-columns:80px 1fr 0}.main-content-area{background:var(--bg-app);border-left:1px solid #1f1f2e;border-right:1px solid #1f1f2e;height:100%;overflow-y:auto}.context-panel-area{background:var(--bg-card);height:100%;overflow-y:auto}}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18181bcc;border-top:1px solid #1f1f2e;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;padding:15px 10px;display:flex;box-shadow:0 -5px 20px #0000004d}.nav-item{color:var(--text-secondary);background:0 0;border:none;border-radius:12px;padding:10px;transition:all .3s}.nav-item.active{color:#fff;background:var(--primary-gradient);transform:translateY(-2px);box-shadow:0 4px 15px #6366f166}.swipe-screen-container{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px 20px 100px;display:flex;position:relative;overflow:hidden}.cards-stack-wrapper{perspective:1000px;width:100%;max-width:500px;height:100%;max-height:800px;position:relative}.swipe-card{background:var(--bg-card);cursor:grab;touch-action:none;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 20px -5px #0000004d}.card-image{z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.card-gradient-overlay{z-index:1;background:linear-gradient(#0000 0%,#09090b99 50%,#09090be6 100%);width:100%;height:60%;position:absolute;bottom:0;left:0}.card-top-gradient{z-index:1;background:linear-gradient(#09090b80 0%,#0000 100%);width:100%;height:30%;position:absolute;top:0;left:0}.card-info-container{z-index:2;color:#fff;text-align:left;width:100%;padding:30px;position:absolute;bottom:0;left:0}.card-name{text-shadow:0 2px 4px #00000080;margin-bottom:5px;font-size:2.2rem;font-weight:700}.card-age{font-size:1.8rem;font-weight:400}.card-bio{color:#e4e4e7;text-shadow:0 1px 2px #00000080;margin-bottom:20px;font-size:1.1rem;line-height:1.5}.card-tags-container{flex-wrap:wrap;gap:8px;display:flex}.card-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:20px;padding:6px 12px;font-size:.9rem;font-weight:500}.swipe-indicator{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background:#00000080;border:2px solid #fff3;border-radius:50%;padding:20px;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.swipe-card[style*=transform] .swipe-indicator{opacity:1}.indicator-like{border-color:#22c55e;left:20px}.indicator-nope{border-color:#ef4444;right:20px}.swipe-buttons-container{z-index:10;justify-content:center;align-items:center;gap:15px;width:100%;display:flex;position:absolute;bottom:110px;left:0}.swipe-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#18181bcc;border:1px solid #2f2f3e;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 5px 15px #0003}.swipe-button:active{transform:scale(.95)}.button-nope,.button-like{width:64px;height:64px}.button-undo,.button-info{width:50px;height:50px}.button-like{color:#22c55e;border-color:#22c55e4d}.button-nope{color:#ef4444;border-color:#ef44444d}.no-more-profiles-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.radar-animation{background:var(--primary-gradient);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;box-shadow:0 0 30px #6366f180}.radar-circle{opacity:0;border:2px solid #6366f180;border-radius:50%;width:100%;height:100%;animation:3s cubic-bezier(0,0,.2,1) infinite radar-ping;position:absolute}.c1{animation-delay:0s}.c2{animation-delay:1s}.c3{animation-delay:2s}@keyframes radar-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}.desktop-profiles-grid-container{height:100%;padding:30px;overflow-y:auto}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px;display:grid}.profile-grid-card{aspect-ratio:3/4;cursor:pointer;border-radius:20px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #0003}.profile-grid-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0006}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}