@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-black:#000;--bg-primary:#0a0a0a;--bg-secondary:#0d0d0d;--bg-card:#111;--bg-elevated:#161616;--bg-input:#1a1a1a;--accent:#bfff00;--accent-dim:#bfff001f;--accent-faint:#bfff0008;--violet:#a78bfa;--blue:#5b9cf6;--pink:#f36;--status-talking:#5b9cf6;--status-dated:#a78bfa;--status-seeing:#bfff00;--status-not-interested:#666;--status-archived:#3a3a3a;--text-primary:#f0f0f0;--text-secondary:#8b8b8b;--text-tertiary:#666;--text-muted:#4a4a4a;--text-ghost:#3a3a3a;--border-subtle:#ffffff0d;--border-light:#ffffff14;--border-accent:#bfff0038;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:14px;--space-lg:20px;--space-xl:28px;--space-2xl:40px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:0;display:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.micro-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-ghost);font-size:10px;font-weight:600}.stat-number{font-family:var(--font-mono);letter-spacing:-.05em;font-weight:700;line-height:1}.heading-lg{letter-spacing:-.04em;font-size:32px;font-weight:700;line-height:1.1}.heading-md{letter-spacing:-.03em;font-size:22px;font-weight:700;line-height:1.2}.body-sm{color:var(--text-secondary);font-size:13px;line-height:1.5}.card{background:var(--bg-card);border:1px solid var(--border-subtle)}.status-chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:4px 10px;font-size:9px;font-weight:600;display:inline-flex}.status-chip[data-status=talking]{color:var(--status-talking);background:#5b9cf61f}.status-chip[data-status=dated]{color:var(--status-dated);background:#a78bfa1f}.status-chip[data-status=seeing_regularly]{color:var(--status-seeing);background:#bfff001f}.status-chip[data-status=not_interested]{color:var(--status-not-interested);background:#6666661f}.status-chip[data-status=archived]{color:var(--status-archived);background:#3a3a3a1f}.vibe-tag{font-family:var(--font-mono);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;background:0 0;padding:6px 14px;font-size:11px;font-weight:500}.vibe-tag.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.vibe-tag:active{transform:scale(.96)}.star{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;font-size:24px}.star:active{transform:scale(1.3)}.star.lit{color:var(--accent)}.star.empty{color:#1e1e1e}.btn-primary{font-family:var(--font-display);background:var(--accent);color:var(--bg-black);cursor:pointer;letter-spacing:-.01em;transition:all var(--duration-fast) var(--ease-out);border:none;padding:14px 28px;font-size:14px;font-weight:600}.btn-primary:active{opacity:.9;transform:scale(.97)}.btn-secondary{font-family:var(--font-display);color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;padding:14px 28px;font-size:14px;font-weight:600}.btn-secondary:active{background:var(--bg-elevated)}.avatar{letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.bottom-nav{background:var(--bg-primary);border-top:1px solid var(--border-subtle);height:80px;padding-bottom:env(safe-area-inset-bottom,0);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;opacity:.4;transition:opacity var(--duration-fast);flex-direction:column;align-items:center;gap:4px;padding:8px 16px;display:flex}.nav-item.active{opacity:1}.nav-item .nav-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);font-size:9px;font-weight:600}.nav-item.active .nav-label{color:var(--accent)}.fab{background:var(--accent);cursor:pointer;z-index:90;width:56px;height:56px;transition:transform var(--duration-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:96px;right:20px;box-shadow:0 4px 24px #bfff0040}.fab:active{transform:scale(.92)}.fab-menu{z-index:89;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:164px;right:20px}.fab-option{animation:fabIn var(--duration-normal) var(--ease-out) both;justify-content:flex-end;align-items:center;gap:10px;display:flex}.fab-option-label{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-card);white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;font-size:11px;font-weight:600}.fab-option-icon{background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.screen-enter{animation:fadeUp var(--duration-normal) var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fabIn{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.overlay-backdrop{z-index:200;animation:fadeIn var(--duration-fast) ease-out;background:#000c;position:fixed;inset:0}.overlay-panel{background:var(--bg-primary);z-index:201;animation:slideUp var(--duration-normal) var(--ease-out);position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.input-field{font-family:var(--font-display);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);width:100%;transition:border-color var(--duration-fast);outline:none;padding:14px 16px;font-size:15px}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:var(--text-muted)}.search-bar{font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);letter-spacing:.02em;outline:none;width:100%;padding:12px 16px 12px 40px;font-size:12px}.search-bar:focus{border-color:var(--border-light)}.search-bar::placeholder{color:var(--text-ghost)}