@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--cloud:#f7f7f4;--paper:#fff;--ink:#242827;--muted:#8d9690;--line:#e5e8e4;--coral:#f27663;--coral-soft:#fff0ed;--sage:#86a58d;--blue:#7896b7;--graphite:#2e3431;--shadow:0 20px 60px #2327250d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--cloud)}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #f2766340;outline-offset:2px}.eyebrow,.section-label{font:500 10px DM Mono,monospace;letter-spacing:.12em;color:#a1aaa3;margin:0}.brand{display:flex;align-items:center;gap:9px;font:800 19px Manrope;letter-spacing:-.8px}.brand-mark{display:inline-block;width:25px;height:25px;position:relative}.brand-mark span{position:absolute;width:18px;height:13px;background:var(--coral);border-radius:9px 9px 9px 2px;left:1px;top:2px}.brand-mark span:last-child{background:#ffc4b9;left:7px;top:10px;border-radius:2px 9px 9px}.app-shell{min-height:100vh;display:grid;grid-template-columns:72px 330px minmax(0,1fr);background:var(--paper)}.side-rail{background:#f0f2ee;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:25px 0 17px;gap:42px}.brand-compact{font-size:0}.brand-compact .brand-mark{transform:scale(.9)}.rail-links{display:flex;flex-direction:column;gap:13px}.rail-link,.rail-profile,.icon-button,.composer-icon{background:transparent;display:grid;place-items:center;color:#9aa39d;position:relative}.rail-link{width:39px;height:39px;border-radius:11px}.rail-link.active{background:#fff;color:var(--coral);box-shadow:0 3px 12px #25302a0d}.rail-link em,.notification-button i{position:absolute;background:var(--coral);color:#fff;border-radius:50%;font:600 9px DM Mono;font-style:normal;display:grid;place-items:center}.rail-link em{width:16px;height:16px;right:-3px;top:-3px}.rail-profile{margin-top:auto;gap:5px;flex-direction:column}.avatar{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#fff;font:700 11px Manrope;position:relative}.avatar-coral{background:#e98270}.avatar-blue{background:#7896b7}.avatar-sage{background:#8ca994}.avatar-ink{background:#4d5b54}.presence{position:absolute;width:9px;height:9px;background:#75ba83;border:2px solid white;border-radius:50%;right:-1px;bottom:0}.chat-list-panel{border-right:1px solid var(--line);background:#fbfcfa;min-width:0}.list-header,.chat-header{display:flex;align-items:center;justify-content:space-between}.list-header{padding:31px 24px 21px}.list-header h1{font:800 22px Manrope;letter-spacing:-1px;margin:6px 0 0}.count-pill{font:500 10px DM Mono;color:var(--coral);background:var(--coral-soft);padding:4px 7px;border-radius:8px;vertical-align:middle}.icon-button{width:35px;height:35px;border-radius:10px;color:#929b94}.accent-button{background:var(--coral);color:#fff;box-shadow:0 4px 12px #f2766333}.search-wrap{height:39px;margin:0 19px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;color:#a7afa9}.search-wrap input{border:0;outline:0;width:100%;font-size:11px;background:transparent;color:var(--ink)}.filter-row{display:flex;gap:8px;padding:0 22px 13px;border-bottom:1px solid var(--line)}.filter{background:transparent;color:#a0a8a2;font-size:10px;padding:6px 8px;border-radius:7px}.filter.active{color:var(--ink);background:#eef1ed}.filter span{margin-left:4px;color:#c1c8c2}.chat-items{padding:8px 10px}.chat-item{width:100%;display:flex;gap:12px;text-align:left;background:transparent;padding:12px;border-radius:13px}.chat-item.selected{background:#fff;box-shadow:0 4px 16px #25302a0b}.chat-item-copy{flex:1;min-width:0}.chat-item-top,.chat-item-bottom{display:flex;justify-content:space-between;gap:8px}.chat-item-top strong{font-size:12px}.chat-item-top time,.chat-item-bottom{color:#a2aaa4;font-size:10px}.chat-item-bottom{margin-top:6px}.chat-item-bottom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-bottom b{background:var(--coral);color:#fff;border-radius:50%;min-width:17px;height:17px;display:grid;place-items:center;font:500 9px DM Mono}.list-footer{padding:18px}.privacy-note{display:flex;gap:8px;color:#a5ada7;font-size:10px;line-height:1.45}.privacy-note svg{color:#86a58d;flex:none}.main-panel{min-width:0;background:#fff;display:flex;flex-direction:column}.chat-header{height:78px;border-bottom:1px solid var(--line);padding:0 30px;gap:11px}.chat-header-copy{margin-right:auto}.chat-header-copy h2{font:700 14px Manrope;margin:0}.chat-header-copy span{font-size:10px;color:#9ca59f;display:flex;align-items:center;gap:5px;margin-top:4px}.status-dot{width:6px;height:6px;border-radius:50%;background:#c2c8c3}.status-dot.online{background:#72b47c}.header-actions{display:flex;gap:5px}.conversation{flex:1;padding:24px max(30px,8vw);overflow:auto}.date-divider{display:flex;align-items:center;gap:15px;color:#b0b7b1;font:500 9px DM Mono;margin:0 0 27px}.date-divider:before,.date-divider:after{content:"";height:1px;background:var(--line);flex:1}.message-row{display:flex;margin:13px 0}.message-row-me{justify-content:flex-end}.message-bubble{max-width:min(430px,75%);padding:11px 14px 8px;border-radius:15px}.message-theirs{background:#f3f5f2;border-bottom-left-radius:4px}.message-mine{background:var(--coral);color:#fff;border-bottom-right-radius:4px}.message-meta{display:flex;justify-content:flex-end;gap:7px;margin-top:6px;font:9px DM Mono;opacity:.65}.typing{display:flex;align-items:center;gap:8px;color:#a7afa9;font-size:10px;margin-top:22px}.typing-dots{display:flex;gap:3px}.typing-dots i{width:4px;height:4px;background:#a7afa9;border-radius:50%}.composer-area{padding:16px max(30px,8vw) 22px;border-top:1px solid var(--line)}.composer{height:52px;border:1px solid #dfe4df;border-radius:15px;display:flex;align-items:center;padding:0 8px 0 13px;gap:7px;box-shadow:0 5px 20px #25302a08}.composer input{border:0;outline:0;flex:1;min-width:0;font-size:12px}.composer-icon{color:#9aa39d}.mic-button,.send-button{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.mic-button{background:#f1f3f0;color:#8e9891}.mic-button.recording{background:#ffe1da;color:var(--coral)}.send-button{background:var(--coral);color:#fff}.composer-hint{margin:8px 0 0;text-align:center;color:#b3bbb4;font-size:9px}.composer-hint button{background:transparent;color:#8a9990;text-decoration:underline;padding:0}.page-view{padding:35px max(30px,8vw);overflow:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-start}.page-title h2{font:800 25px Manrope;letter-spacing:-1px;margin:7px 0 26px}.profile-hero{text-align:center;padding:12px 0 25px}.profile-avatar{width:80px;height:80px;border-radius:26px;background:var(--coral);color:#fff;display:grid;place-items:center;font:800 23px Manrope;margin:0 auto 12px;position:relative}.profile-hero h3{font:700 16px Manrope;margin:0}.profile-hero p{color:#9aa39d;font-size:11px}.number-card,.add-card,.privacy-box{background:#f4f7f3;border:1px solid #e3ebe2;border-radius:15px;padding:20px}.number-card{display:flex;justify-content:space-between;align-items:center;max-width:550px;margin:0 auto}.number-card strong{display:block;font:800 24px DM Mono;letter-spacing:1px;margin:8px 0}.number-card small{color:#909a92;font-size:10px}.copy-button,.primary-button,.outline-button{border-radius:10px;padding:10px 14px;font-size:11px;display:flex;align-items:center;gap:7px}.copy-button,.outline-button{background:#fff;border:1px solid var(--line)}.profile-fields{max-width:550px;margin:20px auto}.profile-fields div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px}.profile-fields span{color:#9ca59e}.add-card{max-width:550px;margin:0 auto;text-align:center}.add-icon,.auth-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--coral-soft);color:var(--coral);border-radius:13px;margin:0 auto 12px}.add-card h3{font:700 16px Manrope}.add-card p{color:#909a93;font-size:11px;line-height:1.5}.number-input{height:45px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;margin-top:20px;overflow:hidden}.number-input span{font:500 11px DM Mono;color:var(--coral);padding:0 11px}.number-input input{border:0;outline:0;flex:1;font-size:12px}.number-input button{width:44px;height:100%;background:var(--coral);color:#fff}.found-user{display:flex;align-items:center;text-align:left;gap:10px;margin-top:15px;background:#fff;padding:10px;border-radius:11px}.found-user div:nth-child(2){flex:1}.found-user strong,.found-user span{display:block;font-size:11px}.found-user span{color:#9ca59d;font-size:10px;margin-top:3px}.settings-group{max-width:600px;margin-bottom:26px}.section-label{margin-bottom:10px}.setting-row{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--line);padding:14px 2px;text-align:left}.setting-icon{width:32px;height:32px;border-radius:10px;background:#f0f3ef;color:#83988a;display:grid;place-items:center}.setting-row div{flex:1}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:11px}.setting-row small{font-size:10px;color:#9ca59d;margin-top:3px}.setting-value{font-size:10px;color:#81a28a}.toggle{width:35px;height:20px;border-radius:20px;background:#dce2dc;padding:3px}.toggle i{display:block;width:14px;height:14px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:var(--sage)}.toggle.on i{transform:translate(15px)}.privacy-box{display:flex;gap:12px;color:#78927f}.privacy-box strong{font-size:12px;color:var(--ink)}.privacy-box p{font-size:10px;line-height:1.5;color:#8f9991;margin:6px 0 0}.logout-link{color:var(--coral);background:transparent;text-decoration:underline;font-size:11px}.auth-shell{min-height:100vh;background:radial-gradient(circle at 50% 12%,#fffaf7 0,transparent 32%),var(--cloud);padding:32px 20px 48px;display:flex;flex-direction:column;align-items:center}.auth-brand{width:min(460px,100%);margin-bottom:48px}.auth-brand .brand{font-size:21px}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px 38px;box-shadow:var(--shadow)}.auth-welcome{text-align:center;padding:42px 40px 30px}.welcome-mark{width:74px;height:74px;background:var(--graphite);border-radius:25px;margin:0 auto 28px;position:relative;transform:rotate(-7deg)}.welcome-mark span{position:absolute;width:42px;height:32px;border-radius:15px 15px 15px 4px;background:var(--coral);left:14px;top:14px}.welcome-mark span:last-child{background:#ffc0b5;left:28px;top:29px;border-radius:4px 15px 15px}.auth-welcome h1{font:800 31px/1.08 Manrope;letter-spacing:-1.7px;margin:11px 0 15px}.auth-welcome h1 em{font-style:normal;color:var(--coral)}.auth-copy{color:#8f9891;font-size:13px;line-height:1.6;max-width:320px;margin:0 auto 25px}.auth-cta{justify-content:center;width:100%;height:47px;border-radius:12px}.primary-button{background:var(--coral);color:#fff}.auth-secondary{margin-top:17px;background:transparent;color:#818b83;font-size:11px;text-decoration:underline}.auth-privacy{display:flex;align-items:center;justify-content:center;gap:6px;color:#adb4ad;font-size:10px;margin-top:30px}.back-link{background:transparent;color:#9ca49d;font-size:11px;padding:0;margin-bottom:28px}.auth-heading{margin-bottom:27px}.auth-heading h1{font:700 25px Manrope;letter-spacing:-1px;margin:5px 0 7px}.auth-heading>p:last-child{color:#969e97;font-size:12px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form label{font-size:11px;font-weight:600;color:#59635c;display:flex;flex-direction:column;gap:7px}.auth-form label input{height:45px;border:1px solid #dfe3de;border-radius:10px;padding:0 13px;font-size:12px;color:var(--ink);background:#fff}.auth-form label input:focus{border-color:var(--coral)}.check-label{flex-direction:row!important;align-items:flex-start;font-weight:400!important;color:#8b948d!important;line-height:1.4}.check-label input{width:14px;height:14px;margin-top:1px;accent-color:var(--coral)}.auth-switch{text-align:center;color:#9aa29c;font-size:10px;margin-top:22px}.auth-switch button{background:transparent;color:var(--coral);text-decoration:underline;padding:0;font-size:10px}.recover-link{display:block;margin:13px auto 0;color:#969e97!important;text-decoration:none!important}.success-panel{background:#f2f6f1;border-radius:13px;padding:19px;text-align:center}.success-check{width:32px;height:32px;border-radius:50%;background:#78aa84;color:#fff;display:grid;place-items:center;margin:0 auto 11px}.success-panel h3{font:700 14px Manrope}.success-panel p{color:#8a948d;font-size:11px;line-height:1.5;margin:7px auto 15px}.success-panel .primary-button{margin:auto;width:auto}.admin-shell{min-height:100vh;background:#f7f8f6;display:grid;grid-template-columns:245px minmax(0,1fr)}.admin-sidebar{background:#fff;border-right:1px solid var(--line);padding:27px 15px;display:flex;flex-direction:column}.admin-workspace{padding:32px 12px 24px;border-bottom:1px solid var(--line);margin-bottom:15px}.admin-workspace strong{display:block;font:700 13px Manrope;margin:7px 0}.workspace-status{font-size:10px;color:#8fa097}.workspace-status i{display:inline-block;width:6px;height:6px;background:#76b282;border-radius:50%;margin-right:6px}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-sidebar nav button,.admin-sidebar-foot>button{background:transparent;text-align:left;padding:10px 12px;border-radius:9px;color:#919a93;font-size:11px;display:flex;align-items:center;gap:10px}.admin-sidebar nav button.active{background:#fdf0ec;color:var(--coral)}.admin-sidebar nav button em{margin-left:auto;background:var(--coral);color:#fff;border-radius:10px;padding:2px 6px;font:9px DM Mono;font-style:normal}.admin-sidebar-foot{margin-top:auto}.owner-chip{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:17px 7px 0;margin-top:12px}.owner-chip span{flex:1}.owner-chip strong,.owner-chip small{display:block}.owner-chip strong{font-size:10px}.owner-chip small{color:#9ca59d;font-size:9px;margin-top:2px}.admin-main{min-width:0}.admin-topbar{height:90px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px}.admin-topbar h1{font:800 23px Manrope;letter-spacing:-1px;margin:6px 0 0}.admin-top-actions{display:flex;align-items:center;gap:10px}.notification-button{width:35px;height:35px;background:transparent;position:relative}.notification-button i{width:15px;height:15px;right:0;top:0}.admin-date{display:flex;gap:8px;align-items:center;color:#8e9991;font-size:10px;border-left:1px solid var(--line);padding-left:17px}.admin-content{padding:33px 38px;max-width:1220px}.admin-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-welcome h2{font:800 24px Manrope;letter-spacing:-1px;margin:7px 0}.admin-welcome p{color:#9aa39d;font-size:11px;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.kpi-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;margin-bottom:14px}.kpi-icon.coral{background:var(--coral-soft);color:var(--coral)}.kpi-icon.sage{background:#edf5ee;color:#7d9b84}.kpi-icon.blue{background:#edf3fa;color:#7999ba}.kpi-icon.ink{background:#edf0ee;color:#57645c}.kpi-card span{display:block;color:#9ba39d;font-size:10px}.kpi-card strong{display:block;font:800 23px Manrope;margin:5px 0}.kpi-card small{color:#9ca59e;font-size:9px}.kpi-card small b{color:#77a480;margin-right:4px}.admin-two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-top:14px}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading h3{font:700 14px Manrope;margin:7px 0}.text-button{background:transparent;color:var(--coral);font-size:10px}.activity-chart{height:190px;display:flex;margin-top:18px}.chart-labels{display:flex;flex-direction:column;justify-content:space-between;color:#adb5ae;font:9px DM Mono;padding:4px 10px 25px 0}.chart-area{flex:1;position:relative}.grid-lines{position:absolute;inset:0 0 26px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #e7ebe7}.chart-area svg{position:absolute;inset:0 0 26px;width:100%;height:calc(100% - 26px);color:var(--coral)}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#adb5ae;font:9px DM Mono}.chart-legend{display:flex;gap:14px;color:#98a29b;font-size:9px}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:5px}.coral-dot{background:var(--coral)}.blue-dot{background:var(--blue)}.chart-today{margin-left:auto}.notification-list{margin:18px 0}.admin-notice{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eff1ef}.notice-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.notice-icon.coral{background:var(--coral-soft);color:var(--coral)}.notice-icon.blue{background:#edf3fa;color:var(--blue)}.notice-icon.sage{background:#edf5ee;color:var(--sage)}.admin-notice div:nth-child(2){flex:1}.admin-notice strong,.admin-notice span{display:block}.admin-notice strong{font-size:10px}.admin-notice span{color:#9ca59e;font-size:9px;margin-top:3px}.admin-notice button{background:transparent;color:#a8b0aa}.outline-button.full{width:100%;justify-content:center}.users-card{margin-top:14px}.users-card table{width:100%;border-collapse:collapse;font-size:10px}.users-card th{text-align:left;color:#a4aca5;font:9px DM Mono;padding:13px 5px;border-bottom:1px solid var(--line)}.users-card td{padding:12px 5px;border-bottom:1px solid #f0f2f0;color:#8e9891}.table-user{display:flex;align-items:center;gap:9px}.table-user strong,.table-user small{display:block}.table-user strong{color:var(--ink);font-size:10px}.table-user small{font-size:9px;margin-top:2px}.table-status{font-size:9px}.table-status.active{color:#77a480}.table-status.away{color:#d2a466}.empty-admin{text-align:center;max-width:540px;margin:45px auto;padding:50px 28px}.empty-admin-icon{width:44px;height:44px;border-radius:14px;background:var(--coral-soft);color:var(--coral);display:grid;place-items:center;margin:0 auto 15px}.empty-admin h2{font:800 21px Manrope}.empty-admin p{color:#929c94;font-size:11px;line-height:1.5;margin-bottom:20px}.mobile-menu{display:none}@media (max-width:900px){.app-shell{grid-template-columns:58px minmax(230px,300px) minmax(0,1fr)}.admin-content{padding:25px 20px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-two-col{grid-template-columns:1fr}}@media (max-width:650px){.app-shell{display:block}.side-rail{display:none}.chat-list-panel{display:block;height:100vh}.chat-list-panel.list-collapsed-mobile{display:none}.main-panel{height:100vh}.mobile-menu{display:block}.chat-header{padding:0 16px}.conversation,.composer-area{padding-left:16px;padding-right:16px}.admin-shell{display:block}.admin-sidebar{display:none}.admin-topbar{padding:0 18px}.admin-date{display:none}.admin-content{padding:22px 15px}.kpi-grid{gap:8px}.kpi-card{padding:13px}.kpi-card strong{font-size:19px}.admin-two-col{margin-top:8px}.auth-card,.auth-welcome{padding:28px 22px}.auth-brand{margin-bottom:34px}}.onboarding-shell{min-height:100vh;background:radial-gradient(circle at 50% 0,#fffaf7 0,transparent 42%),var(--cloud);display:flex;flex-direction:column;align-items:center;padding:34px 20px}.onboarding-shell>.brand{width:min(520px,100%);margin-bottom:45px}.onboarding-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:42px}.splash-card{text-align:center;padding:52px 50px 38px}.splash-card .welcome-mark{margin-bottom:28px}.onboarding-card h1{font:800 31px/1.1 Manrope;letter-spacing:-1.5px;margin:8px 0 13px}.onboarding-card h1 em{font-style:normal;color:var(--coral)}.onboarding-copy{color:#909a93;font-size:13px;line-height:1.6;margin:0 auto 25px;max-width:380px}.splash-progress{height:5px;background:#f0f2ee;border-radius:5px;overflow:hidden;margin:35px 0 10px}.splash-progress span{display:block;height:100%;background:var(--coral);transition:width 1s linear}.countdown{font-size:10px;color:#a2aba4;margin:0 0 20px}.wide-button{width:100%;justify-content:center}.wide-button span{font-size:17px;line-height:0}.step-badge{width:30px;height:30px;border-radius:10px;background:var(--coral-soft);color:var(--coral);display:grid;place-items:center;font:600 12px DM Mono;margin-bottom:22px}.form-card h1,.number-step h1{font-size:28px}.onboarding-form,.profile-form{display:flex;flex-direction:column;gap:15px}.onboarding-form label,.profile-form>label{font-size:11px;font-weight:600;color:#59635c;display:flex;flex-direction:column;gap:7px}.onboarding-form input,.profile-form input{height:46px;border:1px solid #dfe3de;border-radius:10px;padding:0 13px;font-size:12px;color:var(--ink);background:#fff}.onboarding-form input:focus,.profile-form input:focus{border-color:var(--coral);outline:3px solid #f2766320}.secure-note{display:flex;justify-content:center;gap:6px;align-items:center;color:#a9b1aa;font-size:10px;margin:24px 0 0}.form-error{color:#c55f50;background:#fff0ed;border-radius:9px;padding:9px 11px;font-size:10px;margin:0}.number-step{text-align:center}.number-step .step-badge{margin-left:auto;margin-right:auto}.number-display{display:flex;align-items:center;justify-content:center;gap:8px;background:#f5f7f4;border:1px dashed #b8c8ba;border-radius:16px;padding:24px 15px;font:700 28px DM Mono;letter-spacing:2px;color:var(--ink);margin:28px 0 10px}.number-display span{color:var(--coral)}.number-display button{width:34px;height:34px;background:#fff;border:1px solid var(--line);color:#809485;border-radius:9px;display:grid;place-items:center;margin-left:9px}.number-caption{color:#a1aaa3;font-size:10px;margin:0 0 27px}.member-shell{min-height:100vh;background:#fff;display:grid;grid-template-columns:225px minmax(0,1fr)}.member-sidebar{background:#f6f8f5;border-right:1px solid var(--line);padding:29px 15px;display:flex;flex-direction:column;gap:8px}.member-sidebar>.brand{padding:0 10px 35px}.nav-button{width:100%;background:transparent;border-radius:10px;color:#8d9890;display:flex;align-items:center;gap:10px;padding:11px 12px;text-align:left;font-size:11px}.nav-button.active,.nav-button:hover{background:#fff0ed;color:var(--coral)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px}.mini-profile{border-top:1px solid var(--line);padding:15px 7px 0;display:flex;align-items:center;gap:9px;font-size:10px;color:#657269;cursor:pointer}.member-main{min-width:0}.messages-layout{height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr)}.friends-panel{border-right:1px solid var(--line);background:#fbfcfa}.member-header{display:flex;align-items:center;justify-content:space-between;padding:31px 23px 20px}.member-header h1{font:800 23px Manrope;letter-spacing:-1px;margin:6px 0 0}.round-action{width:35px;height:35px;border-radius:11px;background:var(--coral);color:#fff;display:grid;place-items:center}.member-search{height:40px;margin:0 18px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;color:#a1aaa3}.member-search input{border:0;outline:0;width:100%;font-size:11px}.friend-list{padding:5px 10px}.friend-row{width:100%;display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:12px;background:transparent;text-align:left}.friend-row.selected,.friend-row:hover{background:#fff;box-shadow:0 4px 15px #25302a09}.friend-row span{flex:1;min-width:0}.friend-row strong,.friend-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row strong{font-size:11px}.friend-row small{font-size:9px;color:#9da79f;margin-top:4px}.online-dot,.offline-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74b282}.offline-dot{background:#c5ccc5}.empty-panel{text-align:center;color:#a1aaa3;padding:70px 26px}.empty-panel h3{font:700 15px Manrope;color:var(--ink);margin:14px 0 6px}.empty-panel p{font-size:10px;line-height:1.5;margin:0 0 18px}.outline-button{justify-content:center}.conversation-panel{display:flex;flex-direction:column;min-width:0;background:#fff}.conversation-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 30px}.conversation-header h2{font:700 14px Manrope;margin:0}.conversation-header p{font-size:10px;color:#99a39b;margin:4px 0 0}.conversation-header p span{margin-right:6px}.message-stream{flex:1;overflow:auto;padding:28px max(28px,9vw)}.message-line{display:flex;margin:12px 0}.message-line.mine{justify-content:flex-end}.message-bubble{max-width:min(440px,75%);background:#f1f4f1;border-radius:15px 15px 15px 4px;padding:11px 14px 8px}.message-line.mine .message-bubble{background:var(--coral);color:#fff;border-radius:15px 15px 4px}.message-bubble p{font-size:12px;line-height:1.45;margin:0}.message-bubble small{display:block;text-align:right;font:9px DM Mono;opacity:.65;margin-top:6px}.message-composer{display:flex;gap:8px;padding:16px max(28px,9vw) 22px;border-top:1px solid var(--line)}.message-composer input{height:49px;flex:1;min-width:0;border:1px solid #dfe4df;border-radius:14px;padding:0 14px;font-size:12px;outline:0}.message-composer input:focus{border-color:var(--coral)}.message-composer button{width:43px;height:43px;align-self:center;border-radius:12px;background:var(--coral);color:#fff;display:grid;place-items:center}.conversation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#a3aca5;text-align:center}.conversation-empty h2{font:800 22px Manrope;color:var(--ink);margin:14px 0 5px}.conversation-empty p{font-size:11px;margin:0 0 17px}.page-wrap{max-width:720px;padding:35px 48px}.back-button{display:flex;align-items:center;gap:4px;background:transparent;color:#98a29a;font-size:11px;padding:0;margin-bottom:34px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-heading h1{font:800 27px Manrope;letter-spacing:-1px;margin:7px 0}.page-heading p:not(.eyebrow){color:#99a39b;font-size:11px;margin:0}.avatar-large{width:82px;height:82px;border-radius:25px;font-size:22px}.avatar-normal{width:42px;height:42px;border-radius:13px;font-size:11px}.avatar-small{width:30px;height:30px;border-radius:10px;font-size:9px}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-form{max-width:470px}.upload-row{display:flex;align-items:center;gap:12px}.upload-button{height:38px;background:#f1f4f1;border-radius:10px;color:#789080;padding:0 12px;display:flex!important;flex-direction:row!important;align-items:center;gap:7px;font-size:10px!important}.upload-button input{display:none}.profile-number{background:#f2f6f1;border:1px solid #e1e9e1;border-radius:13px;padding:15px;margin:4px 0}.profile-number span,.profile-number small{display:block;color:#98a49b;font-size:9px}.profile-number strong{display:block;font:700 18px DM Mono;letter-spacing:1px;margin:7px 0}.add-friend-card{max-width:580px;background:#f4f7f3;border:1px solid #e2eae2;border-radius:16px;padding:24px}.add-friend-card>label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;color:#59635c}.number-search{height:47px;background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;overflow:hidden}.number-search span{font:500 11px DM Mono;color:var(--coral);padding:0 12px}.number-search input{flex:1;height:100%;border:0;outline:0;font-size:12px}.number-search button{height:100%;width:48px;background:var(--coral);color:#fff;display:grid;place-items:center}.found-friend{display:flex;align-items:center;gap:11px;background:#fff;border-radius:12px;padding:11px;margin-top:18px}.found-friend>div:nth-child(2){flex:1}.found-friend strong,.found-friend span{display:block;font-size:11px}.found-friend span{color:#99a39b;font-size:10px;margin-top:4px}.toast{position:fixed;right:22px;bottom:22px;background:var(--graphite);color:#fff;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:9px;font-size:11px;box-shadow:0 10px 28px #2327252c}.toast svg:last-child{margin-left:10px;color:#aab4ad}.loading-screen{min-height:100vh;display:grid;place-items:center;background:var(--cloud)}@media (max-width:760px){.onboarding-shell{padding:24px 15px}.onboarding-shell>.brand{margin-bottom:32px}.onboarding-card,.splash-card{padding:29px 22px}.member-shell{display:block}.member-sidebar{display:flex;position:fixed;z-index:2;bottom:0;left:0;right:0;height:64px;padding:6px 12px;flex-direction:row;align-items:center;justify-content:space-around;border-top:1px solid var(--line);border-right:0}.member-sidebar>.brand,.sidebar-bottom .nav-button,.mini-profile{display:none}.member-sidebar>.nav-button{width:auto;flex-direction:column;gap:2px;padding:7px 14px;font-size:9px}.sidebar-bottom{margin:0;display:contents}.messages-layout{height:calc(100vh - 64px);grid-template-columns:1fr}.friends-panel{border-right:0}.conversation-panel{position:fixed;inset:0 0 64px;background:#fff;z-index:3;display:none}.page-wrap{padding:28px 19px 90px}.page-heading{align-items:flex-start}.avatar-large{width:60px;height:60px;border-radius:18px}.message-stream{padding:22px 16px}.message-composer{padding:12px 16px}.member-header{padding:24px 18px 17px}.member-search{margin-left:15px;margin-right:15px}.add-friend-card{padding:18px}.found-friend .primary-button{padding:9px 8px;font-size:9px}}.unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#df5b52;color:#fff;font:700 9px DM Mono;display:grid;place-items:center}.profile-peek{width:26px;height:26px;border-radius:8px;color:#a1aaa3;display:grid;place-items:center}.profile-peek:hover{background:#fff0ed;color:var(--coral)}.public-profile-card{max-width:480px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:32px;text-align:center}.public-profile-card .avatar{margin:0 auto 18px}.public-profile-card h1{font:800 27px Manrope;letter-spacing:-1px;margin:7px 0}.public-age{font-size:11px;color:#95a098;margin:0 0 22px}.public-profile-card .profile-number{text-align:left}@media (max-width:760px){.public-profile-card{padding:24px}.profile-peek{width:22px;height:22px}}