.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:var(--bottom-bar-height);background:#faf6f1eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-light);display:flex;align-items:flex-start;justify-content:space-around;padding-top:8px;padding-bottom:var(--safe-bottom);z-index:200}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s var(--ease-out-quart)}.bottom-nav-tab:active{transform:scale(.92)}.bottom-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.bottom-nav-label{font-size:.5625rem;font-weight:500;color:var(--text-tertiary);letter-spacing:.02em;opacity:0;max-height:0;overflow:hidden;transition:opacity .2s var(--ease-out-quart),max-height .2s var(--ease-out-quart),color .2s}.bottom-nav-tab.active .bottom-nav-label{color:var(--accent);font-weight:600;opacity:1;max-height:20px}.bottom-nav-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:var(--accent);color:#fff;font-size:.5625rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}@media(min-width:1024px){.bottom-nav{display:none}}.side-nav{position:fixed;top:0;left:0;width:var(--sidebar-width, 240px);height:100dvh;background:var(--white);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:200;padding:0}.side-nav-logo{padding:28px 24px 24px}.side-nav-logo h1{font-family:var(--font-display);font-size:1.75rem;letter-spacing:-.02em;color:var(--text-primary)}.side-nav-logo .logo-dot{color:var(--accent)}.side-nav-tabs{display:flex;flex-direction:column;gap:2px;padding:0 12px}.side-nav-tab{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;transition:all .2s var(--ease-out-quart);width:100%;text-align:left}.side-nav-tab:hover{background:var(--cream)}.side-nav-tab.active{background:var(--accent-light)}.side-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.side-nav-label{font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:color .2s}.side-nav-tab.active .side-nav-label{color:var(--accent);font-weight:600}.side-nav-user{display:flex;align-items:center;gap:10px;margin:auto 12px 12px;padding:10px 12px;border-radius:12px;border-top:1px solid var(--border-light);cursor:pointer;transition:background .2s var(--ease-out-quart);text-align:left}.side-nav-user:hover{background:var(--cream)}.side-nav-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#a0c4e8,#74a5d4);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:#ffffffd9;flex-shrink:0}.side-nav-user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.side-nav-user-info{flex:1;min-width:0}.side-nav-user-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-user-role{display:block;font-size:.6875rem;color:var(--text-tertiary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-user-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.side-nav-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:var(--accent);color:#fff;font-size:.5625rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.toast{position:fixed;bottom:calc(var(--bottom-bar-height) + var(--safe-bottom) + 20px);left:50%;transform:translate(-50%) translateY(12px);background:var(--deep);color:#fff;padding:11px 20px;border-radius:100px;font-size:.875rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;max-width:calc(100vw - 48px);text-align:center;opacity:0;pointer-events:none;z-index:9999;transition:opacity .22s ease,transform .28s var(--ease-out-expo)}.toast.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:1024px){.toast{bottom:32px;left:calc(var(--sidebar-width, 240px) + 32px);transform:translateY(12px)}.toast.toast-visible{transform:translateY(0)}}.error-boundary{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--cream);z-index:100}.error-boundary-card{width:100%;max-width:380px;text-align:center;animation:fadeInUp .5s var(--ease-out-expo) both}.error-boundary-icon{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;background:var(--accent-light);color:var(--accent);font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:56px}.error-boundary-heading{font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:8px}.error-boundary-message{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin-bottom:28px}.error-boundary-button{width:100%;padding:14px;border-radius:12px;border:none;font-size:.9375rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:var(--accent);color:#fff;transition:all .2s var(--ease-out-quart)}.error-boundary-button:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow)}.error-boundary-button:active{transform:scale(.98)}@media(min-width:1024px){.error-boundary-card{padding:40px;background:var(--white);border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 32px #0000000f;max-width:420px}}:root{--cream: #FAF6F1;--cream-dark: #F0EAE1;--white: #FFFFFF;--text-primary: #1A1715;--text-secondary: #6B6560;--text-tertiary: #9C9590;--accent: #B8533E;--accent-hover: #9E4433;--accent-light: #F3DDD8;--accent-glow: rgba(184, 83, 62, .15);--deep: #1A1715;--deep-softer: #2A2622;--border: #E8E2DA;--border-light: #F0EAE1;--green: #4A7A5B;--green-light: #E0EDDF;--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "Outfit", "Helvetica Neue", sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 64px;--bottom-bar-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background:var(--cream);line-height:1.6;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#root{max-width:430px;margin:0 auto;min-height:100dvh;position:relative;background:var(--cream);overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font-family:inherit;border:none;outline:none;background:none}h1,h2,h3{font-family:var(--font-body);font-weight:600;line-height:1.2}::selection{background:var(--accent-light);color:var(--text-primary)}.overline{font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.page{padding-top:var(--nav-height);padding-bottom:calc(var(--bottom-bar-height) + var(--safe-bottom) + 8px);min-height:100dvh}.page-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:100;padding:calc(var(--safe-top) + 12px) 20px 12px;background:#faf6f1e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}.page-header h1{font-family:var(--font-display);font-size:1.75rem;letter-spacing:-.02em}.page-header .logo-dot{color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s var(--ease-out-expo) both}.fade-in-delay-1{animation-delay:.05s}.fade-in-delay-2{animation-delay:.1s}.fade-in-delay-3{animation-delay:.15s}.fade-in-delay-4{animation-delay:.2s}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}@media(min-width:1024px){:root{--sidebar-width: 240px}#root{max-width:none;display:flex;overflow:visible}.page{margin-left:var(--sidebar-width);padding-bottom:24px;flex:1;min-width:0}.page-header{left:var(--sidebar-width);transform:none;max-width:none;width:calc(100% - var(--sidebar-width))}::-webkit-scrollbar{display:block;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{-ms-overflow-style:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--border-light, #eee) 25%,#e0dcd6 37%,var(--border-light, #eee) 63%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:8px}.skeleton-circle{border-radius:50%}.skeleton-pill{border-radius:100px}.skeleton-text{height:12px;border-radius:6px;margin-bottom:8px}.skeleton-text:last-child{margin-bottom:0}.discover-skeleton-card{width:100%;background:var(--white);border:1px solid var(--border);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.discover-skeleton-card .skeleton-avatar{width:80px;height:80px}.discover-skeleton-card .skeleton-name{width:120px;height:20px}.discover-skeleton-card .skeleton-tagline{width:180px;height:12px}.discover-skeleton-pills{width:100%;display:flex;flex-direction:column;gap:5px}.discover-skeleton-pills .skeleton{height:36px;border-radius:10px}.discover-skeleton-actions{width:100%;display:flex;gap:10px;padding-top:12px;border-top:1px solid var(--border);margin-top:4px}.discover-skeleton-actions .skeleton{height:48px;border-radius:12px}.discover-skeleton-actions .skeleton:first-child{flex:1}.discover-skeleton-actions .skeleton:last-child{flex:2}.search-skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.search-skeleton-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden}.search-skeleton-card .skeleton-photo{width:100%;aspect-ratio:3 / 4;border-radius:0}.search-skeleton-card .skeleton-info{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.search-skeleton-card .skeleton-info .skeleton-text:nth-child(1){width:70%;height:14px}.search-skeleton-card .skeleton-info .skeleton-text:nth-child(2){width:90%}.search-skeleton-card .skeleton-info .skeleton-text:nth-child(3){width:50%}.conn-skeleton-list{display:flex;flex-direction:column;gap:10px}.conn-skeleton-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.conn-skeleton-top{display:flex;align-items:center;gap:12px}.conn-skeleton-top .skeleton-avatar{width:48px;height:48px;border-radius:12px;flex-shrink:0}.conn-skeleton-identity{flex:1;display:flex;flex-direction:column;gap:6px}.conn-skeleton-identity .skeleton-text:nth-child(1){width:60%;height:14px}.conn-skeleton-identity .skeleton-text:nth-child(2){width:80%}.conn-skeleton-actions{display:flex;gap:8px}.conn-skeleton-actions .skeleton{flex:1;height:36px;border-radius:10px}.profile-skeleton{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px}.profile-skeleton .skeleton-avatar{width:96px;height:96px}.profile-skeleton .skeleton-name{width:160px;height:22px}.profile-skeleton .skeleton-tagline{width:200px;height:12px}.profile-skeleton-stats{display:flex;gap:24px;margin-top:8px}.profile-skeleton-stats .skeleton{width:60px;height:40px;border-radius:10px}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite;vertical-align:middle}.search-result-connect .btn-spinner,.semantic-result-connect .btn-spinner{border-color:#0000001a;border-top-color:var(--accent)}.search-result-connect.sent,.semantic-result-connect.sent{color:var(--green);pointer-events:none}.search-result-connect.sent svg,.semantic-result-connect.sent svg{stroke:var(--green)}.conn-suggestion-btn.sent,.conn-btn.accept.sent{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important;pointer-events:none}.search-result-connect.sending,.semantic-result-connect.sending,.conn-suggestion-btn.sending,.conn-btn.accept.sending{pointer-events:none;opacity:.7}