@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#161616;--fg:#f5f5f5;--muted:#f5f5f573;--accent:#f59e0b;--accent-dark:#d97706;--cyan:#00f0ff;--purple:#b026ff;--serif:"Playfair Display", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{color:var(--fg);background:var(--bg);font-family:var(--sans)}.design-nav{z-index:100;align-items:center;gap:.4rem;display:flex;position:fixed;bottom:1.4rem;right:1.4rem}.design-nav-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-right:.2rem;font-size:.65rem}.design-link{width:26px;height:26px;color:var(--muted);font-size:.7rem;font-family:var(--sans);border:1px solid #f59e0b40;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.design-link:hover,.design-link.active{border-color:var(--accent);color:var(--accent);background:#f59e0b12}.badge{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:700;font-family:var(--sans);background:#f59e0b12;border-radius:20px;align-items:center;padding:.28rem .7rem;display:inline-flex}.email-input{color:var(--fg);font-size:.875rem;font-family:var(--sans);background:#ffffff0a;border:1px solid #f59e0b4d;border-radius:5px;padding:.55rem .8rem;transition:border-color .2s,box-shadow .2s}.email-input::placeholder{color:#f5f5f54d}.email-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f59e0b1f}.btn{background:var(--bg);color:var(--cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.07em;font-size:.8rem;font-weight:700;font-family:var(--sans);white-space:nowrap;border:none;border-radius:100px;padding:.6rem 1.2rem;transition:all .2s;box-shadow:4px 4px 10px #000,-3px -3px 8px #ffffff0a}.btn:hover{color:#fff;transform:translateY(-1px);box-shadow:inset 3px 3px 6px #000,inset -2px -2px 4px #ffffff08,0 0 15px #00f0ff33}.btn:active{transform:translateY(0)}.success{color:var(--accent);font-size:.8rem;font-weight:600;font-family:var(--sans);animation:.3s pop}@keyframes pop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.shell-a{background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;padding:clamp(4vh,5vw,9vh) 1rem 0;display:flex;position:relative;overflow:hidden}.content-a{z-index:10;text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:.8rem;width:min(900px,92vw);padding:0;display:flex;position:relative}.logo-wrap-a{justify-content:center;align-items:center;margin-bottom:-.4rem;display:inline-flex;position:relative}.logo-a{mix-blend-mode:screen;filter:brightness(1.04)contrast(1.01)drop-shadow(0 20px 34px #0a0c1194);width:296px;height:auto}.headline-a{font-family:var(--serif);letter-spacing:-.02em;color:#e7eaefad;margin:0;font-size:clamp(1.085rem,3.64vw,1.89rem);font-weight:700;line-height:1.15}.tagline-a{font-family:var(--sans);color:#c2c8d2b8;white-space:nowrap;margin-top:.2rem;font-size:clamp(.79rem,2.52vw,1.21rem);font-weight:400;line-height:1.5}.home-hero-search-input{width:100%;font-size:1.1rem;font-family:var(--sans);background:var(--bg);color:var(--fg);text-align:center;letter-spacing:.01em;border:none;border-radius:999px;padding:1.3rem 2rem 1.3rem 4rem;transition:all .3s;box-shadow:4px 4px 10px #000,-3px -3px 8px #ffffff0a}.home-hero-search-input::placeholder{color:#b5bdca9e;text-align:center}.home-hero-search-input:focus{background:#00000073;outline:none;box-shadow:inset 0 2px 10px #0009,inset 0 1px 4px #00000080,0 0 0 1px #f59e0b33,0 0 20px #f59e0b0f}@media (max-width:700px){.logo-a{width:240px}.home-tiles-section{width:96vw}}@media (max-height:600px){.content-a{gap:.4rem}.logo-a{width:200px}.home-tile{width:78px;height:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.home-search-form{align-items:center;width:min(868px,90vw);display:flex;position:relative}.home-search-icon{z-index:10;pointer-events:none;flex-shrink:0;position:absolute;top:50%;left:1.6rem;transform:translateY(-50%)}.home-search-overlay{pointer-events:none;z-index:5;color:#b5bdca9e;font-size:1.1rem;font-family:var(--sans);letter-spacing:.01em;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.home-search-cursor{color:#b5bdca8c;margin-left:1px;animation:1.1s step-end infinite blink-cursor}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.home-tiles-section{z-index:10;flex-shrink:0;align-items:center;gap:.5rem;width:min(868px,90vw);margin-top:2rem;display:flex;position:relative}.home-tile-arrow{background:var(--bg);color:#f5f5f559;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:color .2s,box-shadow .2s;display:flex;box-shadow:4px 4px 10px #000,-2px -2px 6px #ffffff08}.home-tile-arrow:hover{color:#f5f5f5d9;box-shadow:5px 5px 12px #000,-3px -3px 8px #ffffff0a,0 0 10px #00f0ff14}.home-tiles-viewport{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.home-tiles-track{scrollbar-width:none;gap:.75rem;padding:.6rem .4rem;display:flex;overflow-x:auto}.home-tiles-track::-webkit-scrollbar{display:none}.home-tile{background:var(--bg);color:#f5f5f573;width:88px;height:108px;font-family:var(--sans);cursor:pointer;border:none;border-radius:22px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s,color .2s;display:flex;box-shadow:6px 6px 12px #000c,-3px -3px 8px #ffffff08}.home-tile:hover{color:#f5f5f5d9;transform:translateY(-2px);box-shadow:8px 8px 16px #000000e6,-4px -4px 10px #ffffff0a,0 0 12px #00f0ff14}.home-tile-trending{color:#f59e0ba6}.home-tile-trending:hover{color:#f59e0bf2;box-shadow:8px 8px 16px #000000e6,-4px -4px 10px #ffffff0a,0 0 12px #f59e0b1a}.home-tile-near-me{color:#00f0ff8c}.home-tile-near-me:hover{color:#00f0ffe6;box-shadow:8px 8px 16px #000000e6,-4px -4px 10px #ffffff0a,0 0 14px #00f0ff1f}.home-tile-emoji{font-size:1.6rem;line-height:1}.home-tile-label{text-align:center;padding:0 .35rem;font-size:.6rem;font-weight:500;line-height:1.2}.home-footer{text-align:center;font-family:var(--sans);letter-spacing:.05em;color:#c2c8d233;pointer-events:none;font-size:.62rem;font-weight:400;position:absolute;bottom:1.1rem;left:0;right:0}.browse-shell{background:var(--bg);min-height:100vh;color:var(--fg);flex-direction:column;display:flex;overflow:hidden auto}.browse-header{z-index:100;pointer-events:none;justify-content:flex-start;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.browse-logo-link{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(150%);background:#00000080;border-radius:100px;align-items:center;padding:.2rem 1.2rem;display:inline-flex;position:relative;box-shadow:0 8px 32px #0009,inset 0 1px 1px #ffffff14}.browse-logo{mix-blend-mode:screen;filter:brightness(1.2);width:auto;height:100px;margin:-10px 0}.browse-hero{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 2rem 1.5rem;display:flex}.browse-h1{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:700;line-height:1.1}.browse-h1-subtle{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:#f5f5f566;margin-bottom:-.5rem;font-size:.85rem;font-weight:500}.browse-search-wrap{align-items:center;width:min(620px,90vw);margin-top:.25rem;display:flex;position:relative}.browse-search-input{background:var(--bg);width:100%;color:var(--fg);font-size:.95rem;font-family:var(--sans);letter-spacing:.01em;border:none;border-radius:100px;padding:1rem 1.5rem;transition:all .3s;box-shadow:4px 4px 10px #000,-3px -3px 8px #ffffff0a}.browse-search-input::placeholder{color:#ffffff4d;font-style:normal}.browse-search-input:focus{background:#00000073;outline:none;box-shadow:inset 0 2px 10px #0009,inset 0 1px 4px #00000080,0 0 0 1px #f59e0b33,0 0 20px #f59e0b0f}.browse-search-spinner{border:2px solid #f59e0b40;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;position:absolute;right:1.2rem}@keyframes spin{to{transform:rotate(360deg)}}.browse-filters{flex-direction:column;gap:.75rem;padding:0 2rem;display:flex}.browse-filters-centered{align-items:center;margin-top:.5rem}.browse-categories-grid-wrap{justify-content:center;width:100%;padding:1rem 2rem 0;display:flex}.browse-tiles{grid-template-columns:repeat(4,1fr);gap:.8rem;width:min(620px,100%);display:grid}@media (max-width:500px){.browse-tiles{grid-template-columns:repeat(4,1fr);gap:.5rem}}.browse-tile{aspect-ratio:1;color:#f5f5f573;font-family:var(--sans);cursor:pointer;background:#0a0a0a;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;transition:all .2s;display:flex;box-shadow:6px 6px 12px #000c,-3px -3px 8px #ffffff08}.browse-tile-emoji{font-size:1.5rem}.browse-tile-label{text-align:center;font-size:.7rem;font-weight:500;line-height:1.1}.browse-tile:hover{color:#f5f5f5cc;transform:translateY(-2px);box-shadow:8px 8px 16px #000000e6,-4px -4px 10px #ffffff0a,inset 0 0 0 1px #f59e0b1a}.browse-tile-active{color:var(--accent);background:#0d0b07;transform:translateY(1px);box-shadow:inset 4px 4px 8px #000c,inset -2px -2px 5px #ffffff05,0 0 0 1px #f59e0b40}.browse-tile-active:hover{transform:translateY(1px)}.browse-city-wrap{justify-content:center;width:100%;display:flex}.browse-city-select{color:#f5f5f58c;font-size:.82rem;font-family:var(--sans);cursor:pointer;appearance:none;background:#0a0a0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(245,245,245,0.3)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right .75rem center no-repeat;border:none;border-radius:100px;padding:.4rem 2rem .4rem .9rem;transition:all .18s;box-shadow:inset 2px 2px 5px #000000b3,inset -1px -1px 3px #ffffff08}.browse-city-select:focus{color:#f5f5f5cc;outline:none;box-shadow:inset 2px 2px 6px #000000bf,inset -1px -1px 4px #f59e0b0f,0 0 0 1px #f59e0b1f}.browse-city-select option{color:#f5f5f5;background:#111}.browse-intent{color:#f5f5f5cc;background:#f59e0b12;border:1px solid #f59e0b33;border-radius:8px;align-items:center;gap:.5rem;margin:0 2rem;padding:.65rem 1rem;font-size:.83rem;display:flex}.browse-intent-icon{flex-shrink:0}.browse-fallback-badge{color:var(--muted);background:#f5f5f512;border-radius:4px;margin-left:auto;padding:.15rem .5rem;font-size:.7rem}.browse-main{flex:1;padding:1.5rem 2rem}.browse-count{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.2rem;font-size:.78rem}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.browse-empty{text-align:center;padding:4rem 2rem}.browse-empty-title{font-family:var(--serif);margin-bottom:.5rem;font-size:1.3rem}.browse-empty-sub{color:var(--muted);font-size:.88rem}.browse-empty-reset{color:var(--accent);cursor:pointer;font-family:var(--sans);background:0 0;border:none;text-decoration:underline}.browse-routing{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:520px;margin:3rem auto;padding:0 1.5rem;display:flex}.browse-routing-desire{font-family:var(--serif);color:var(--fg);font-size:1.15rem;line-height:1.55}.browse-routing-rationale{color:var(--muted);margin-top:-.75rem;font-size:.875rem;line-height:1.65}.browse-routing-cards{flex-direction:column;gap:.5rem;width:100%;max-width:400px;display:flex}.browse-routing-card{opacity:.88;position:relative}.browse-routing-ask-label{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);opacity:.65;text-align:left;margin-bottom:.4rem;font-size:.67rem;display:block}.browse-routing-question-block{flex-direction:column;align-items:center;gap:.75rem;display:flex}.browse-routing-question{color:var(--muted);font-size:.875rem;line-height:1.6}.browse-routing-actions{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.browse-routing-link{color:var(--accent);cursor:pointer;font-family:var(--sans);opacity:.8;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline;transition:opacity .15s}.browse-routing-link:hover{opacity:1}.browse-load-more-wrap{text-align:center;margin-top:2rem}.browse-load-more{color:#f5f5f58c;font-size:.85rem;font-family:var(--sans);cursor:pointer;background:#0a0a0a;border:none;border-radius:100px;padding:.65rem 2.5rem;transition:all .2s;box-shadow:inset 2px 2px 5px #000000b3,inset -1px -1px 3px #ffffff08}.browse-load-more:hover{color:var(--fg);box-shadow:inset 2px 2px 7px #000c,inset -1px -1px 4px #ffffff0a,0 0 0 1px #f59e0b26}.browse-footer{text-align:center;color:var(--muted);border-top:1px solid #f5f5f50f;padding:2rem;font-size:.78rem}.browse-footer a{color:var(--accent);text-decoration:none}.group-card{background:var(--bg);cursor:default;border:none;border-radius:14px;flex-direction:column;gap:.75rem;padding:1.1rem;transition:box-shadow .2s,transform .15s;display:flex;position:relative;box-shadow:6px 6px 14px #000,-4px -4px 12px #ffffff0a}.group-card:hover{transform:translateY(-2px);box-shadow:8px 8px 20px #000,-6px -6px 16px #ffffff0d,0 0 10px #b026ff1a}.group-card-header{align-items:flex-start;gap:.8rem;display:flex}.group-card-avatar{border:1px solid;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.group-card-title-block{flex:1;min-width:0}.group-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;line-height:1.2;overflow:hidden}.group-card-name-fa{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-family:Vazirmatn,sans-serif;font-size:.8rem;overflow:hidden}.group-card-verified{width:20px;height:20px;color:var(--accent);background:#f59e0b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.group-card-desc{color:#f5f5f599;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.group-card-tags{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.group-card-tag{background:var(--bg);white-space:nowrap;border:none;border-radius:100px;padding:.2rem .6rem;font-size:.72rem;font-weight:500;box-shadow:inset 3px 3px 6px #000,inset -2px -2px 5px #ffffff08}.group-card-tag-city{color:#fff9}.group-card-footer{justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.group-card-actions{gap:.5rem;width:100%;display:flex}.group-card-btn-detail{color:#ffffffd9;background:var(--bg);border:none;border-radius:100px;padding:.32rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:inset 3px 3px 6px #000,inset -2px -2px 5px #ffffff08}.group-card-btn-detail:hover{color:#fff;box-shadow:inset 4px 4px 8px #000,inset -3px -3px 6px #ffffff0a,0 0 10px #00f0ff33}.group-card-btn-join{background:var(--bg);color:var(--cyan);border:none;border-radius:100px;margin-left:auto;padding:.32rem .85rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:4px 4px 10px #000,-3px -3px 8px #ffffff0a}.group-card-btn-join:hover{color:#fff;box-shadow:inset 3px 3px 6px #000,inset -2px -2px 4px #ffffff08,0 0 15px #b026ff33}.group-card-similarity{color:var(--accent);background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:4px;padding:.15rem .45rem;font-size:.64rem;font-weight:600;position:absolute;top:.6rem;right:.6rem}.group-card-skeleton{pointer-events:none}.skeleton-header{align-items:center;gap:.8rem;display:flex}.skeleton-avatar{background:#ffffff0f;border-radius:10px;flex-shrink:0;width:46px;height:46px;animation:1.5s ease-in-out infinite shimmer}.skeleton-lines{flex-direction:column;flex:1;gap:.4rem;display:flex}.skeleton-line{background:#ffffff0f;border-radius:4px;animation:1.5s ease-in-out infinite shimmer}.skeleton-line-lg{width:70%;height:14px}.skeleton-line-sm{width:45%;height:11px}.skeleton-line-full{width:100%;height:11px}.skeleton-line-md{width:60%;height:11px}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.9}}.detail-shell{background:var(--bg);min-height:100vh;color:var(--fg);padding:2rem 1rem;overflow-y:auto}.detail-container{max-width:680px;margin:0 auto}.detail-back{color:var(--muted);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.83rem;text-decoration:none;transition:color .2s;display:inline-flex}.detail-back:hover{color:var(--fg)}.detail-card{background:var(--bg);border:none;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:8px 8px 18px #000,-5px -5px 15px #ffffff0a}.detail-header{align-items:flex-start;gap:1.2rem;display:flex}.detail-avatar{background:var(--bg);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:inset 4px 4px 8px #000,inset -2px -2px 5px #ffffff08}.detail-title-block{flex:1}.detail-title-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.detail-name{font-family:var(--serif);font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;line-height:1.15}.detail-verified{color:var(--accent);white-space:nowrap;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.detail-name-fa{color:var(--muted);margin-top:.3rem;font-family:Vazirmatn,sans-serif;font-size:1rem}.detail-username{color:var(--muted);margin-top:.2rem;font-size:.83rem}.detail-stats{flex-wrap:wrap;gap:1.5rem;display:flex}.detail-stat{flex-direction:column;gap:.15rem;display:flex}.detail-stat-value{color:var(--accent);font-size:1.2rem;font-weight:700}.detail-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.detail-cities{flex-wrap:wrap;gap:.5rem;display:flex}.detail-city-tag{background:var(--bg);color:var(--muted);border-radius:20px;padding:.3rem .8rem;font-size:.8rem;box-shadow:inset 3px 3px 6px #000,inset -2px -2px 5px #ffffff08}.detail-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.5rem;font-size:.75rem}.detail-desc{color:#f5f5f5bf;white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.7}.detail-vetting{background:#f59e0b0d;border:1px solid #f59e0b26;border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem 1rem;display:flex}.detail-vetting-label{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.detail-vetting-text{color:#f5f5f5a6;font-size:.84rem;line-height:1.5}.detail-cta{text-align:center}.detail-join-btn{background:var(--accent);color:#000;font-size:1rem;font-weight:700;font-family:var(--sans);border-radius:10px;align-items:center;padding:.85rem 2.5rem;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.detail-join-btn:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b4d}.detail-meta{align-items:center;gap:1rem;display:flex}.detail-active-badge{color:#22c55e;font-size:.75rem}.detail-inactive-badge,.detail-last-verified{color:var(--muted);font-size:.75rem}.browse-cta-link{color:var(--muted);border:1px solid #f5f5f51f;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.78rem;text-decoration:none;transition:all .2s;display:inline-flex}.browse-cta-link:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:640px){.browse-header{padding:.8rem 1rem}.browse-hero{padding:2rem 1rem 1rem}.browse-filters{padding:0 1rem}.browse-main{padding:1rem}.browse-grid{grid-template-columns:1fr}.detail-card{padding:1.2rem}.detail-header{flex-direction:column}.detail-stats{gap:1rem}}