@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.chat-shell{--bg: #f4f3f3;--panel-2: #f7f3f3;--line: #e4e4e4;--text: #111111;--muted: #858080;--accent: #000000;--bubble-me: #933fd8;--bubble-them: #b8b5b59f;min-height:100vh;height:100vh;width:100vw;display:grid;background:var(--bg);font-family:Manrope;overflow:hidden;box-sizing:border-box}.status-pill{padding:6px 10px;border-radius:999px;font-size:.8rem;text-transform:uppercase;background:#eee;color:var(--muted)}.status-pill.online{background:#111;color:#fff}.chat-panel{display:flex;flex-direction:column;background:var(--panel-2);height:100vh;overflow:hidden}.chat-body{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:4px}.chat-bar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bg)}.chat-bar .back-button{font-size:22px;font-weight:900;width:36px;height:36px;border-radius:50%;align-items:center;padding:0;background:var(--bg)}.chat-bar .avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;text-transform:uppercase;overflow:hidden}.chat-bar .avatar img{width:100%;height:100%;object-fit:cover;display:block}.chat-input{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;border-radius:12px;padding:22px 20px;border-top:1px solid var(--line);background:#fff;position:relative;bottom:24px}.chat-input input{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--text);min-width:0}.chat-file-input{display:none}.photo-button{background:#f4f4f4;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:0 14px;font-weight:600;min-width:78px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.photo-button.disabled,.send-button:disabled{opacity:.65}.photo-button.disabled{pointer-events:none}.send-button{background:var(--accent);border:none;color:#fff;border-radius:10px;padding:0 22px;font-weight:600;white-space:nowrap}.bubble-me{background:var(--bubble-me);color:#fff;border-bottom-right-radius:4px}.bubble-them{background:var(--bubble-them);color:#fff;border-bottom-left-radius:4px}.chat-date{text-align:center;color:var(--muted);font-size:.8rem}.chat-row{display:flex;gap:12px;min-width:0;width:100%}.chat-row.me{justify-content:flex-end}.chat-bubble{max-width:min(78%,38rem);padding:5px 10px;border-radius:12px;display:flex;flex-direction:column;gap:4px;line-height:1.5;min-width:0;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.chat-row.me .chat-bubble{margin-left:auto}.chat-row.them .chat-bubble{margin-right:auto}.chat-image{width:min(16rem,62vw);max-height:18rem;object-fit:cover;border-radius:10px;display:block}.chat-image-button{padding:0;border:none;background:transparent;cursor:zoom-in}.image-viewer-overlay{position:fixed;inset:0;background:#000000d1;display:grid;place-items:center;z-index:1000;padding:1rem}.image-viewer-card{max-width:min(96vw,42rem);max-height:92vh;display:grid;gap:.75rem}.image-viewer-image{max-width:100%;max-height:78vh;border-radius:12px;display:block;object-fit:contain;background:#000}.image-viewer-actions{display:flex;justify-content:flex-end;gap:.5rem}.image-viewer-btn{text-decoration:none;border:1px solid #2f2f2f;border-radius:10px;padding:.45rem .75rem;background:#fff;color:#111;font:inherit;font-weight:600;cursor:pointer}.image-viewer-btn.secondary{background:#f1f1f1}.chat-timestamp{font-size:.7rem;color:#ffffffb3}@media(min-width:1200px){.chat-shell{padding:0 24px}.chat-body{padding:28px 36px}.chat-input{padding:18px 28px}.chat-body,.chat-input{max-width:980px;margin:0 auto;width:100%}}@media(max-width:560px){.chat-input{padding:12px 10px;gap:6px;bottom:0}.chat-input input[type=text]{padding:12px}.photo-button,.send-button{min-width:64px;padding:0 10px;border-radius:9px}}.bottom-nav-spacer{height:calc(78px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(10px,env(safe-area-inset-bottom,0px));width:min(100% - 1rem,460px);display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:.5rem;border-radius:.95rem;border:1px solid #d9deeb;background:#fffffff0;box-shadow:0 10px 26px #0f152429;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.bottom-nav-link{border:1px solid #e3e7f0;border-radius:.7rem;padding:.58rem .75rem;text-align:center;text-decoration:none;color:#2f3746;font-weight:700;font-size:.9rem;background:#fff;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.bottom-nav-link:hover{border-color:#bcc6dc;background:#f8fbff}.bottom-nav-link.active{border-color:#2f6fed;background:#2f6fed;color:#fff}.conversations-page{--bg: #f4f5f7;--panel: #ffffff;--ink: #111111;--muted: #5f6368;--line: #e3e5e8;--accent: #111111;min-height:100svh;background:var(--bg);color:var(--ink);font-family:Manrope}.conversations-shell{min-height:100svh;max-width:70rem;margin:0 auto;padding:15px;display:grid;gap:1rem}.conversations-header h1{margin-top:1px;font-family:Space Grotesk;font-size:25px}.conversations-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.notify-button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);padding:.45rem .85rem;font:inherit;font-size:.82rem;cursor:pointer;white-space:nowrap}.notify-button:disabled{opacity:.6;cursor:default}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--muted)}.conversations-toolbar{margin-top:-100px;align-items:center}.search-field{width:min(100%);display:grid;gap:.4rem}.search-field label{font-size:.85rem;color:var(--muted)}.search-field input{border:1px solid var(--line);border-radius:.9rem;padding:.75rem 1rem;font:inherit;background:var(--panel)}.conversations-meta{margin-top:-150px;width:1px;font-size:.8rem}.conversations-list{margin-top:-250px;display:grid}.conversation-card{border-top:1px solid #eeeeee;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;min-width:0}.avatar{width:clamp(2.75rem,6vw,3.25rem);height:clamp(2.75rem,6vw,3.25rem);border-radius:.9rem;overflow:hidden;border:1px solid var(--line);background:#fff}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.conversation-body{min-width:0}.conversation-body h3{font-size:1rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.conversation-top h3{flex:1}.conversation-top .role,.conversation-top .time{flex-shrink:0}.time{font-size:.8rem;color:var(--muted)}.role{display:inline-block;margin-right:auto;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#11111114;color:#1c1d20}.preview{margin:.5rem 0 0;color:var(--muted);line-height:1.4;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-subline{margin:.25rem 0 0;color:var(--muted);font-size:.82rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-text{color:var(--muted)}.auth-shell{--bg-1: #eef4ff;--bg-2: #f6f8fc;--panel: rgba(255, 255, 255, .9);--ink: #141821;--muted: #5b6477;--line: #d8deeb;--strong: #0f1218;--accent: #2f6fed;--accent-soft: rgba(47, 111, 237, .14);min-height:100svh;padding:clamp(1rem,2.2vw,2rem);background:radial-gradient(60rem 40rem at 0% 0%,#2f6fed24,#2f6fed00),radial-gradient(38rem 32rem at 100% 100%,#0f121814,#0f121800),linear-gradient(140deg,var(--bg-1),var(--bg-2));color:var(--ink);font-family:Manrope,sans-serif;display:grid;place-items:center}.auth-layout{width:min(100%,62rem);display:grid;gap:1rem;grid-template-columns:1fr}.auth-brand{border:1px solid var(--line);background:var(--panel);border-radius:1.3rem;padding:clamp(1.3rem,2.6vw,2.1rem);box-shadow:0 16px 40px #0f12181a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:auth-rise .22s ease-out}.auth-kicker{margin:0;font-size:.76rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.auth-logo{margin:.45rem 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4.6vw,3.1rem);letter-spacing:-.02em;line-height:1;color:var(--strong)}.auth-tagline{margin:.8rem 0 0;max-width:36ch;font-size:1rem;line-height:1.55;color:var(--muted)}.auth-chip-row{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.55rem}.auth-chip{border:1px solid var(--line);border-radius:999px;padding:.34rem .72rem;font-size:.82rem;font-weight:600;color:#2d3748;background:#ffffffbf}.auth-intro{margin-top:1rem;padding:.85rem .9rem;border:1px solid var(--line);border-radius:.95rem;background:#ffffffb8}.auth-intro h2{margin:0;font-size:1rem;font-family:Space Grotesk,sans-serif;color:var(--strong)}.auth-intro p{margin:.45rem 0 0;color:var(--muted);line-height:1.5;font-size:.93rem}.auth-intro-list{margin:.55rem 0 0;padding-left:1.1rem;display:grid;gap:.3rem;color:#2f3746;font-size:.88rem}.auth-panel{border:1px solid var(--line);border-radius:1.3rem;background:var(--panel);box-shadow:0 20px 46px #0f12181f;padding:clamp(1.1rem,2vw,1.3rem);display:grid;gap:.75rem;animation:auth-rise .28s ease-out}.auth-step{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.auth-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.15;color:var(--strong)}.auth-copy{margin:0;color:var(--muted);line-height:1.5}.auth-email{color:var(--strong);font-weight:700}.auth-form{margin-top:.25rem;display:grid;gap:.62rem}.auth-label{font-size:.9rem;font-weight:600}.auth-input{width:100%;border:1px solid var(--line);background:#fff;border-radius:.85rem;color:var(--ink);font:inherit;padding:.82rem .22rem;transition:border-color .13s ease,box-shadow .13s ease}.auth-input::placeholder{color:#8a93a5}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-code-input{letter-spacing:.18em;font-weight:600;text-align:center}.auth-primary{margin-top:.2rem;border:none;border-radius:.85rem;padding:.82rem 1rem;font:inherit;font-weight:700;letter-spacing:.01em;background:var(--strong);color:#fff;cursor:pointer;transition:background-color .12s ease,transform .1s ease}.auth-primary:hover:not(:disabled){background:#272d39}.auth-primary:active:not(:disabled){transform:translateY(1px)}.auth-primary:disabled{opacity:.62;cursor:not-allowed}.auth-secondary{justify-self:start;border:1px solid var(--line);border-radius:.72rem;background:#fff;color:#2f3746;font:inherit;font-weight:600;padding:.55rem .84rem;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.auth-secondary:hover{border-color:#bcc6dc;background:#f8fbff}.auth-status{margin:.2rem 0 0;border:1px solid #c6d7ff;background:#eaf1ff;color:#21498f;border-radius:.72rem;padding:.62rem .72rem;font-size:.9rem}@media(min-width:900px){.auth-layout{grid-template-columns:1.05fr 1fr;align-items:stretch}.auth-brand{display:grid;align-content:space-between}}@media(max-width:560px){.auth-shell{padding:.85rem}.auth-brand,.auth-panel{border-radius:1rem;padding:1.05rem}}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.basic-shell{--bg-1: #eef4ff;--bg-2: #f8f9fc;--panel: rgba(255, 255, 255, .94);--ink: #141822;--muted: #5f6880;--line: #d9deeb;--accent: #2f6fed;--accent-soft: rgba(47, 111, 237, .16);min-height:100svh;padding:clamp(1rem,2.5vw,2rem);display:grid;place-items:center;background:radial-gradient(70rem 45rem at 0% -10%,#2f6fed29,#2f6fed00),radial-gradient(44rem 32rem at 100% 110%,#14182214,#14182200),linear-gradient(145deg,var(--bg-1),var(--bg-2));color:var(--ink);font-family:Manrope,sans-serif}.basic-card{width:min(100%,44rem);border:1px solid var(--line);border-radius:1.25rem;background:var(--panel);box-shadow:0 22px 48px #0f121824;padding:clamp(1.2rem,2.6vw,2rem);display:grid;gap:.7rem}.basic-step{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.basic-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.65rem,3.3vw,2.2rem);line-height:1.1}.basic-copy{margin:0;color:var(--muted)}.basic-email{margin:0;font-size:.92rem;color:#2f3d5b;font-weight:600}.basic-form{margin-top:.45rem;display:grid;gap:.55rem}.basic-avatars{margin:0 0 .2rem;padding:0;border:0}.basic-avatars legend{padding:0;margin-bottom:.55rem;font-size:.9rem;font-weight:600}.basic-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.basic-avatar-option{border:1px solid var(--line);border-radius:.9rem;background:#fff;padding:.5rem .45rem;display:grid;gap:.35rem;justify-items:center;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.basic-avatar-option:hover{border-color:#b8c4de}.basic-avatar-option.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translateY(-1px)}.basic-avatar-option input{position:absolute;opacity:0;pointer-events:none}.basic-avatar-option img{width:3rem;height:3rem}.basic-avatar-option span{font-size:.78rem;font-weight:600;color:#2f3b54}.basic-label{font-size:.9rem;font-weight:600}.basic-input{width:100%;border:1px solid var(--line);border-radius:.82rem;background:#fff;font:inherit;color:var(--ink);padding:.78rem .9rem;transition:border-color .12s ease,box-shadow .12s ease}.basic-input::placeholder{color:#8d96aa}.basic-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.basic-hint{margin:.1rem 0 0;font-size:.82rem;color:var(--muted)}.basic-submit{margin-top:.35rem;border:0;border-radius:.82rem;padding:.8rem 1rem;font:inherit;font-weight:700;background:#11161f;color:#fff;cursor:pointer;transition:background-color .12s ease,transform .1s ease}.basic-submit:hover:not(:disabled){background:#283244}.basic-submit:active:not(:disabled){transform:translateY(1px)}.basic-submit:disabled{opacity:.62;cursor:not-allowed}.basic-status{margin:.15rem 0 0;border:1px solid #c6d7ff;background:#eaf1ff;color:#21498f;border-radius:.72rem;padding:.6rem .7rem;font-size:.9rem}.basic-loading{margin:0;color:var(--muted)}@media(max-width:760px){.basic-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.basic-shell{padding:.85rem}.basic-card{border-radius:1rem;padding:1rem}}.profile-shell{--bg-1: #eef4ff;--bg-2: #f8f9fc;--panel: #ffffff;--ink: #141822;--muted: #5f6880;--line: #d9deeb;--accent: #2f6fed;--accent-soft: rgba(47, 111, 237, .16);min-height:100svh;padding:clamp(1rem,2.5vw,2rem);background:radial-gradient(70rem 45rem at 0% -10%,#2f6fed29,#2f6fed00),radial-gradient(44rem 32rem at 100% 110%,#14182214,#14182200),linear-gradient(145deg,var(--bg-1),var(--bg-2));color:var(--ink);font-family:Manrope,sans-serif}.profile-card{width:min(100%,68rem);margin:0 auto;padding:0}.profile-card>*+*{margin-top:1rem}.profile-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.25rem .25rem .1rem}.profile-step{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.profile-title{margin:.3rem 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem)}.profile-summary{border:1px solid var(--line);border-radius:1rem;padding:.9rem;background:var(--panel);display:flex;align-items:center;gap:.9rem}.profile-avatar-main{width:4.6rem;height:4.6rem;border-radius:1rem;border:1px solid var(--line);background:#fff}.profile-summary-text h2{margin:0;font-size:1.1rem}.profile-summary-text p{margin:.2rem 0 0;color:#303c58;font-weight:700}.profile-summary-text span{margin-top:.2rem;display:block;font-size:.9rem;color:var(--muted)}.profile-form{border:1px solid var(--line);border-radius:1rem;background:var(--panel);padding:.95rem}.profile-avatars{margin:0 0 .85rem;padding:0;border:0}.profile-avatars legend{padding:0;margin-bottom:.55rem;font-size:.9rem;font-weight:600}.profile-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.profile-avatar-option{border:1px solid var(--line);border-radius:.9rem;background:#fff;padding:.5rem .45rem;display:grid;gap:.35rem;justify-items:center;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.profile-avatar-option:hover{border-color:#b8c4de}.profile-avatar-option.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translateY(-1px)}.profile-avatar-option input{position:absolute;opacity:0;pointer-events:none}.profile-avatar-option img{width:3rem;height:3rem}.profile-avatar-option span{font-size:.78rem;font-weight:600;color:#2f3b54}.profile-label{margin-top:.5rem;display:block;font-size:.9rem;font-weight:600}.profile-input{margin-top:.35rem;width:100%;border:1px solid var(--line);border-radius:.82rem;background:#fff;font:inherit;color:var(--ink);padding:.78rem .9rem;transition:border-color .12s ease,box-shadow .12s ease}.profile-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.profile-hint{margin:.1rem 0 0;font-size:.82rem;color:var(--muted)}.profile-actions{display:flex;justify-content:flex-start;gap:.55rem;margin-top:.45rem}.profile-primary-btn,.profile-secondary-btn,.profile-link-btn{border-radius:.82rem;padding:.64rem .9rem;font:inherit;font-weight:700;cursor:pointer}.profile-danger-btn{border:0;border-radius:.82rem;padding:.7rem .95rem;font:inherit;font-weight:700;cursor:pointer;background:#dc2626;color:#fff}.profile-danger-btn.confirm{background:#991b1b}.profile-danger-btn:hover:not(:disabled){background:#b91c1c}.profile-danger-wrap{margin-top:.6rem}.profile-danger-actions{display:flex;gap:.55rem;align-items:center}.profile-danger-hint{margin:0 0 .6rem;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:.72rem;padding:.6rem .7rem;font-size:.88rem}.profile-primary-btn{border:0;background:#11161f;color:#fff}.profile-primary-btn:hover:not(:disabled){background:#283244}.profile-secondary-btn,.profile-link-btn{border:1px solid var(--line);background:#fff;color:#2f3746}.profile-secondary-btn:hover:not(:disabled),.profile-link-btn:hover:not(:disabled){border-color:#bcc6dc;background:#f8fbff}.profile-primary-btn:disabled,.profile-secondary-btn:disabled,.profile-danger-btn:disabled{opacity:.62;cursor:not-allowed}.profile-status{margin:.15rem 0 0;border:1px solid #c6d7ff;background:#eaf1ff;color:#21498f;border-radius:.72rem;padding:.6rem .7rem;font-size:.9rem}.profile-loading{margin:0;color:var(--muted)}@media(max-width:760px){.profile-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.profile-shell{padding:.85rem}.profile-summary{flex-direction:column;align-items:flex-start}.profile-actions{flex-direction:column-reverse;align-items:stretch}.profile-danger-actions{flex-direction:column;align-items:stretch}}