:root{--ink:#25232b;--muted:#8e8a96;--paper:#fbfaf8;--panel:#fffefd;--line:#ece9e6;--lavender:#7266ed;--lavender-soft:#f0eeff;--orange:#f59b64;--green:#5abb86}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:#f3f1ee;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}.app-stage{background:radial-gradient(circle at 8% 8%,#fff3df 0,#0000 24%),radial-gradient(circle at 95% 88%,#e4e1fb 0,#0000 25%),#f3f1ee;min-height:100vh;padding:20px;transition:background .3s}.app-shell{background:var(--panel);border:1px solid #2f2b3a14;border-radius:28px;max-width:1240px;height:calc(100vh - 40px);min-height:650px;margin:auto;display:flex;overflow:hidden;box-shadow:0 24px 80px #332b4524}.sidebar{border-right:1px solid var(--line);background:#fffefde6;flex-direction:column;flex:0 0 390px;display:flex;position:relative}.sidebar-top{justify-content:space-between;align-items:center;padding:27px 27px 22px;display:flex}.brand-lockup{color:var(--ink);letter-spacing:-.06em;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand-lockup.compact{font-size:19px}.brand-mark{background:var(--lavender);color:#fff;border-radius:10px 10px 10px 3px;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:22px;font-style:italic;font-weight:700;display:grid;box-shadow:0 7px 14px #7266ed40}.round-button{background:#f4f1f0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.mini-avatar{color:#fff;background:linear-gradient(145deg,#f7be88,#e88372);border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.sidebar-heading,.utility-title{justify-content:space-between;align-items:end;padding:12px 27px 20px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:700}h2{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:27px}.sidebar-heading h2 span{color:var(--lavender);vertical-align:top;margin-left:5px;font-size:12px}.add-button{background:var(--lavender-soft);width:35px;height:35px;color:var(--lavender);border-radius:12px;font-size:23px;line-height:1}.search-box{height:42px;color:var(--muted);background:#f6f4f2;border:1px solid #0000;border-radius:13px;align-items:center;gap:10px;margin:0 21px 18px;padding:0 13px;display:flex}.search-box:focus-within{background:#fff;border-color:#d9d4ff}.icon{font-size:19px;line-height:1}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:#aaa6af}.search-box button{color:var(--muted);background:0 0;padding:0;font-size:18px}.sidebar-content{flex:1;min-height:0;overflow:auto}.filter-pills{gap:7px;padding:0 21px 12px;display:flex}.filter-pills button{color:var(--muted);background:0 0;border-radius:8px;padding:8px 12px;font-size:11px}.filter-pills button.active{background:var(--lavender-soft);color:var(--lavender);font-weight:700}.filter-pills span{margin-left:4px;font-size:10px}.chat-list{padding:0 10px}.chat-row{text-align:left;background:0 0;border-radius:17px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.chat-row:hover,.chat-row.selected{background:#f7f5ff}.avatar-wrap{flex:none;position:relative}.avatar{color:#fff;letter-spacing:-.03em;border-radius:17px 17px 17px 6px;place-items:center;width:48px;height:48px;font-size:12px;font-weight:800;display:grid}.avatar-small{border-radius:14px 14px 14px 5px;width:42px;height:42px;font-size:11px}.avatar-peach{background:linear-gradient(135deg,#f3b994,#dc786b)}.avatar-blue{background:linear-gradient(135deg,#91b9ec,#6176be)}.avatar-lilac{background:linear-gradient(135deg,#c5a9e8,#8977bf)}.avatar-mint{background:linear-gradient(135deg,#8fd0bd,#4b9d8d)}.avatar-wrap i{background:var(--green);border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-2px}.chat-info{flex:1;min-width:0}.chat-row-top,.chat-row-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-row strong{font-size:13px}.chat-row time{color:var(--muted);font-size:10px}.chat-row-bottom{color:var(--muted);margin-top:6px;font-size:11px}.chat-row-bottom span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-row-bottom b{background:var(--lavender);color:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.bottom-nav{border-top:1px solid var(--line);background:#fffefdf5;justify-content:space-around;gap:3px;padding:13px 13px 15px;display:flex}.bottom-nav button{color:#aaa6ae;background:0 0;flex-direction:column;flex:1;align-items:center;gap:5px;padding:4px 0;font-size:9px;display:flex;position:relative}.bottom-nav button.active{color:var(--lavender);font-weight:700}.bottom-nav .icon{font-size:19px}.bottom-nav i{background:var(--orange);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:calc(50% - 15px)}.chat-pane{background:var(--paper);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--line);background:#fffefdbf;align-items:center;min-height:91px;padding:20px 29px;display:flex}.header-person{align-items:center;gap:12px;display:flex}.header-person strong{font-size:14px;display:block}.header-person span{color:var(--green);margin-top:4px;font-size:10px;display:block}.header-actions{gap:8px;margin-left:auto;display:flex}.header-actions button,.mobile-back{color:#706b76;background:#f6f3f0;border-radius:11px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.mobile-back{margin-right:4px;font-size:28px;display:none}.message-canvas{background:radial-gradient(circle at 78% 20%,#ece4ffa6,transparent 23%),radial-gradient(circle at 20% 78%,#ffecda6b,transparent 22%),var(--paper);flex:1;min-height:0;position:relative;overflow:auto}.message-canvas:before{opacity:.18;content:"";pointer-events:none;background-image:radial-gradient(#bcb4d4 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.date-divider{z-index:1;justify-content:center;padding:26px 0 8px;display:flex;position:relative}.date-divider span{color:#aaa2b0;letter-spacing:.12em;background:#ffffffb3;border-radius:8px;padding:6px 10px;font-size:9px;font-weight:700}.message-list{z-index:1;padding:8px 34px 24px;position:relative}.message-line{justify-content:flex-start;margin:8px 0;display:flex}.message-line.mine{justify-content:flex-end}.bubble{color:#4e4a55;background:#fff;border-radius:16px 16px 16px 4px;max-width:min(68%,430px);padding:12px 15px 8px;font-size:13px;line-height:1.45;box-shadow:0 5px 20px #362b4b0f}.mine .bubble{background:var(--lavender);color:#fff;border-radius:16px 16px 4px}.bubble small{color:#aaa6af;text-align:right;margin-top:6px;font-size:9px;display:block}.mine .bubble small{color:#ffffffb3}.status{color:#b9e9d0;letter-spacing:-2px;margin-left:5px}.status-read{color:#bfe5ff}.composer{border-top:1px solid var(--line);background:#fffefdeb;align-items:center;gap:8px;min-height:76px;padding:14px 25px;display:flex}.composer>button{color:#96919d;background:0 0;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;display:grid}.message-input{background:#fff;border:1px solid #eae6e4;border-radius:14px;flex:1;align-items:center;min-width:0;height:42px;padding:0 10px 0 14px;display:flex}.message-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.message-input button{color:#aaa6af;background:0 0;font-size:16px}.send-button,.voice-button{background:var(--lavender)!important;color:#fff!important}.send-button{font-size:20px}.voice-button{font-size:17px}.utility-panel{padding:22px 21px}.utility-title{padding:8px 6px 24px}.contact-list,.call-list{gap:5px;display:grid}.contact-row{align-items:center;gap:10px;padding:11px 5px;display:flex}.contact-row>div:nth-child(2),.call-row>div:nth-child(2){flex:1;min-width:0}.contact-row strong,.call-row strong{font-size:12px;display:block}.contact-row span,.call-row span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.contact-row button{background:var(--lavender-soft);color:var(--lavender);border-radius:9px;padding:7px 9px;font-size:10px}.invite-card{width:100%;color:var(--ink);text-align:left;background:#fff3e8;border-radius:16px;align-items:center;gap:11px;margin-top:20px;padding:14px;display:flex}.invite-icon{color:#fff;background:#ffb77c;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.invite-card span:nth-child(2){flex:1}.invite-card strong,.invite-card small{display:block}.invite-card strong{font-size:11px}.invite-card small{color:#a78e7d;margin-top:4px;font-size:9px}.invite-card b{color:#dba37d;font-size:18px}.call-list{padding-top:4px}.call-row{align-items:center;gap:11px;padding:12px 5px;display:flex}.call-avatar{color:#fff;background:#f5c4a8;border-radius:14px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:grid}.call-avatar.blue{background:#9cb9e8}.call-row button{background:var(--lavender-soft);width:32px;height:32px;color:var(--lavender);border-radius:10px;place-items:center;display:grid}.call-in{color:var(--green)!important}.empty-note{text-align:center;background:#f7f5ff;border-radius:20px;margin:40px 12px;padding:28px 20px}.empty-note span{width:44px;height:44px;color:var(--lavender);background:#fff;border-radius:50%;place-items:center;margin:0 auto 13px;font-size:24px;display:grid}.empty-note strong{font-size:12px;display:block}.empty-note p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.5}.settings-panel{padding-bottom:30px}.settings-gear{color:var(--lavender);font-size:23px}.settings-profile{background:linear-gradient(120deg,#f2efff,#faf6ff);border-radius:17px;align-items:center;gap:11px;padding:13px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(145deg,#f6bf86,#d77e76);border:4px solid #fff;border-radius:24px 24px 24px 8px;place-items:center;width:66px;height:66px;font-size:18px;font-weight:800;display:grid;box-shadow:0 9px 18px #b8746233}.profile-avatar.small{border:0;border-radius:15px 15px 15px 5px;width:42px;height:42px;font-size:11px}.settings-profile div:nth-child(2){flex:1}.settings-profile strong,.settings-profile span{display:block}.settings-profile strong{font-size:12px}.settings-profile span{color:var(--muted);margin-top:4px;font-size:10px}.settings-profile button{color:var(--muted);background:0 0;font-size:22px}.settings-section{margin-top:22px}.settings-section>p{color:#aaa6ae;letter-spacing:.12em;margin:0 6px 7px;font-size:9px;font-weight:700}.settings-section button{width:100%;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:12px;padding:11px 6px;font-size:11px;display:flex}.setting-symbol{width:29px;height:29px;color:var(--lavender);background:#f6f3f1;border-radius:9px;place-items:center;font-size:17px;display:grid}.settings-section button span:nth-child(2){flex:1}.settings-section button b{color:#bbb5bf;font-size:18px;font-weight:400}.toggle{background:#d7d3d9;border-radius:20px;width:29px;height:17px;padding:2px;display:block}.toggle em{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block}.toggle.on{background:var(--lavender)}.toggle.on em{transform:translate(12px)}.logout{color:#d77978!important}.logout .setting-symbol{color:#d77978}.version{color:#bbb6be;margin:32px 6px 0;font-size:9px;display:block}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a253052;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-modal{background:#fff;border-radius:25px;width:min(360px,100%);position:relative;overflow:hidden;box-shadow:0 25px 60px #271e3533}.modal-close{z-index:1;color:#837e87;background:#ffffffa6;border-radius:50%;width:30px;height:30px;font-size:21px;position:absolute;top:14px;right:14px}.profile-cover{background:radial-gradient(circle at 30% 20%,#ffd6bc,#0000 30%),linear-gradient(125deg,#edeaff,#fff1e5);place-items:end center;height:116px;display:grid}.profile-cover .profile-avatar{transform:translateY(30px)}.profile-body{text-align:center;padding:47px 28px 28px}.profile-body .eyebrow{margin-bottom:7px}.profile-body h2{font-size:23px}.muted{color:var(--muted);margin:7px 0 21px;font-size:11px}.profile-stats{color:var(--muted);justify-content:center;gap:32px;margin-bottom:20px;font-size:10px;display:flex}.profile-stats b{color:var(--ink);margin-bottom:4px;font-size:17px;display:block}.secondary-button{background:var(--lavender-soft);width:100%;color:var(--lavender);border-radius:12px;padding:12px;font-size:11px;font-weight:700}.secondary-button span{margin-left:5px}.toast{z-index:20;color:#fff;background:#302d37;border-radius:12px;max-width:calc(100% - 40px);padding:11px 16px;font-size:11px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #14121933}.auth-wrap{background:radial-gradient(circle at 14% 12%,#ffe4c9 0,#0000 24%),radial-gradient(circle at 90% 90%,#dfdcff 0,#0000 29%),#f3f1ee;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fffefde6;border:1px solid #2f2b3a14;border-radius:28px;width:min(480px,100%);padding:34px;position:relative;overflow:hidden;box-shadow:0 24px 80px #332b4524}.auth-card .brand-lockup{z-index:1;position:relative}.auth-copy{z-index:1;padding:72px 0 34px;position:relative}.auth-copy h1{color:var(--ink);letter-spacing:-.08em;margin:0;font-size:clamp(35px,8vw,52px);line-height:.98}.auth-copy h1 em{color:var(--lavender);font-family:Georgia,serif;font-weight:400}.auth-copy>p:last-child{max-width:280px;color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.5}.auth-orbit{border:1px solid #7266ed26;border-radius:50%;position:absolute}.orbit-one{width:240px;height:240px;top:40px;right:-80px}.orbit-two{border-color:#f59b6433;width:150px;height:150px;top:84px;right:-36px}.auth-tabs{border-bottom:1px solid var(--line);gap:18px;margin-bottom:18px;display:flex}.auth-tabs button{color:var(--muted);background:0 0;padding:0 0 11px;font-size:12px}.auth-tabs button.active{border-bottom:2px solid var(--lavender);color:var(--ink);font-weight:700}.form-stack{gap:12px;display:grid}.form-stack label{color:#746e79;font-size:10px;font-weight:700}.form-stack input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:0;margin-top:6px;padding:12px 13px;font-size:12px;display:block}.form-stack input:focus{border-color:#b9b1ff}.primary-button{background:var(--lavender);color:#fff;border-radius:13px;justify-content:space-between;align-items:center;margin-top:5px;padding:14px 16px;font-size:12px;font-weight:700;display:flex;box-shadow:0 8px 20px #7266ed3b}.primary-button span{font-size:18px}.auth-foot{color:#aaa5ae;margin:17px 0 0;font-size:9px;line-height:1.4}.theme-dark{--ink:#f6f3fb;--muted:#a6a1b0;--paper:#1f1d27;--panel:#24212d;--line:#37323f;--lavender-soft:#332e52;background:#15131b}.theme-dark .sidebar,.theme-dark .chat-header,.theme-dark .composer,.theme-dark .bottom-nav{background:#24212d}.theme-dark .search-box,.theme-dark .message-input,.theme-dark .header-actions button,.theme-dark .round-button,.theme-dark .setting-symbol{background:#302b39}.theme-dark .message-canvas{background-color:#1f1d27}.theme-dark .bubble,.theme-dark .profile-modal{color:#eeeaf5;background:#302c38}.theme-dark .mine .bubble{background:#5a50bb}.theme-dark .chat-row:hover,.theme-dark .chat-row.selected{background:#302b43}@media (max-width:800px){.app-stage{padding:0}.app-shell{border:0;border-radius:0;height:100vh;min-height:0}.sidebar{border-right:0;flex-basis:100%}.chat-pane{display:none}.sidebar-heading{padding-top:14px}.bottom-nav{padding-bottom:max(15px,env(safe-area-inset-bottom))}.chat-row.selected{background:0 0}.app-shell:has(.chat-row.selected) .chat-pane{z-index:5;display:flex;position:fixed;inset:0}.app-shell:has(.chat-row.selected) .sidebar{display:none}.mobile-back{display:grid}.chat-header{min-height:75px;padding:15px 16px}.header-actions button:first-child{display:none}.message-list{padding:8px 16px 24px}.bubble{max-width:82%}.composer{min-height:69px;padding:10px}.composer>button:last-child{display:none}.sidebar-top{padding:22px 21px 16px}}.file-input{display:none}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.message-image-link{border-radius:12px;margin:-4px -6px 0;display:block;overflow:hidden}.message-image{object-fit:cover;width:min(260px,100%);max-height:320px;display:block}.image-bubble{padding:10px 11px 8px}.image-caption{text-align:left;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;display:block;overflow:hidden}.voice-recorder-wrap{align-items:center;min-width:42px;display:flex;position:relative}.voice-record-button{gap:4px;min-width:42px}.voice-record-button.recording{animation:1.5s ease-in-out infinite pulse-recording;background:#d96e78!important}.voice-record-button small{font-size:9px;font-weight:700}.voice-diagnostic{border:1px solid var(--line);background:var(--panel);max-width:220px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;line-height:1.2;display:flex;position:absolute;bottom:39px;right:0;box-shadow:0 5px 16px #362b4b14}.voice-diagnostic i{background:var(--green);border-radius:5px;height:4px;transition:width .1s;display:block}.voice-message{align-items:center;gap:10px;min-width:210px;display:flex}.voice-play{width:30px;height:30px;color:var(--lavender);background:#7266ed24;border-radius:50%;place-items:center;font-size:12px;display:grid}.mine .voice-play{color:#fff;background:#ffffff2e}.voice-track{flex:1;min-width:0}.voice-track input{width:100%;height:4px;accent-color:var(--lavender);cursor:pointer;display:block}.mine .voice-track input{accent-color:#fff}.voice-times{color:#aaa6af;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.mine .voice-times{color:#ffffffb8}.audio-element{display:none}.audio-bubble{padding:10px 12px 8px}@keyframes pulse-recording{50%{box-shadow:0 0 0 6px #d96e7829}}.audio-element{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;display:block!important}.profile-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-actions{gap:7px;margin:0 0 20px;display:grid}.text-button{color:#c67c7b;background:0 0;padding:4px;font-size:10px}.round-button .profile-avatar{width:30px;height:30px;box-shadow:none;border:0;border-radius:50%;font-size:10px}.avatar-actions .secondary-button{margin:0}.mobile-config-error{color:#25232b;background:#f3f1ee;place-items:center;min-height:100vh;padding:24px;font-family:Arial,Helvetica,sans-serif;display:grid}.mobile-config-error section{text-align:center;background:#fffefd;border-radius:22px;max-width:360px;padding:28px;box-shadow:0 18px 60px #332b4524}.mobile-config-error strong{font-size:20px}.mobile-config-error p{color:#8e8a96;margin:12px 0 0;font-size:13px;line-height:1.5}@supports (padding:max(0px)){@media (max-width:800px){.sidebar-top{padding-top:max(22px,env(safe-area-inset-top))}.bottom-nav{padding-bottom:max(15px,env(safe-area-inset-bottom))}.composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}}