:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{color:#fafafa;background:#09090b;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at top,#7c3aed29,#0000 35%),#09090b;justify-content:center;align-items:flex-start;min-height:100vh;padding:24px;display:flex}.login-card{background:#111113;border:1px solid #27272a;border-radius:20px;width:100%;max-width:430px;margin:auto 0;padding:40px;box-shadow:0 25px 60px #00000073}.brand{justify-content:center;align-items:center;gap:10px;margin-bottom:38px;display:flex}.brand-icon{color:#fff;background:#7c3aed;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.brand h1{letter-spacing:-.7px;margin:0;font-size:25px;font-weight:700}.brand h1 span{color:#8b5cf6}.login-heading{margin-bottom:30px}.login-heading h2{letter-spacing:-.8px;margin:0 0 8px;font-size:28px}.login-heading p{color:#a1a1aa;margin:0;font-size:14px;line-height:1.6}.form-group{margin-bottom:22px}.form-group label{color:#e4e4e7;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{color:#fafafa;background:#18181b;border:1px solid #27272a;border-radius:9px;outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#71717a}.form-group input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.password-label{justify-content:space-between;align-items:center;display:flex}.password-label label{margin-bottom:8px}.forgot-password{color:#8b5cf6;background:0 0;border:none;padding:0;font-size:13px}.forgot-password:hover{color:#a78bfa}.password-input{position:relative}.password-input input{padding-right:48px}.password-toggle{color:#71717a;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#d4d4d8}.remember-row{margin:-4px 0 22px}.remember{color:#a1a1aa;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.remember input{accent-color:#7c3aed;cursor:pointer;width:15px;height:15px}.login-button{color:#fff;background:#7c3aed;border:none;border-radius:9px;width:100%;height:48px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.login-button:hover{background:#6d28d9}.login-button:active{transform:scale(.99)}.signup-text{text-align:center;color:#71717a;margin-top:26px;font-size:14px}.signup-text button{color:#8b5cf6;background:0 0;border:none;margin-left:5px;padding:0;font-weight:500}.signup-text button:hover{color:#a78bfa}@media (width<=480px){.login-page{padding:16px}.login-card{padding:28px 22px}.login-heading h2{font-size:25px}}.signup-card{max-width:480px}.name-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.terms{color:#a1a1aa;cursor:pointer;align-items:flex-start;gap:9px;margin:-2px 0 22px;font-size:13px;line-height:1.5;display:flex}.terms input{accent-color:#7c3aed;cursor:pointer;width:15px;height:15px;margin-top:2px}.terms a{color:#8b5cf6;font-size:inherit;padding:0;text-decoration:none}.terms a:hover{color:#a78bfa;text-decoration:underline}@media (width<=480px){.name-row{grid-template-columns:1fr;gap:0}}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #eee;width:100%;height:72px;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{letter-spacing:-1px;color:#111827;font-size:25px;font-weight:800;text-decoration:none}.navbar-logo span{color:#e94057}.navbar-link{color:#666;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.navbar-link:hover{color:#e94057}.navbar-link.active{color:#7047dc}.navbar-menu-button{color:#494253;font:inherit;cursor:pointer;background:#fff;border:1px solid #ece9f0;border-radius:10px;align-items:center;gap:8px;margin-left:26px;margin-right:auto;padding:9px 12px;font-size:13px;font-weight:650;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.navbar-menu-button:hover{color:#7047dc;background:#faf8fd;border-color:#d8c8eb}.navbar-menu-button:focus-visible,.navigation-drawer-close:focus-visible,.navigation-drawer-link:focus-visible{outline-offset:3px;outline:2px solid #9662d5}.navigation-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#130f1b6e;justify-content:flex-start;animation:.18s ease-out nav-overlay-in;display:flex;position:fixed;inset:0}.navigation-drawer{background:#fff;border-right:1px solid #eee9f3;flex-direction:column;width:min(370px,100vw - 28px);height:100%;padding:26px 22px;animation:.22s ease-out nav-drawer-in;display:flex;box-shadow:18px 0 55px #1c14262e}.navigation-drawer-header{border-bottom:1px solid #f0edf3;justify-content:space-between;align-items:flex-start;padding:8px 3px 24px;display:flex}.navigation-drawer-kicker{color:#8d6ab3;letter-spacing:.13em;font-size:10px;font-weight:800}.navigation-drawer-header h2{color:#211a2b;letter-spacing:-.6px;margin:6px 0 0;font-size:26px;font-weight:750}.navigation-drawer-close{color:#5d5665;cursor:pointer;background:#fff;border:1px solid #eee9f3;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.navigation-drawer-close:hover{color:#7047dc;background:#faf8fd}.navigation-drawer-links{gap:7px;padding-top:20px;display:grid}.navigation-drawer-link{color:#706978;border:1px solid #0000;border-radius:13px;align-items:center;gap:14px;padding:13px 12px;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:flex}.navigation-drawer-link>svg{color:#927ba9;flex:none}.navigation-drawer-link>span{gap:3px;display:grid}.navigation-drawer-link strong{color:#312a3a;font-size:14px;font-weight:700}.navigation-drawer-link small{color:#898391;font-size:11px}.navigation-drawer-link:hover,.navigation-drawer-link.active{background:#f8f4fc;border-color:#ede4f6}.navigation-drawer-link.active>svg,.navigation-drawer-link.active strong{color:#7047dc}.navigation-drawer-footer{color:#928a99;border-top:1px solid #f0edf3;margin-top:auto;padding:17px 13px 4px;font-size:12px}@keyframes nav-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes nav-drawer-in{0%{opacity:.7;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.navbar-right{align-items:center;gap:18px;display:flex}.profile-button{color:#333;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.navbar-avatar{color:#fff;background:linear-gradient(135deg,#ff6b81,#e94057);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.logout-button{color:#e94057;cursor:pointer;background:#fff0f2;border:none;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .2s}.logout-button:hover{color:#fff;background:#e94057}@media (width<=700px){.navbar-container{padding:0 16px}.navbar-logo{font-size:21px}.navbar-menu-button{margin-left:14px;padding:8px 10px}.profile-button span{display:none}.logout-button{padding:8px 11px}}@media (width<=480px){.navbar{height:64px}.navbar-container{padding:0 11px}.navbar-menu-button{gap:0;margin-left:8px;padding:8px}.navbar-right{gap:6px}.navbar-right>.navbar-link{font-size:11px}.navbar-menu-button span{display:none}.navbar-logo{font-size:19px}.logout-button{padding:7px 9px;font-size:12px}.navbar-avatar{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.navigation-overlay,.navigation-drawer{animation:none}.navbar-menu-button,.navigation-drawer-link{transition:none}}*{box-sizing:border-box}.feed-page{color:#211b31;background:radial-gradient(at 50% 0,#7c3aed17,#0000 38%),#f7f7fb;min-height:100vh}.feed-header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:72px;padding:0 6%;display:flex}.logo{letter-spacing:-1px;color:#111827;font-size:25px;font-weight:800}.logo span{color:#e94057}.header-actions{align-items:center;gap:18px;display:flex}.icon-button{cursor:pointer;background:#f5f5f7;border:none;border-radius:50%;width:42px;height:42px;font-size:18px}.user-avatar{color:#fff;background:linear-gradient(135deg,#ff6b81,#e94057);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.feed-container{width:100%;max-width:860px;margin:0 auto;padding:24px 20px 32px}.feed-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.feed-title-note{color:#6d51ad;background:#fffc;border:1px solid #e9e2f6;border-radius:12px;align-items:center;gap:8px;max-width:225px;padding:10px 13px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.feed-title h1{letter-spacing:-.7px;margin:0;font-size:27px}.feed-title p{color:#777;margin:7px 0 0;font-size:14px}.filter-button{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:10px 15px;font-weight:600}.feed-state-card{text-align:center;background:radial-gradient(circle at 50% 0,#7c3aed17,#0000 46%),#fff;border:1px solid #eee8f8;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:48px 34px;display:flex;box-shadow:0 15px 40px #31235014}.feed-state-icon{color:#7147cc;background:#f4efff;border:1px solid #e8defb;border-radius:22px;place-items:center;width:66px;height:66px;margin-bottom:20px;display:grid}.feed-state-icon.error-icon{color:#d64b41;background:#fff2f0;border-color:#ffe0dc}.feed-state-card h2{color:#211b31;letter-spacing:-.5px;margin:0;font-size:23px}.feed-state-card p{color:#777386;max-width:360px;margin:10px 0 0;font-size:14px;line-height:1.65}.feed-retry-button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#7047dc;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:0 17px;font-size:14px;font-weight:650;transition:transform .16s,background .16s;display:inline-flex;box-shadow:0 5px 14px #5f38be33}.feed-retry-button:hover{background:#6037ce;transform:translateY(-1px)}.feed-loading{gap:12px}.feed-loading .feed-state-icon{margin-bottom:8px}.feed-skeleton{background:linear-gradient(90deg,#eeeaf5 20%,#f8f6fb 45%,#eeeaf5 70%) 0 0/200% 100%;border-radius:999px;height:13px;animation:1.4s ease-in-out infinite feed-shimmer}.feed-skeleton-title{width:min(250px,75%);height:19px}.feed-skeleton-copy{width:min(320px,85%)}.feed-skeleton-copy.short{width:min(210px,60%)}.feed-loading p{margin-top:8px}@keyframes feed-shimmer{to{background-position:-200% 0}}.feed-profile-card.card-like{opacity:0;transform:translate(80px)rotate(4deg)}.feed-profile-card.card-pass{opacity:0;transform:translate(-80px)rotate(-4deg)}.feed-progress-row{color:#807a90;letter-spacing:.11em;justify-content:space-between;margin:0 3px 9px;padding-bottom:8px;font-size:10px;font-weight:750;display:flex;position:relative}.feed-progress-row>span:nth-child(2){letter-spacing:.03em}.feed-progress-row i{color:#b7b2c3;padding:0 3px;font-style:normal}.feed-progress-track{background:#e9e5ef;border-radius:999px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.feed-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#8059d7,#c09aef);height:100%;transition:width .25s;display:block}.feed-profile-card{background:#fff;border:1px solid #ece8f3;border-radius:25px;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:stretch;transition:transform .35s,opacity .35s;display:grid;overflow:hidden;box-shadow:0 20px 55px #26194a1a,0 3px 10px #26194a0a}.feed-profile-hero{background:radial-gradient(circle at 22% 25%,#ffffff40,#0000 19%),radial-gradient(circle at 78% 82%,#ffffff2b,#0000 26%),linear-gradient(130deg,#5437b7,#8761dc 58%,#b59ae9);place-items:center;min-height:490px;display:grid;position:relative;overflow:hidden}.feed-profile-hero:before,.feed-profile-hero:after{content:"";pointer-events:none;border:1px solid #ffffff2e;border-radius:50%;position:absolute}.feed-profile-hero:before{width:330px;height:330px;transform:translate(160px,110px)}.feed-profile-hero:after{width:230px;height:230px;transform:translate(-185px,-125px)}.feed-profile-hero.has-photo{height:auto;min-height:490px}.feed-profile-hero.has-photo:before,.feed-profile-hero.has-photo:after{z-index:1;border-color:#ffffff47}.feed-profile-hero.has-photo:after{background:linear-gradient(#140d2333,#0000 36%,#140d2329);border:0;border-radius:0;width:auto;height:auto;inset:0;transform:none}.feed-profile-image{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}.feed-avatar-placeholder{color:#fff;text-shadow:0 3px 18px #2314503b;flex-direction:column;justify-content:center;align-items:center;display:flex}.feed-avatar-placeholder span{letter-spacing:-.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffff40,#ffffff14);border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:132px;height:132px;font-size:46px;font-weight:750;display:grid}.feed-avatar-placeholder small{letter-spacing:.04em;margin-top:12px;font-size:12px;font-weight:600}.feed-profile-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#1f143978;border:1px solid #ffffff42;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:650;display:inline-flex;position:absolute;top:16px;left:16px}.feed-profile-content{flex-direction:column;padding:22px 26px 19px;display:flex}.feed-profile-name-row h2{color:#211b31;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(25px,4vw,31px)}.feed-profile-name-row h2 span{color:#777386;font-weight:500}.feed-role{color:#7047c9;margin:6px 0 0;font-size:14px;font-weight:650}.feed-profile-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.feed-profile-meta span{color:#625d71;text-transform:capitalize;background:#faf9fc;border:1px solid #ece8f3;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.feed-about-section,.feed-skills-section{margin-top:15px}.feed-about-section h3,.feed-skills-section h3{color:#393449;letter-spacing:.01em;margin:0 0 8px;font-size:13px;font-weight:750}.feed-about{color:#6e6a7c;margin:0;font-size:13px;line-height:1.55}.feed-skills{flex-wrap:wrap;gap:8px;display:flex}.feed-skills span{color:#6744b7;overflow-wrap:anywhere;background:#f5f1fc;border:1px solid #e7def8;border-radius:999px;max-width:100%;padding:7px 11px;font-size:12px;font-weight:650}.feed-no-skills{color:#9290a0;margin:0;font-size:13px}.feed-actions-wrap{text-align:center;border-top:1px solid #efedf3;margin-top:auto;padding-top:13px}.feed-actions-wrap>p:first-child{color:#777386;margin:0;font-size:13px}.feed-card-actions{justify-content:center;align-items:center;gap:17px;margin-top:9px;display:flex}.feed-action-button{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 5px 16px #26194a1a}.feed-action-button:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #26194a29}.feed-action-button.pass{color:#d94f68;border-color:#f5dbe0}.feed-action-button.super{color:#4978d1;border-color:#dce6fa;width:40px;height:40px}.feed-action-button.like{color:#36a46c;border-color:#d8eee2}.feed-action-hint{color:#9692a3;margin:12px 0 0;font-size:11px}.feed-action-hint span{color:#c1bdcb;padding:0 5px}.swipe-hint{text-align:center;color:#999;margin-top:18px;font-size:12px}@media (width<=700px){.feed-header{padding:0 20px}.feed-container{padding:20px 15px 28px}.feed-title h1{font-size:22px}.feed-title-note{display:none}.feed-profile-card{grid-template-columns:1fr}.feed-profile-hero{min-height:155px}.feed-profile-hero.has-photo{height:180px;min-height:180px}.feed-profile-content{padding:17px 18px 16px}.feed-profile-badge{top:12px;left:12px}.feed-profile-name-row h2{font-size:23px}.feed-about-section,.feed-skills-section{margin-top:12px}.feed-about{font-size:12px;line-height:1.45}.feed-skills{gap:6px}.feed-skills span{padding:5px 8px;font-size:10px}.feed-actions-wrap{padding-top:10px}.feed-action-button{width:40px;height:40px}.feed-action-button.super{width:35px;height:35px}.feed-profile-hero:before{transform:translate(110px,100px)}.feed-profile-hero:after{transform:translate(-125px,-100px)}.feed-state-card{min-height:340px;padding:36px 24px}.feed-state-card h2{font-size:21px}}@media (height<=760px) and (width>=701px){.feed-container{padding-top:12px;padding-bottom:16px}.feed-profile-hero,.feed-profile-hero.has-photo{min-height:420px}.feed-profile-content{padding-top:17px;padding-bottom:15px}}.profile-page{background:radial-gradient(at 50% 0,#7c3aed1a,#0000 42%),#f7f7fb;min-height:100vh;padding:48px 20px 72px}.profile-container{width:min(100%,820px);margin:0 auto}.profile-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.profile-header h1{color:#19152a;letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,34px)}.profile-header p{color:#777487;margin:7px 0 0}.edit-profile-btn,.cancel-btn,.save-btn{min-height:44px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:14px;font-weight:650;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.edit-profile-btn,.save-btn{color:#fff;background:#7047dc;border:1px solid #6d45d8;box-shadow:0 5px 13px #5f38be2e}.edit-profile-btn:hover,.save-btn:hover:not(:disabled){background:#6037ce;transform:translateY(-1px);box-shadow:0 8px 18px #5f38be3d}.profile-card{background:#fff;border:1px solid #e9e6f1;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px #281d4d14,0 2px 8px #281d4d08}.profile-cover{background:radial-gradient(circle at 80% 20%,#ffffff47,#0000 24%),radial-gradient(circle at 20% 110%,#fff3,#0000 34%),linear-gradient(115deg,#5135b9 0%,#7954df 52%,#a17deb 100%);height:150px}.profile-info{border-bottom:1px solid #eeecf3;align-items:flex-end;gap:22px;min-height:122px;margin:-66px 38px 0;padding-bottom:27px;display:flex}.profile-image{object-fit:cover;background:#ede9f8;border:5px solid #fff;border-radius:50%;flex:0 0 132px;width:132px;height:132px;box-shadow:0 5px 18px #23194333}.profile-name-section{min-width:0;padding-bottom:5px}.profile-name-section h2{color:#201b31;letter-spacing:-.035em;margin:0 0 7px;font-size:clamp(23px,3vw,29px)}.profile-email,.profile-personal-details{color:#777487;font-size:14px}.profile-email{overflow-wrap:anywhere;margin:0}.profile-personal-details{color:#6042b0;margin:10px 0 0;font-weight:600}.profile-details{padding:4px 38px 20px}.detail-section{border-bottom:1px solid #eeecf3;padding:23px 0}.detail-section:last-child{border-bottom:0}.detail-section h3{color:#272238;margin:0 0 10px;font-size:15px;font-weight:700}.detail-section p{color:#747184;margin:0;line-height:1.75}.skills-container{flex-wrap:wrap;gap:9px;display:flex}.skill-tag{color:#6542be;background:#f5f1ff;border:1px solid #e6def9;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:650}.empty-text{color:#9995a7!important}.edit-form{padding:30px 38px 36px}.edit-form-heading{margin-bottom:24px}.edit-form-heading h3{color:#272238;letter-spacing:-.02em;margin:0;font-size:19px}.edit-form-heading p{color:#858194;margin:6px 0 0;font-size:14px;line-height:1.5}.edit-form .form-group{flex-direction:column;margin:0 0 19px;display:flex}.edit-form .form-group label{color:#484458;margin-bottom:8px;font-size:13px;font-weight:650}.edit-form .form-group input,.edit-form .form-group textarea{color:#282438;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #dfdce8;border-radius:10px;outline:none;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.edit-form .form-group input:focus,.edit-form .form-group textarea:focus{border-color:#805de0;box-shadow:0 0 0 3px #805de024}.edit-form .form-group textarea{resize:vertical;min-height:120px}.edit-form .form-group small{color:#918da0;margin-top:7px;font-size:12px}.profile-error{color:#b42318;margin:2px 0 16px;font-size:14px}.form-actions{border-top:1px solid #eeecf3;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.cancel-btn{color:#5b576b;background:#fff;border:1px solid #dedbe7}.cancel-btn:hover:not(:disabled){background:#faf9fc;border-color:#c7c1d5}.save-btn:disabled,.cancel-btn:disabled{cursor:wait;opacity:.65}@media (width<=600px){.profile-page{padding:28px 14px 48px}.profile-header{align-items:flex-start}.profile-header p{max-width:220px;line-height:1.45}.edit-profile-btn{white-space:nowrap;min-height:40px;padding:0 12px}.profile-card{border-radius:18px}.profile-cover{height:118px}.profile-info{align-items:center;gap:15px;margin:-48px 20px 0;padding-bottom:22px}.profile-image{flex-basis:96px;width:96px;height:96px}.profile-name-section h2{font-size:21px}.profile-email,.profile-personal-details{font-size:12px}.profile-details,.edit-form{padding-left:20px;padding-right:20px}.edit-form{padding-top:25px;padding-bottom:25px}.form-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}@media (width<=380px){.profile-header{flex-direction:column}.profile-info{flex-direction:column;align-items:flex-start}}.relationship-page{color:#211b31;width:min(100% - 40px,960px);min-height:calc(100vh - 72px);margin:0 auto;padding:48px 0 72px}.relationship-heading{align-items:center;gap:17px;margin-bottom:29px;display:flex}.relationship-heading-icon,.relationship-empty-icon{color:#7047d7;background:#f4efff;border:1px solid #e8defb;border-radius:18px;flex:none;place-items:center;width:58px;height:58px;display:grid}.relationship-eyebrow{color:#7857c5;letter-spacing:.12em;margin:0 0 4px;font-size:10px;font-weight:800}.relationship-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(27px,4vw,34px)}.relationship-subtitle{color:#777386;margin:5px 0 0;font-size:14px}.relationship-state{text-align:center;background:radial-gradient(circle at 50% 0,#7c3aed14,#0000 50%),#fff;border:1px solid #eee8f5;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:42px 28px;display:flex;box-shadow:0 14px 40px #3123500f}.relationship-state h2{letter-spacing:-.035em;margin:18px 0 0;font-size:22px}.relationship-state p{color:#777386;max-width:410px;margin:9px 0 0;font-size:14px;line-height:1.65}.relationship-empty-icon{border-radius:22px;width:68px;height:68px}.relationship-primary,.relationship-retry{color:#fff;min-height:43px;font:inherit;cursor:pointer;background:#7047dc;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.relationship-primary:hover,.relationship-retry:hover{background:#6037ce;transform:translateY(-1px)}.relationship-spinner{border:3px solid #e9e2f7;border-top-color:#7047dc;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite relationship-spin}@keyframes relationship-spin{to{transform:rotate(360deg)}}.relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.relationship-person{background:#fff;border:1px solid #ece9f2;border-radius:17px;align-items:center;gap:14px;min-width:0;padding:17px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 7px 22px #3123500b}.relationship-person:hover{transform:translateY(-2px);box-shadow:0 12px 26px #31235017}.relationship-avatar{object-fit:cover;background:#eee9f8;border-radius:50%;flex:0 0 54px;width:54px;height:54px}.relationship-avatar-fallback{color:#fff;background:linear-gradient(135deg,#8461df,#b9a4ed);place-items:center;font-size:20px;font-weight:700;display:grid}.relationship-person-info{flex:1;min-width:0}.relationship-person-info h2{color:#29243a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;overflow:hidden}.relationship-person-info h2 span{color:#817c8f;font-weight:500}.relationship-person-info p{color:#817c8f;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;overflow:hidden}.relationship-connected,.relationship-pending{color:#21834c;background:#eefaf3;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:700}.relationship-pending{color:#a46713;background:#fff6e8}.connection-card-actions{flex:none;align-items:center;gap:9px;display:flex}.connection-chat-button{color:#6946bb;background:#f8f5ff;border:1px solid #e3d8f3;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.connection-chat-button:hover{background:#f0eaff;border-color:#cbb8e8;transform:translateY(-1px)}.connection-chat-button:focus-visible{outline-offset:2px;outline:2px solid #8961cc}.relationship-person.request-person{grid-template-columns:54px minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.request-person .relationship-avatar{grid-area:1/1}.request-person .relationship-person-info{grid-area:1/2}.request-card-actions{flex-wrap:wrap;grid-area:2/2;gap:8px;margin-top:12px;display:flex}.view-request-profile{color:#6946bb;min-height:34px;font:inherit;cursor:pointer;background:#f8f5ff;border:1px solid #e4dcf3;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.view-request-profile:hover{background:#f0eaff;border-color:#cfc0eb}.request-action-button{min-height:34px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.accept-request{color:#24824a;background:#effaf3;border-color:#cdebd8}.accept-request:hover:not(:disabled){background:#e2f6e9;border-color:#a9dfbd}.reject-request{color:#bd435b;background:#fff5f6;border-color:#f3d9df}.reject-request:hover:not(:disabled){background:#ffeaee;border-color:#ebc0ca}.request-action-button:disabled{cursor:wait;opacity:.58}.request-action-error{color:#bd435b;grid-column:1/-1;margin:2px 0 0;font-size:12px}.request-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#19132794;place-items:center;padding:20px;animation:.16s ease-out request-backdrop-in;display:grid;position:fixed;inset:0}.request-profile-modal{background:#fff;border:1px solid #ffffffbf;border-radius:22px;width:min(100%,540px);max-height:min(86vh,760px);animation:.18s ease-out request-modal-in;position:relative;overflow:auto;box-shadow:0 28px 90px #140d2347}.request-modal-close{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#23183959;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:13px;right:13px}.request-modal-banner{background:radial-gradient(circle at 20% 20%,#ffffff3b,#0000 23%),radial-gradient(circle at 85% 95%,#fff3,#0000 28%),linear-gradient(120deg,#5336b8,#8a65dc 62%,#b8a0e8);height:145px}.request-modal-content{padding:0 30px 28px}.request-modal-avatar{color:#fff;object-fit:cover;background:#ede7fa;border:4px solid #fff;border-radius:50%;place-items:center;width:92px;height:92px;margin-top:-47px;margin-bottom:14px;font-size:31px;font-weight:700;display:grid;box-shadow:0 5px 17px #1f143929}.request-modal-content .relationship-eyebrow{margin-top:0}.request-modal-content>h2{color:#262037;letter-spacing:-.04em;margin:0;font-size:27px}.request-modal-content>h2 span{color:#817c8f;font-weight:500}.request-modal-gender{color:#7047c9;text-transform:capitalize;margin:6px 0 0;font-size:13px;font-weight:650}.request-profile-loading,.request-profile-fetch-error{color:#756a91;margin:10px 0 0;font-size:12px;line-height:1.5}.request-profile-fetch-error{color:#a46713}.request-modal-section{margin-top:22px}.request-modal-section h3{color:#383348;margin:0 0 8px;font-size:13px}.request-modal-section>p{color:#716d7f;white-space:pre-line;max-height:180px;margin:0;font-size:13px;line-height:1.7;overflow:auto}.request-modal-skills{flex-wrap:wrap;gap:7px;display:flex}.request-modal-skills span{color:#6744b7;background:#f5f1fc;border:1px solid #e7def8;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:650}.request-modal-error{color:#bd435b;margin:18px 0 0;font-size:13px}.request-modal-actions{border-top:1px solid #efedf3;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:18px;display:flex}@keyframes request-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes request-modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=650px){.relationship-page{width:min(100% - 28px,960px);padding-top:32px}.relationship-grid{grid-template-columns:1fr}.relationship-person{padding:14px}.relationship-person:not(.request-person){flex-wrap:wrap}.relationship-person:not(.request-person) .relationship-person-info{flex:calc(100% - 72px)}.connection-card-actions{justify-content:space-between;width:100%;padding-left:68px}.request-modal-content{padding-left:21px;padding-right:21px}.request-modal-actions{flex-direction:column-reverse}.request-modal-actions .request-action-button{width:100%}}@media (prefers-reduced-motion:reduce){.relationship-spinner{animation-duration:2s}.relationship-person,.relationship-primary,.relationship-retry,.view-request-profile,.connection-chat-button{transition:none}.request-modal-backdrop,.request-profile-modal{animation:none}}.site-info-page{color:#292433;text-align:left;background:radial-gradient(at 50% 0,#7c3aed17,#0000 42%),#f8f7fb;flex:1;width:100%;min-height:calc(100vh - 72px);padding:64px 24px 52px}.site-info-shell{width:100%;max-width:820px;margin:0 auto}.site-info-heading{margin:0 0 30px}.site-info-eyebrow{color:#7545cf;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.site-info-heading h1{color:#201a2c;letter-spacing:-1.8px;max-width:700px;margin:12px 0 13px;font-size:clamp(34px,6vw,52px);font-weight:750;line-height:1.08}.site-info-heading>p{color:#716b7c;max-width:680px;font-size:16px;line-height:1.7}.policy-card,.contact-details{background:#fff;border:1px solid #ece8f2;border-radius:20px;padding:8px 34px;box-shadow:0 16px 44px #3020440f}.policy-section{border-bottom:1px solid #f0edf3;padding:24px 0}.policy-section:last-child{border:0}.policy-section h2{color:#282231;letter-spacing:-.2px;margin:0 0 9px;font-size:17px;font-weight:700}.policy-section p{color:#716b7c;font-size:14px;line-height:1.8}.site-info-updated{color:#8a8492;margin:18px 0 22px;font-size:12px}.policy-links{flex-wrap:wrap;gap:10px 22px;display:flex}.policy-links a{color:#6441a5;font-size:13px;font-weight:650;text-decoration:none}.policy-links a:hover{text-decoration:underline}.contact-details{padding-top:25px;padding-bottom:25px}.merchant-notice{color:#71551d;background:#fffaf0;border:1px solid #f0d99e;border-radius:12px;gap:6px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.6;display:grid}.merchant-notice code{font-size:12px}.contact-item{color:#7848c7;border-bottom:1px solid #f0edf3;grid-template-columns:26px 1fr;gap:12px;padding:18px 0;display:grid}.contact-item:last-child{border:0}.contact-item div{gap:4px;display:grid}.contact-item span:not(.contact-placeholder){color:#817989;font-size:12px}.contact-item strong,.contact-item a{color:#322c3b;font-size:14px;font-weight:650;text-decoration:none}.contact-item a:hover{color:#7545cf;text-decoration:underline}.contact-placeholder{width:19px}.pricing-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.pricing-option{background:#fff;border:1px solid #ece8f2;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:142px;padding:19px 16px;display:flex;box-shadow:0 12px 30px #3020440b}.pricing-duration{color:#716b7c;font-size:13px;font-weight:650}.pricing-option strong{color:#241c31;letter-spacing:-.7px;font-size:25px;line-height:1.1}.pricing-access{color:#8a8492;font-size:12px}@media (width<=600px){.site-info-page{padding:40px 17px}.policy-card,.contact-details{padding-left:20px;padding-right:20px}.site-info-heading h1{letter-spacing:-1px}}@media (width<=850px){.pricing-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.pricing-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-option{min-height:128px}}.site-footer{background:#fff;border-top:1px solid #eceaf0;width:100%;margin-top:auto;padding:22px 24px}.site-footer-inner{color:#888290;justify-content:space-between;align-items:center;gap:18px;width:100%;max-width:1120px;margin:0 auto;font-size:12px;display:flex}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;display:flex}.site-footer a{color:#645d6e;text-decoration:none}.site-footer a:hover{color:#7047dc;text-decoration:underline}@media (width<=680px){.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer nav{justify-content:flex-start}}.membership-page{color:#f7f4fb;text-align:left;background:radial-gradient(at 50% -8%,#995bee47,#0000 44%),#100d17;flex:1;width:100%;padding:60px 24px 52px}.membership-shell{width:100%;max-width:1100px;margin:0 auto}.membership-heading{text-align:center;margin:0 auto 38px}.membership-eyebrow{color:#d2b4ff;letter-spacing:.16em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.membership-heading h1{color:#fff;letter-spacing:-2.7px;margin:17px 0 14px;font-size:clamp(38px,6vw,62px);font-weight:760;line-height:1.02}.membership-heading h1 span{color:#c8a2ff}.membership-heading>p{color:#aaa2b7;max-width:530px;margin:0 auto;font-size:15px;line-height:1.7}.membership-plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.membership-card{background:linear-gradient(155deg,#241e2ef7,#17131efa);border:1px solid #312a3c;border-radius:20px;flex-direction:column;min-width:0;padding:29px 26px 25px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 18px 50px #00000038}.membership-card:hover{border-color:#665080;transform:translateY(-3px)}.membership-card.is-featured{background:linear-gradient(155deg,#362549fc,#191322fc);border-color:#a977ec;box-shadow:0 18px 55px #874ccc29}.membership-card.is-selected{border-color:#d3b5ff;box-shadow:0 0 0 2px #c298ff38,0 18px 55px #874ccc33}.membership-popular{color:#1c1228;letter-spacing:.1em;background:#d0aaff;border-radius:0 0 9px 9px;padding:7px 11px;font-size:9px;font-weight:850;position:absolute;top:0;right:22px}.membership-plan-icon{color:#d1bcdf;background:#ffffff0b;border:1px solid #55485f;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.gold .membership-plan-icon{color:#f3d68a;background:#d0aa601a;border-color:#78613c}.platinum .membership-plan-icon{color:#c9c5ff;background:#918bff17;border-color:#5c5889}.membership-card h2{color:#fff;letter-spacing:-.6px;margin:18px 0 4px;font-size:25px;font-weight:720}.membership-plan-label{color:#aaa2b7;min-height:24px;font-size:12px}.membership-price{flex-direction:column;gap:3px;margin:25px 0 19px;display:flex}.membership-price strong{color:#fff;letter-spacing:-.45px;font-size:22px}.membership-price span{color:#948b9f;font-size:11px}.membership-select{color:#f6f1fb;width:100%;min-height:46px;font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #5a4b67;border-radius:11px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s;display:flex}.membership-select:hover{background:#a874dd2e;border-color:#c39bf2}.is-featured .membership-select{color:#21162f;background:#d1aaff;border-color:#c5a0ed}.is-featured .membership-select:hover{background:#dfc5ff}.membership-select:focus-visible{outline-offset:3px;outline:2px solid #e0c5ff}.membership-select:disabled{opacity:.72;cursor:wait}.membership-checking{color:#d7c9e9;justify-content:center;align-items:center;gap:12px;min-height:52vh;font-size:14px;display:flex}.membership-spinner,.membership-button-spinner{border:2px solid #ffffff47;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite membership-spin;display:inline-block}.membership-spinner{border-color:#d2b4ff #d2b4ff40 #d2b4ff40;width:20px;height:20px}@keyframes membership-spin{to{transform:rotate(360deg)}}.membership-active{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:650px;min-height:60vh;margin:0 auto;display:flex}.membership-active-icon{color:#d8baff;background:#b177f121;border:1px solid #cba5ff66;border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:22px;display:grid;box-shadow:0 0 50px #a463eb26}.membership-active h1{color:#fff;letter-spacing:-2.7px;margin:17px 0 14px;font-size:clamp(38px,6vw,62px);font-weight:760;line-height:1.02}.membership-active h1 span{color:#c8a2ff}.membership-active>p{color:#aaa2b7;max-width:500px;font-size:15px;line-height:1.7}.membership-active-benefits{text-align:left;background:#ffffff09;border:1px solid #342a40;border-radius:15px;gap:13px;margin:27px 0;padding:19px 24px;display:grid}.membership-active-benefits span{color:#ded5e9;align-items:center;gap:10px;font-size:13px;display:flex}.membership-active-benefits svg{color:#c69af4}.membership-back-link{color:#21162f;background:#d1aaff;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:13px;font-weight:750;text-decoration:none;transition:background .18s;display:inline-flex}.membership-back-link:hover{background:#dfc5ff}.membership-active .membership-feedback{color:#d7c9e9;margin-top:17px;font-size:13px}.membership-divider{background:#3b3345;height:1px;margin:23px 0 17px}.membership-includes{color:#92889d;letter-spacing:.14em;margin:0 0 13px;font-size:9px;font-weight:800}.membership-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.membership-card li{color:#d6d0dd;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;display:flex}.membership-card li svg{color:#c69af4;flex:none;margin-top:1px}.gold li svg{color:#e7c36e}.platinum li svg{color:#aaa5ff}.membership-status{color:#d7c9e9;text-align:center;min-height:22px;margin:25px 0 7px;font-size:13px}.membership-note{color:#81788b;text-align:center;font-size:11px}@media (width<=800px){.membership-page{padding:46px 18px 40px}.membership-plans{grid-template-columns:1fr;gap:14px;max-width:480px;margin:0 auto}.membership-card{padding:25px 23px}.membership-heading{margin-bottom:29px}}@media (prefers-reduced-motion:reduce){.membership-card,.membership-select{transition:none}.membership-card:hover{transform:none}}.chat-page{background:radial-gradient(at 50% 0,#7c3aed12,#0000 46%),#f8f7fb;flex:1;width:100%;min-height:calc(100vh - 72px);padding:30px 20px 44px}.chat-panel{background:#fff;border:1px solid #ebe7f1;border-radius:22px;flex-direction:column;width:100%;max-width:850px;height:min(690px,100vh - 150px);min-height:450px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 18px 50px #31235014}.chat-header{border-bottom:1px solid #f0edf4;align-items:center;gap:13px;min-height:83px;padding:14px 20px;display:flex}.chat-back{color:#625a6c;border:1px solid #eee9f3;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;text-decoration:none;transition:background .15s,color .15s;display:grid}.chat-back:hover{color:#7047dc;background:#f8f5fc}.chat-back:focus-visible,.chat-composer button:focus-visible{outline-offset:2px;outline:2px solid #8c65ce}.chat-avatar{object-fit:cover;border-radius:50%;flex:0 0 46px;width:46px;height:46px}.chat-avatar-fallback{color:#fff;background:linear-gradient(135deg,#8461df,#b9a4ed);place-items:center;font-size:18px;font-weight:700;display:grid}.chat-person-heading{min-width:0}.chat-person-heading h1{color:#282235;letter-spacing:-.25px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:750;overflow:hidden}.chat-person-heading p{color:#898392;align-items:center;gap:6px;margin:4px 0 0;font-size:11px;display:flex}.chat-status-dot{background:#54b778;border-radius:50%;width:7px;height:7px}.chat-private-note{color:#8a8292;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.chat-private-note svg{color:#8b68c7}.chat-history{background:radial-gradient(at 50% 0,#fcfaff,#fff 68%);flex-direction:column;flex:1;gap:13px;padding:24px;display:flex;overflow-y:auto}.chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-empty-icon{color:#7047d7;background:#f4efff;border:1px solid #e8defb;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.chat-empty h2{color:#2b2538;letter-spacing:-.35px;margin:17px 0 0;font-size:19px;font-weight:720}.chat-empty p{color:#858091;max-width:360px;margin:8px 0 0;font-size:13px;line-height:1.6}.chat-day-divider{color:#a09aa8;align-items:center;gap:13px;font-size:10px;display:flex}.chat-day-divider:before,.chat-day-divider:after{content:"";background:#f0edf3;flex:1;height:1px}.chat-message-row{width:100%;display:flex}.chat-message-row.sent{justify-content:flex-end!important}.chat-message-row.received{justify-content:flex-start!important}.chat-message-content{flex-direction:column;align-items:flex-end;gap:4px;width:fit-content;max-width:min(75%,460px);display:flex}.chat-message-row.received .chat-message-content{align-items:flex-start}.chat-message-sender{color:#8e8799;padding:0 5px;font-size:10px;font-weight:600;line-height:1.2;display:block}.chat-message-bubble{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#7850d5,#6841c2);border-radius:16px 16px 4px;width:fit-content;max-width:100%;padding:11px 14px 8px;box-shadow:0 5px 14px #7047dc24}.chat-message-row.received .chat-message-bubble{color:#302a3a;background:#fff;border:1px solid #eeeaf3;border-radius:16px 16px 16px 4px;box-shadow:0 5px 18px #3123500f}.chat-message-bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.chat-message-bubble time{color:#ffffffba;text-align:right;margin-top:4px;font-size:9px;display:block}.chat-message-row.received .chat-message-bubble time{color:#898392;text-align:left}.chat-composer{background:#fbfaff;border:1px solid #eae5f0;border-radius:14px;align-items:center;gap:10px;margin:0 20px;padding:10px 10px 10px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.chat-composer:focus-within{border-color:#cbb6eb;box-shadow:0 0 0 3px #7c3aed12}.chat-composer input{color:#302a3a;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.chat-composer input::placeholder{color:#a39daa}.chat-composer button{color:#fff;cursor:pointer;background:#7047dc;border:0;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;transition:background .15s,opacity .15s,transform .15s;display:grid}.chat-composer button:hover:not(:disabled){background:#6037ce;transform:translateY(-1px)}.chat-composer button:disabled{opacity:.42;cursor:not-allowed}.chat-footer-note{color:#9a94a1;text-align:center;margin:10px 20px 15px;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){.chat-page{min-height:calc(100vh - 64px);padding:14px 10px 20px}.chat-panel{border-radius:17px;height:calc(100vh - 112px);min-height:420px}.chat-header{gap:10px;min-height:74px;padding:12px}.chat-back{flex-basis:34px;width:34px;height:34px}.chat-avatar{flex-basis:40px;width:40px;height:40px}.chat-private-note{display:none}.chat-history{padding:18px 13px}.chat-composer{margin:0 12px}.chat-footer-note{margin-left:12px;margin-right:12px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.chat-back,.chat-composer,.chat-composer button{transition:none}}