@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#7a1d5e;--accentSoft:#feeef9;--bg:#f8f7f3;--panel:#fff;--ink:#382733;--muted:#948b91;--line:#e9ede6;--message:#fff;--own:#fee2f5;--shadow:0 3px 10px #38273304}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #c6a967;outline-offset:3px}svg{width:21px;height:21px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button:hover{filter:brightness(.94)}.preview{height:33px;background:#3c2736;color:#dbe4da;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:9px;letter-spacing:.7px}.preview>span{display:flex;gap:8px;align-items:center}.preview i{height:5px;width:5px;background:#b4cda0;border-radius:50%}.preview button{font-size:9px;color:#cfc2cb;letter-spacing:0}.preview button span{margin-left:15px}.app{height:calc(100dvh - 33px);display:grid;grid-template-columns:78px 325px minmax(320px,1fr) 255px;max-width:1900px;margin:auto}.rail{border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:27px 0 21px;background:#f0f2eb}.logo{color:var(--accent);display:block;margin-bottom:47px}.logo svg{width:37px;height:37px;stroke:none}.rail nav{width:100%;display:flex;align-items:center;flex-direction:column;gap:14px}.rail nav button{border-radius:12px;width:47px;height:47px;position:relative;color:#948a91}.rail nav button.active{color:var(--accent);background:#dee8d7}.rail nav button small{position:absolute;right:8px;top:8px;background:#cf815d;width:6px;height:6px;border-radius:50%;border:1px solid #f0f2eb}.railFoot{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:23px}.me{background:#dac9af;border-radius:50%;height:35px;width:35px;font-size:11px;font-weight:700;color:#5c5344}.listPane{display:flex;flex-direction:column;background:var(--panel);min-width:0;border-right:1px solid var(--line)}.listHeader{display:flex;align-items:center;justify-content:space-between;padding:28px 25px 24px}.wordmark{font:800 26px Manrope;letter-spacing:-1.3px;color:var(--ink)}.wordmark span{color:#d2955e;margin-left:1px}.iconbutton{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:var(--bg)}.iconbutton svg{width:18px}.pageHeading{display:flex;align-items:center;justify-content:space-between;padding:0 25px 17px}.pageHeading h1{font:800 22px Manrope;letter-spacing:-.6px;margin:0}.pageHeading>span{font-size:10px;color:var(--muted)}#listContent{overflow:auto;flex:1;min-height:0}.searchBox{margin:0 23px 16px;display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--bg);border-radius:9px}.searchBox svg{height:15px;width:15px;color:#90868d}.searchBox input{outline:0;border:0;background:none;color:var(--ink);font-size:11px;width:100%}.filters{display:flex;gap:7px;padding:0 23px 18px}.filters button{font-size:10px;color:#938890;padding:7px 12px;border-radius:6px}.filters button.active{background:var(--accentSoft);color:var(--accent);font-weight:700}.sectionlabel{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#a59ca2;padding:10px 25px 7px;display:flex;align-items:center;gap:7px}.sectionlabel svg{height:11px;width:11px}.thread{width:100%;padding:17px 22px;display:flex;gap:12px;text-align:left;position:relative;border-left:3px solid transparent}.thread.active{background:var(--accentSoft);border-left-color:var(--accent)}.avatar{height:45px;width:45px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:700;background:var(--av,#efe7d8);color:#5f6458;position:relative}.avatar.group{border-radius:15px}.avatar svg{width:21px;height:21px}.online{width:9px;height:9px;border:2px solid white;background:#80aa76;border-radius:50%;position:absolute;bottom:0;right:1px}.threadText{flex:1;min-width:0}.thread strong{display:block;font-size:12px;font-weight:700;margin:4px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread p{font-size:10px;color:#968d93;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threadTime{font-size:8px;color:#9f949c;text-align:right;margin-top:6px;min-width:27px}.badge{display:grid;place-items:center;margin:9px 0 0 auto;background:var(--accent);color:white;width:16px;height:16px;font-size:8px;border-radius:50%}.listFoot{text-align:center;padding:17px;font-size:9px;color:#919d8e;border-top:1px solid var(--line)}.miniMark{color:#b4bf9c;margin-right:6px}main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.chatHeader{height:88px;flex-shrink:0;padding:18px 25px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:var(--panel)}.chatHeader .avatar{height:39px;width:39px}.chatHeader h2{font:800 14px Manrope;margin:0 0 5px}.chatHeader p{font-size:10px;color:var(--muted);margin:0}.chatActions{display:flex;gap:14px;margin-left:auto}.chatActions button{padding:6px;color:#8a7b86}.chatActions svg{width:18px;height:18px}.back{display:none}.conversation{padding:25px 32px 15px;overflow-y:auto;flex:1;min-height:0;scroll-behavior:smooth;background-image:radial-gradient(#98a38610 .8px,transparent .8px);background-size:17px 17px}.date{text-align:center;color:#a5aca0;font-size:8px;letter-spacing:1px;margin:4px 0 26px}.message{display:flex;gap:9px;align-items:flex-end;margin-bottom:17px;max-width:88%}.message.own{margin-left:auto;justify-content:flex-end}.message .avatar{height:25px;width:25px;font-size:8px}.bubble{background:var(--message);border:1px solid var(--line);border-radius:13px 13px 13px 3px;padding:13px 16px;font-size:12px;line-height:1.7;box-shadow:var(--shadow);min-width:70px}.own .bubble{background:var(--own);border:1px solid transparent;border-radius:13px 13px 3px 13px}.bubble>small{display:block;color:#94a08f;font-size:8px;text-align:right;margin-top:5px}.sender{font-size:9px;display:block;color:var(--accent);margin-bottom:5px;font-weight:700}.voice{display:flex;gap:12px;align-items:center;min-width:190px}.voice button{border-radius:50%;background:var(--accent);color:white;width:29px;height:29px;display:grid;place-items:center}.voice button svg{height:13px;width:13px}.wave{display:flex;gap:3px;align-items:center;height:29px;flex:1}.wave i{width:3px;background:#97ac8a;border-radius:2px}.voice small{font-size:9px;color:var(--muted)}.fileBubble{display:flex;gap:10px;padding:10px;border-radius:8px;background:#f0f3eb;align-items:center;margin-top:9px;text-align:left;width:100%;font-size:10px}.fileBubble small{font-size:8px;color:var(--muted)}.promptChips{display:flex;gap:8px;padding:8px 24px 11px;overflow:auto}.promptChips button{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:7px 12px;font-size:10px;white-space:nowrap;color:#89977f}.composer{display:flex;align-items:center;gap:10px;margin:0 23px 10px;padding:9px 10px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.composer input{border:0;outline:none;background:none;flex:1;min-width:0;padding:10px 0;font-size:12px;color:var(--ink)}.composer button{color:#84937d;display:grid;place-items:center;padding:6px}.composer button svg{height:20px;width:20px}.composer .send{background:var(--accent);color:white;border-radius:9px;height:37px;width:37px}.previewNote{text-align:center;color:#a0a99b;font-size:8px;padding:0 12px 14px;line-height:1.5}#details{padding:29px 23px;border-left:1px solid var(--line);background:var(--panel);overflow:auto}.detailTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.detailTop span{font-size:9px;letter-spacing:1px;color:#9aa596}.detailTop svg{height:15px}.detailProfile{text-align:center}.detailProfile .avatar{height:72px;width:72px;font-size:23px;margin:0 auto 15px}.detailProfile h3{font:800 16px Manrope;margin:0 0 6px}.detailProfile p{font-size:10px;color:var(--muted);line-height:1.7}.detailActions{display:flex;justify-content:center;gap:22px;margin:20px 0 29px}.detailActions button{font-size:8px;display:flex;align-items:center;flex-direction:column;gap:7px;color:#86927e}.detailActions button span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--bg)}.detailActions svg{height:16px;width:16px}.detailSection{border-top:1px solid var(--line);padding:20px 0}.detailSection h4{font-size:10px;margin:0 0 13px;display:flex;justify-content:space-between}.detailSection p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.detailSection button{padding:0;color:var(--accent);font-size:10px;line-height:1.6}.detailRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:10px}.detailRow svg{height:15px;width:15px;color:#98a190}.toggle{background:#dce2d8;width:28px;height:16px;border-radius:20px;padding:2px!important}.toggle span{display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on{background:var(--accent)}.toggle.on span{transform:translateX(12px)}.palette{display:flex;gap:7px}.swatch{height:22px;width:22px;border-radius:50%;background:var(--sw);border:3px solid white;box-shadow:0 0 0 1px #e0e6dc}.swatch.chosen{box-shadow:0 0 0 2px var(--accent)}.detailCard{border:1px solid #e5e8d8;background:#f5f5ed;padding:16px;border-radius:10px;margin-top:20px}.detailCard span{font-size:8px;font-weight:700;letter-spacing:.7px;color:#9a9f82}.detailCard h4{font:700 13px Manrope;margin:9px 0}.detailCard p{font-size:10px;line-height:1.8;color:#8c9681}.detailCard button{font-size:10px;font-weight:700;padding:0}.cardsPage{padding:35px;overflow:auto;height:100%}.cardsPage>h2{font:800 29px Manrope;letter-spacing:-1px;margin:0 0 9px}.cardsPage>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 28px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:23px}.card h3{font:800 15px Manrope;line-height:1.5}.card p{font-size:11px;color:var(--muted);line-height:1.8}.pill{font-size:8px;background:var(--accentSoft);color:var(--accent);border-radius:5px;padding:5px 8px;display:inline-block}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:white;border-radius:9px;padding:12px 17px;font-size:11px}.secondary{padding:11px 14px;border:1px solid var(--line);border-radius:9px;font-size:11px}.primary svg{height:15px;width:15px}.callRow{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:16px 23px}.callRow>div:nth-child(2){flex:1}.callRow strong{font-size:11px}.callRow p{font-size:9px;color:var(--muted);margin:5px 0 0}.callRow button{color:var(--accent)}.callRow svg{width:17px;height:17px}.story{display:flex;align-items:center;gap:12px;padding:17px 23px;text-align:left;width:100%}.story .avatar{outline:2px solid #a8bc8c;outline-offset:3px}.story strong{display:block;font-size:11px;margin-bottom:5px}.story small{font-size:9px;color:var(--muted)}.empty{padding:35px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.settingRow{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;gap:20px}.settingRow small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.largeAvatar{height:65px;width:65px;font-size:23px}.introArt{background:linear-gradient(140deg,#e3ead9,#edf0e5);border-radius:18px;height:170px;display:flex;justify-content:center;align-items:center;gap:17px;margin-bottom:25px}.introArt span{display:grid;place-items:center;background:#fff9;border:1px solid #fff;border-radius:25px;height:65px;width:65px;color:#6f876b;transform:rotate(-8deg);font-size:30px}.introArt span:nth-child(2){transform:translateY(-12px) rotate(6deg);background:var(--accent);color:white}.introArt svg{height:30px;width:30px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:20px;width:min(470px,92vw);padding:30px;box-shadow:0 20px 100px #2f162730;max-height:90dvh;overflow:auto}dialog::backdrop{background:#2d1a2766;backdrop-filter:blur(4px)}dialog h2{font:800 23px Manrope;letter-spacing:-.6px;line-height:1.4;margin:15px 0 12px}dialog p{font-size:12px;color:var(--muted);line-height:1.8}#closeModal{float:right;font-size:24px;color:var(--muted)}label{display:block;font-size:11px;color:var(--muted);margin:15px 0 7px}dialog input:not([type=checkbox]):not([type=color]),dialog select,dialog textarea,.settingsInput{display:block;width:100%;padding:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;font-size:12px;outline:none;margin-bottom:12px}dialog input:focus,dialog textarea:focus{border-color:var(--accent)}dialog textarea{resize:vertical;min-height:75px}.checks{max-height:180px;overflow:auto}.checks label{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:7px;margin:7px 0;color:var(--ink)}input[type=checkbox]{accent-color:var(--accent)}.formActions{display:flex;gap:10px;margin-top:20px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:#3e2737;color:white;box-shadow:0 5px 20px #0002;border-radius:10px;padding:13px 22px;z-index:20;display:none;font-size:11px;max-width:90vw;text-align:center}.calling{text-align:center;padding:20px 0}.calling .avatar{height:80px;width:80px;margin:20px auto;font-size:27px}.callEnd{background:#b25b50;color:white;border-radius:50%;padding:15px;margin-top:15px}.notice{font-size:10px;color:var(--muted);background:var(--bg);padding:12px;border-radius:8px;margin:15px 0;line-height:1.7}#mobileNav{display:none}.dark{--bg:#251c22;--panel:#2d232a;--ink:#e0e9df;--muted:#a0919c;--line:#40353d;--message:#362c33;--own:#503c4a;--accentSoft:#493543}.dark .rail{background:#2b2128}.dark .rail nav button.active{background:#543d4d;color:#d2e2c4}.dark .fileBubble,.dark .detailCard{background:#3c3139}.dark .detailCard{border-color:#41503d}.dark .introArt{background:#40313c}.dark .swatch{border-color:#382a34}.dark .primary,.dark .send{background:#76576d}.dark .avatar{color:#50404b}@media(min-width:1600px){.app{grid-template-columns:88px 360px minmax(400px,1fr) 285px}.conversation{padding:32px 55px}.thread{padding:20px 25px}.chatHeader{height:95px}}@media(max-width:1190px){.app{grid-template-columns:70px 305px minmax(0,1fr)}#details{display:none}.conversation{padding:25px}.chatActions{gap:8px}}@media(max-width:780px){.app{grid-template-columns:60px 260px minmax(0,1fr)}.listHeader{padding:24px 20px}.thread{padding:16px 15px;gap:9px}.avatar{height:39px;width:39px}.chatHeader{padding:15px;gap:9px}.chatActions{gap:1px}.chatHeader h2{font-size:12px}.chatHeader .avatar{height:31px;width:31px}.conversation{padding:20px 14px}.bubble{padding:11px 12px;font-size:11px}.message{max-width:98%}.composer{margin:0 12px 9px;gap:5px}.cards{grid-template-columns:1fr}.cardsPage{padding:23px}.voice{min-width:150px}}@media(max-width:600px){.preview{padding:0 14px;height:28px;font-size:7px}.preview button{font-size:7px}.preview button span{display:none}.app{display:block;height:calc(100dvh - 94px);height:calc(100dvh - 94px - env(safe-area-inset-bottom));}.rail{display:none}.listPane{height:100%;border:0}.listHeader{padding:23px 24px 19px}.wordmark{font-size:30px}.listHeader .iconbutton{width:35px;height:35px}.pageHeading{padding:0 24px 17px}.pageHeading h1{font-size:27px}.listFoot{display:none}.searchBox{padding:12px 14px;margin:0 23px 15px}.searchBox input{font-size:13px}.filters{padding-bottom:15px}.filters button{font-size:11px;padding:7px 13px}.thread{padding:17px 21px;gap:13px}.thread strong{font-size:14px;margin:2px 0 8px}.thread p{font-size:12px}.thread .avatar{width:48px;height:48px;font-size:14px}.threadTime{font-size:9px}.badge{width:18px;height:18px;font-size:9px}.sectionlabel{font-size:9px;padding-bottom:10px}.thread.active{background:transparent;border-left-color:transparent}main{display:none;height:100%}body.chatOpen main,body.pageOpen main{display:flex}body.chatOpen .listPane,body.pageOpen .listPane{display:none}.chatHeader{height:79px;padding:15px 13px;gap:9px}.chatHeader h2{font-size:14px}.chatHeader .avatar{height:36px;width:36px}.chatHeader p{font-size:10px}.back{display:block;padding:7px 0;margin-right:3px;color:var(--accent)}.back svg{width:21px}.chatActions{gap:7px}.chatActions svg{width:19px;height:19px}.conversation{padding:25px 18px}.bubble{font-size:13px;padding:12px 14px}.message{max-width:91%;margin-bottom:20px}.message .avatar{display:none}.bubble>small{font-size:9px}.date{font-size:9px}.composer{margin:0 14px 9px;padding:8px}.composer input{font-size:14px}.composer button{padding:5px}.composer .send{height:37px;width:37px}.promptChips{padding:8px 17px 11px}.promptChips button{font-size:11px}.previewNote{font-size:8px;padding-bottom:12px}#mobileNav{display:flex;height:66px;height:calc(66px + env(safe-area-inset-bottom));padding:10px 10px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;background:var(--panel);border-top:1px solid var(--line)}#mobileNav button{font-size:8px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:5px;min-width:45px}#mobileNav button.active{color:var(--accent);font-weight:700}#mobileNav button.active svg{background:var(--accentSoft);border-radius:7px;box-shadow:0 0 0 5px var(--accentSoft)}#mobileNav svg{height:20px;width:20px}.dark #mobileNav button.active{color:#c0d4b4}.cardsPage{padding:24px}.cardsPage>h2{font-size:26px}.cards{grid-template-columns:1fr}.toast{bottom:85px}.callRow{padding:19px 24px}.callRow strong,.story strong{font-size:13px}.callRow p,.story small{font-size:11px}.story{padding:20px 24px}.card h3{font-size:17px}.card p{font-size:12px}.voice{min-width:190px}dialog{padding:25px}.primary{font-size:12px}.settingRow{font-size:13px}}
/* Faymoo: clear, familiar messaging with a distinctive sea-green identity. */
:root{--accent:#7a1d5e;--accentSoft:#f3e5ef;--bg:#f6f2f5;--ink:#2b1825;--muted:#7c6976;--line:#eee6eb;--own:#f3daeb;--shadow:0 2px 3px #3a193005}
body{font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}.preview{height:28px;background:#f3eaf0;color:#6b4660;font-size:10px;letter-spacing:.4px;padding:0 22px}.preview button{font-size:10px;color:#6b4660}.preview i{background:#7a1d5e}.app{height:calc(100dvh - 28px);grid-template-columns:76px 370px minmax(0,1fr);max-width:none}.rail{background:#f5f0f3;padding:25px 0 20px}.logo{margin-bottom:40px}.rail nav{gap:16px}.rail nav button{height:48px;width:48px;border-radius:17px;color:#806c7a}.rail nav button.active{background:#edd9e7;color:var(--accent)}.rail nav button small{background:var(--accent);border:2px solid #edd9e7;width:9px;height:9px}.railFoot{gap:25px}.me{width:40px;height:40px;background:#e7dae3;color:#56364c}.listHeader{padding:25px 24px 18px}.wordmark{font-size:30px;letter-spacing:-1.6px;color:var(--accent)}.wordmark span{color:#c9a0bd}.iconbutton{width:40px;height:40px;background:var(--accentSoft);color:var(--accent);border-radius:50%}.iconbutton svg{height:20px;width:20px}.pageHeading{padding:0 24px 18px;align-items:baseline}.pageHeading h1{font-size:24px;letter-spacing:-.8px}.pageHeading>span{font-size:11px;color:var(--muted)}.searchBox{padding:13px 15px;margin:0 20px 14px;border-radius:14px;background:#f5f2f4}.searchBox input{font-size:13px}.searchBox svg{width:18px;height:18px;color:#816b7a}.filters{overflow-x:auto;scrollbar-width:none;gap:6px;padding:0 20px 17px}.filters button{font-size:12px;background:#f5f2f4;padding:8px 12px;border-radius:20px;flex-shrink:0;color:#7a6674}.filters button.active{background:#eedde9;color:#67184f}.sectionlabel{padding:13px 24px 8px;font-size:10px;letter-spacing:1.1px;color:#93838e}.thread{padding:16px 20px;gap:13px;border-left:0;min-height:86px;border-radius:0}.thread.active{background:#f4ebf1;border-left:0}.thread:hover{background:#f6f1f4}.thread.active:hover{background:#f1e6ee}.thread .avatar{height:51px;width:51px;font-size:16px;border:1px solid #00000004;box-shadow:inset 0 0 18px #ffffff36}.avatar{font-family:Manrope,sans-serif;color:#5a4253}.avatar.group{border-radius:19px}.thread strong{font-size:14px;margin:3px 0 7px;letter-spacing:-.2px}.thread p{font-size:12px;color:#847580;line-height:1.4}.threadTime{font-size:10px;color:#8c7c87;margin-top:5px;min-width:38px}.badge{width:20px;height:20px;font-size:10px;font-weight:700;margin-top:10px;background:var(--accent)}.rowPin{display:block;margin-top:12px;color:#a89ba4}.rowPin svg{height:13px;width:13px}.businessMark{margin-left:6px;color:var(--accent)}.businessMark svg{height:13px;width:13px}.listFoot{font-size:11px;color:#91838d;padding:18px}.listFoot .miniMark{color:var(--accent)}#details{display:none}.chatHeader{height:88px;padding:18px 32px;gap:13px}.chatHeader .avatar{height:45px;width:45px;font-size:14px}.chatHeader h2{font-size:16px;letter-spacing:-.3px}.chatHeader p{font-size:11px;color:#8f7e8a}.chatActions{gap:12px}.chatActions button{width:39px;height:39px;border-radius:50%;color:#73596b}.chatActions button:hover{background:var(--accentSoft)}.chatActions svg{width:21px;height:21px}.conversation{padding:30px max(30px,8%) 18px;background-color:#fff6fc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23b499ac' stroke-opacity='.13' stroke-width='1.2'%3E%3Cpath d='M24 21h19a8 8 0 0 1 0 16h-9l-7 6v-6h-3a8 8 0 0 1 0-16Z M101 90h15l-7 13-8-13Z M71 57l4-6 4 6-4 6-4-6Z'/%3E%3Ccircle cx='128' cy='27' r='9'/%3E%3Cpath d='m122 27 4 4 7-8 M32 109c-8-9-19 4 0 16 19-12 8-25 0-16Z M87 144h10'/%3E%3C/g%3E%3C/svg%3E")}.date{margin:2px 0 30px;font-size:11px;letter-spacing:0;color:#816779}.date span{background:#ffffffd9;box-shadow:0 1px 3px #471f3b10;border-radius:8px;padding:7px 13px}.message{max-width:76%;margin-bottom:14px}.bubble{font-size:14px;line-height:1.65;border:0;border-radius:0 15px 15px 15px;padding:11px 14px 7px;box-shadow:0 1px 2px #421c3712}.own .bubble{border:0;border-radius:15px 0 15px 15px;background:var(--own)}.bubble>small{font-size:10px;color:#937c8c;margin-top:3px;line-height:1.5}.sender{font-size:12px}.voice{min-width:240px;gap:13px;padding:5px 0}.voice button{height:36px;width:36px}.wave i{background:#ae82a1}.voice small{font-size:11px}.promptChips{background:#fff6fc;padding:12px max(24px,6%) 10px;gap:8px}.promptChips button{font-size:11px;border-color:#e8dfe5;color:#7f6477;padding:8px 13px;background:#ffffffaa}.composer{border:1px solid #eae1e7;border-radius:24px;margin:0 24px 8px;padding:7px 9px 7px 14px;gap:12px;box-shadow:0 2px 9px #284c2404}.composer input{font-size:14px;padding:12px 0}.composer button{color:#876d7f}.composer .send{border-radius:50%;width:42px;height:42px;flex-shrink:0}.composer .send svg{height:20px;width:20px}.previewNote{font-size:10px;color:#94828f;padding-bottom:12px}main{background:#fff6fc}.cardsPage{padding:45px;max-width:1000px;width:100%;margin:auto}.cardsPage>h2{font-size:34px;letter-spacing:-1.3px}.cardsPage>p{font-size:15px;max-width:650px}.card{border-radius:20px;padding:28px;box-shadow:0 4px 20px #45253b03}.card h3{font-size:20px}.card p{font-size:13px}.pill{font-size:10px;padding:6px 10px;border-radius:8px}.primary,.secondary{font-size:13px;border-radius:13px;min-height:43px}.settingRow{font-size:14px;padding:23px 0}.settingRow small{font-size:12px}.notice{font-size:12px}.callRow{padding:21px 24px}.callRow strong,.story strong{font-size:14px}.callRow p,.story small{font-size:12px}.story{padding:22px 24px}.introArt{background:linear-gradient(120deg,#eddde8,#f7edf4);height:200px}.introArt span{color:var(--accent)}dialog h2{font-size:26px}dialog p{font-size:14px}dialog label{font-size:12px}dialog input:not([type=checkbox]):not([type=color]),dialog select,dialog textarea{font-size:14px}.toast{font-size:13px}.dark{--bg:#22151e;--panel:#2a1a25;--ink:#f0e7ed;--muted:#b8a3b2;--line:#412d3b;--message:#3b2735;--own:#552747;--accentSoft:#462b3e}.dark .preview{background:#25111f;color:#b89eb0}.dark .preview button{color:#b89eb0}.dark .wordmark{color:#d291bf}.dark .rail{background:#251520}.dark .rail nav button.active{background:#462b3e;color:#dfa3cd}.dark .thread.active{background:#3f2738}.dark .thread:hover{background:#3a2534}.dark .searchBox,.dark .filters button{background:#382532}.dark .filters button.active{background:#57364d;color:#edc2e0}.dark .conversation,.dark main,.dark .promptChips{background-color:#261421}.dark .date span{background:#3c2736;color:#beaeb9}.dark .promptChips button{background:#3a2433;color:#d2c4ce;border-color:#4f3647}.dark .composer{border-color:var(--line)}.dark .thread p,.dark .threadTime,.dark .bubble>small{color:#b3a1ae}.dark .chatActions button{color:#c3a9bb}
@media(min-width:1600px){.app{grid-template-columns:84px 410px minmax(0,1fr)}.conversation{padding-left:12%;padding-right:12%}.thread{padding:19px 24px}.chatHeader{height:88px}}
@media(max-width:1100px){.app{grid-template-columns:68px 330px minmax(0,1fr)}.conversation{padding:27px 24px}.message{max-width:87%}.chatHeader{padding:17px 20px}.chatActions{gap:2px}.pageHeading>span{font-size:10px}.voice{min-width:200px}}
@media(max-width:800px) and (min-width:601px){.app{grid-template-columns:58px 285px minmax(0,1fr)}.thread{padding:16px 14px;gap:9px}.thread .avatar{height:44px;width:44px}.thread strong{font-size:13px}.thread p{font-size:11px}.pageHeading>span{display:none}.chatHeader{padding:15px 12px;gap:8px}.chatHeader h2{font-size:13px}.chatActions button{width:29px}.chatActions button[data-call=voice]{display:none}.chatHeader .avatar{height:35px;width:35px}.conversation{padding:23px 14px}.bubble{font-size:13px}.composer{margin:0 10px 8px;gap:4px}.voice{min-width:160px}.cardsPage{padding:24px}}
@media(max-width:600px){.preview{height:25px;padding:0 16px;font-size:8px;letter-spacing:.25px}.preview button{font-size:8px}.app{display:block;height:calc(100dvh - 97px - env(safe-area-inset-bottom))}.listHeader{padding:22px 22px 17px}.wordmark{font-size:32px}.listHeader .iconbutton{height:41px;width:41px}.pageHeading{padding:0 22px 18px}.pageHeading h1{font-size:28px;letter-spacing:-1px}.pageHeading>span{font-size:11px}.searchBox{margin:0 19px 13px;padding:13px 15px;border-radius:13px}.searchBox input{font-size:15px}.filters{padding:0 19px 13px;gap:7px}.filters button{font-size:13px;padding:8px 14px}.sectionlabel{padding:15px 23px 7px;font-size:10px}.thread{padding:16px 20px;gap:13px;min-height:87px}.thread .avatar{width:53px;height:53px;font-size:16px}.thread strong{font-size:16px;margin:2px 0 7px;font-weight:700}.thread p{font-size:13px}.threadTime{font-size:11px;min-width:43px}.thread.active{background:transparent}.badge{width:21px;height:21px;font-size:11px}.threadText{padding-bottom:4px}.chatHeader{height:79px;padding:12px 10px;gap:9px}.chatHeader .avatar{height:39px;width:39px;font-size:12px}.chatHeader h2{font-size:15px;max-width:43vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatHeader p{font-size:10px}.chatActions{gap:0}.chatActions button{height:34px;width:31px;padding:5px}.chatActions svg{width:20px;height:20px}.chatActions button[data-call=voice]{display:none}.back{padding:8px 0;margin-right:0}.conversation{padding:25px 15px 16px}.message{max-width:88%;margin-bottom:13px}.bubble{font-size:15px;line-height:1.6;padding:10px 12px 7px}.bubble>small{font-size:10px}.voice{min-width:215px}.date{font-size:11px;margin-bottom:27px}.promptChips{padding:10px 14px;background-color:#fff6fc}.promptChips button{font-size:12px;padding:8px 12px}.composer{margin:0 10px 7px;padding:6px 7px 6px 10px;gap:7px;border-radius:26px}.composer input{font-size:16px;padding:11px 0}.composer button{padding:4px}.composer .send{height:41px;width:41px}.previewNote{font-size:9px;padding:0 15px 10px}#mobileNav{height:calc(72px + env(safe-area-inset-bottom));padding:12px 9px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px #294a1f03}#mobileNav button{font-size:10px;gap:7px;min-width:55px}#mobileNav svg{height:22px;width:22px}#mobileNav button.active svg{border-radius:10px;box-shadow:0 0 0 6px var(--accentSoft)}body.chatOpen #mobileNav{display:none}body.chatOpen .app{height:calc(100dvh - 25px);padding-bottom:env(safe-area-inset-bottom);background:#fff6fc}.cardsPage{padding:27px 22px}.cardsPage>h2{font-size:29px}.cardsPage>p{font-size:14px}.card h3{font-size:20px}.card p{font-size:13px}.callRow{padding:21px 23px}.callRow strong,.story strong{font-size:16px}.story small,.callRow p{font-size:12px}.story .avatar,.callRow .avatar{height:49px;width:49px}.toast{bottom:100px}body.chatOpen .toast{bottom:100px}dialog{border-radius:25px;padding:25px}dialog input:not([type=checkbox]):not([type=color]),dialog select,dialog textarea{font-size:16px}.primary,.secondary{font-size:14px;min-height:44px}.dark.chatOpen .app{background:#261421}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.connectionEntry{padding:12px 20px;border-top:1px solid var(--line)}.connectionEntry button{width:100%;background:var(--accentSoft);color:var(--accent);padding:12px;border-radius:12px;font-weight:700;font-size:12px}.liveEmpty{margin:auto;padding:40px;max-width:600px;text-align:center}.liveEmpty h2{font:800 30px Manrope}.liveEmpty p{line-height:1.8;color:var(--muted)}.liveToolbar{display:flex;gap:8px;padding:0 20px 15px}.liveToolbar button{flex:1}.liveNotice{font-size:11px;line-height:1.6;padding:12px 20px;color:var(--muted)}.liveError{color:#a23737!important;background:#fff0ef;border-radius:9px;padding:12px}.loadMore{display:block;margin:12px auto;font-size:12px;color:var(--accent)}.attachmentLink{color:var(--accent);display:block;padding:8px 0;overflow-wrap:anywhere}.bubble{overflow-wrap:anywhere}.connectionDot{height:7px;width:7px;border-radius:50%;background:#7a1d5e;display:inline-block;margin-right:6px}.liveComposer{margin-top:12px}.liveMode .preview{background:#f1dbea}.liveMode #mobileNav{display:none}.liveMode .app{height:calc(100dvh - 28px)}.liveMode .rail nav{display:none}@media(max-width:600px){.connectionEntry{padding:10px 20px}.liveMode .app{height:calc(100dvh - 25px - env(safe-area-inset-bottom))}.liveMode .connectionEntry{display:block}.liveEmpty{display:none}.liveNotice{font-size:10px}.liveMode.chatOpen .app{height:calc(100dvh - 25px - env(safe-area-inset-bottom))}}
/* Mobile-first surfaces inspired by the supplied navigation references. */
.surfaceSection{padding:4px 20px 28px}.surfaceHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 0 17px}.surfaceHeading h2{font:800 21px Manrope;margin:0;letter-spacing:-.6px}.roundAction{height:36px;width:36px;background:var(--bg);border-radius:50%;display:grid;place-items:center}.statusStrip{display:flex;gap:10px;overflow:auto;scrollbar-width:none;padding:4px 0 8px}.statusCard{width:130px;height:209px;flex-shrink:0;border-radius:23px;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;position:relative;overflow:hidden;color:white}.statusAvatar{position:relative;display:grid;place-items:center;width:43px;height:43px;background:#ffffffdc;border:3px solid #d17cb8;outline:2px solid #ffffff88;border-radius:50%;font-size:12px;font-weight:800;color:#4d2842;flex-shrink:0}.statusQuote{font:700 16px Manrope;line-height:1.5;letter-spacing:-.3px}.statusCard strong{font-size:12px;line-height:1.3}.statusAvatar b{position:absolute;right:-9px;bottom:-5px;display:grid;place-items:center;width:23px;height:23px;background:var(--accent);color:white;border:2px solid white;border-radius:50%;font-size:19px}.addStatus{background:#f6f2f5;border:1px solid #e8dfe5;color:var(--ink);align-items:center;text-align:center;padding-top:28px}.addStatus .statusAvatar{height:52px;width:52px;background:#e7d5e2;border:0;outline:0;font-size:17px}.sunrise{background:radial-gradient(circle at 80% 15%,#f6dca1 0,transparent 35%),linear-gradient(150deg,#bf916d,#94796a 40%,#4e424b)}.ocean{background:radial-gradient(ellipse at 10% 15%,#a0d7c6,transparent 60%),linear-gradient(150deg,#729ea1,#1e666c 60%,#134549)}.orchid{background:radial-gradient(circle at 70% 15%,#dfbbd4,transparent 40%),linear-gradient(150deg,#bc9aaf,#926e87 60%,#624359)}.microNote{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0 20px}.softPill{background:var(--bg);border-radius:25px;padding:9px 13px;font-size:12px;font-weight:700;white-space:nowrap}.channelIntro{color:var(--muted);font-size:13px;margin-bottom:15px}.channelRow{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid var(--line)}.channelAvatar{height:45px;width:45px;display:grid;place-items:center;border-radius:50%;color:white;flex-shrink:0}.channelRow>div{flex:1;min-width:0}.channelRow strong{display:block;font-size:12px;line-height:1.4}.channelRow small{font-size:10px;display:block;color:var(--muted);line-height:1.5}.channelRow em{font-size:9px;color:var(--muted);font-style:normal}.channelRow .softPill{font-size:10px;padding:8px}.statusPreview{border-radius:22px;padding:45px 25px;color:white;font:700 25px Manrope;line-height:1.6;min-height:250px;display:flex;align-items:center}.callShortcuts{display:flex;justify-content:space-between;gap:10px;padding:16px 0 12px;overflow:auto}.callShortcuts>button{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.callShortcuts>button>span{height:53px;width:53px;background:var(--bg);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.callShortcuts svg{height:24px;width:24px}.recentCall{display:flex;width:100%;align-items:center;gap:12px;padding:17px 0;text-align:left}.recentCall>span:nth-child(2){flex:1;min-width:0;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:-16px}.recentCall strong{font-size:14px;font-weight:500;display:block}.recentCall small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.recentCall time{font-size:11px;color:var(--muted)}.recentCall>svg{width:19px;height:19px}.missed{color:#d14360}.plannedCall{padding:15px;border:1px solid var(--line);border-radius:15px;margin-bottom:10px}.plannedCall strong,.plannedCall small,.plannedCall span{display:block;font-size:13px;margin-bottom:7px}.plannedCall small,.plannedCall span{color:var(--muted);font-size:11px}.settingsGroup{background:var(--panel);border-radius:22px;padding:2px 14px;margin:22px 0;border:1px solid var(--line)}.settingsItem{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:17px 0;font-size:14px;min-height:56px}.settingsItem+.settingsItem{border-top:1px solid var(--line)}.settingsItem>span:nth-child(2){flex:1}.settingsItem small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}.settingsItem b{font-size:24px;font-weight:400;color:#b5a9b2}.settingIcon{width:25px;color:#603d55}.profileCard{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:25px;margin:8px 0 27px}.profileIdentity{display:flex;gap:14px;align-items:center;text-align:left;padding:0;width:100%}.profileIdentity .avatar{height:54px;width:54px;font-size:18px}.profileIdentity strong{font-size:17px;letter-spacing:-.5px;line-height:1.4}.profileIdentity small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.usernameButton{background:var(--bg);border-radius:20px;margin-top:23px;width:100%;padding:12px;font-size:13px;font-weight:700}.usernameButton span{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.settingsSignature{text-align:center;color:var(--accent);font:800 22px Manrope;margin:35px 0 20px}.settingsSignature span{font:11px 'DM Sans';display:block;color:var(--muted);margin-top:8px}.utilityPage .listPane{background:#f7f4f6}.sectionCaption{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:17px 0}.businessHero{padding:24px;border-radius:24px;background:linear-gradient(130deg,#f2e1ed,#f3f8ee);border:1px solid #eadde6}.businessHero h2{font:800 27px Manrope;letter-spacing:-1px;line-height:1.3;margin:17px 0 12px}.businessHero p{font-size:12px;line-height:1.7;color:#7f6978}.businessHero .primary{font-size:12px}.metricCards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metricCards>div{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px 10px;display:flex;flex-direction:column;gap:8px}.metricCards svg{width:21px;height:21px;color:var(--accent)}.metricCards strong{font:700 23px Manrope}.metricCards small{font-size:10px;color:var(--muted);line-height:1.5}.catalogueRow{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.catalogueRow small{display:block;color:var(--muted);margin-top:7px}.catalogueRow button{color:var(--accent)}.filterCount{font-size:11px;opacity:.7;margin-left:2px}.dark.utilityPage .listPane{background:var(--bg)}.dark .businessHero{background:#422539;border-color:#53384b}.dark .businessHero p{color:#c5aebe}.dark .addStatus{background:#3a2433;border-color:#543a4c}.dark .settingIcon{color:#ccabc2}
@media(max-width:600px){body{background:var(--panel)}.app{height:calc(100dvh - 25px);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.listHeader{padding:20px 23px 15px}.wordmark{font-size:23px;letter-spacing:-.9px}.wordmark span{font-size:24px}.listHeader .iconbutton{width:42px;height:42px;background:var(--ink);color:white;box-shadow:0 6px 20px #3b1b3110}.pageHeading{padding:2px 22px 19px}.pageHeading h1{font-size:36px;font-weight:800;letter-spacing:-1.6px}.pageHeading>span{display:none}.searchBox{margin:0 21px 19px;padding:14px 16px;border-radius:25px}.searchBox input{font-size:16px}.filters{padding:0 21px 17px;gap:8px}.filters button{background:transparent;border:1px solid #e5dce2;padding:8px 14px;font-size:13px}.filters button.active{background:#eedee9;border-color:#dbc6d5;color:#5b2a4c}.sectionlabel{font-size:9px;letter-spacing:1.1px;padding:10px 24px 4px}.thread{padding:16px 21px;min-height:89px;gap:13px}.thread strong{font-size:16px;line-height:1.3;margin:1px 0 5px}.thread p{font-size:14px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread .avatar{width:53px;height:53px}.threadText{position:relative}.threadText:after{content:'';position:absolute;left:0;right:-48px;bottom:-16px;border-bottom:1px solid var(--line)}.threadTime{font-size:11px}.badge{width:20px;height:20px;font-size:11px}.thread.active{background:transparent}.connectionEntry{padding:10px 21px;border-top:0}.connectionEntry button{font-size:11px;padding:9px}.surfaceSection{padding:0 21px 24px}.surfaceHeading{margin:22px 0 17px}.surfaceHeading h2{font-size:23px;letter-spacing:-.7px}.statusCard{width:130px;height:213px}.statusCard strong{font-size:13px}.statusStrip{margin-right:-21px;padding-right:21px;gap:10px}.statusQuote{font-size:17px}.channelRow{padding:18px 0;gap:12px}.channelAvatar{height:48px;width:48px}.channelRow strong{font-size:14px}.channelRow small{font-size:11px}.channelRow .softPill{font-size:12px;padding:9px 12px}.channelIntro{font-size:14px}.recentCall{padding:18px 0}.recentCall strong{font-size:17px}.recentCall small{font-size:13px}.recentCall .avatar{height:46px;width:46px;font-size:14px}.recentCall time{font-size:12px}.recentCall>svg{height:21px;width:21px}.callShortcuts{padding:10px 0 19px;gap:16px}.callShortcuts>button>span{height:59px;width:59px}.callShortcuts>button{font-size:13px}.utilityPage .listPane{background:#f5f3f4}.utilityPage .surfaceSection{padding:0 17px 25px}.settingsGroup{border:0;border-radius:25px;padding:3px 18px;margin:26px 0}.settingsItem{font-size:17px;padding:18px 0;gap:16px;min-height:63px}.settingsItem small{font-size:12px}.settingIcon{width:25px}.settingIcon svg{height:24px;width:24px}.profileCard{border:0;padding:23px 20px;border-radius:27px;margin-top:5px}.profileIdentity .avatar{width:61px;height:61px;font-size:21px}.profileIdentity strong{font-size:20px;letter-spacing:-.5px}.profileIdentity small{font-size:12px}.usernameButton{font-size:16px;padding:13px}.usernameButton span{font-size:10px}.businessHero{padding:25px;border-radius:27px}.businessHero h2{font-size:31px}.businessHero p{font-size:14px}.businessHero .primary{font-size:13px}.metricCards>div{padding:19px 13px;border:0;border-radius:23px}.metricCards strong{font-size:28px}.metricCards small{font-size:12px}.sectionCaption{margin:4px 6px 17px;font-size:10px}.microNote{font-size:10px}#mobileNav{position:fixed;z-index:10;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:69px;padding:10px 5px 9px;border:1px solid #ffffffdd;border-radius:38px;background:#ffffffed;backdrop-filter:blur(22px);box-shadow:0 8px 35px #381a2f20;gap:0}#mobileNav button{min-width:0;flex:1;position:relative;gap:5px;font-size:10px;border-radius:28px;padding:3px 0;color:#6d5465}#mobileNav button.active{background:#eddfe9;color:#4a1a3c}#mobileNav svg{width:24px;height:24px}#mobileNav button.active svg{background:none;box-shadow:none}.dark #mobileNav{background:#2f1c29ed;border-color:#513b4a}.dark #mobileNav button{color:#c0abba}.dark #mobileNav button.active{background:#4e3346;color:#eed9e8}.chatOpen .app{padding-bottom:env(safe-area-inset-bottom)}.liveMode .app{padding-bottom:0}.liveMode .listHeader .iconbutton{background:var(--accent)}.liveMode .connectionEntry{padding:13px 20px}.liveMode .threadText:after{display:none}}
/* Faymoo live conversations */
.liveMode .preview{background:#f0e4ed;color:#61254f}.liveMode .chatHeader{background:#ffffffed;backdrop-filter:blur(18px)}.liveMode .chatActions button{border-radius:50%;background:#f6eef3;color:#662853;width:39px;height:39px}.liveMode .conversation{background-color:#f8f5f7;background-image:radial-gradient(#c6acbe24 .8px,transparent .8px);background-size:18px 18px}.liveMode .bubble{border-radius:18px 18px 18px 4px;box-shadow:0 2px 5px #3c193110}.liveMode .own .bubble{background:#eddde8;border-radius:18px 18px 4px 18px}.liveMode .liveComposer{margin:0;padding:15px 20px;background:var(--panel);border-top:1px solid var(--line)}.livePhoto{display:block;width:min(300px,100%);max-height:330px;object-fit:cover;border-radius:12px;margin-bottom:6px}.uploadPreview{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:18px;margin:20px auto}.shareChoices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.shareChoices button{display:grid;justify-items:center;gap:10px;padding:26px 12px;border-radius:20px;background:#f5edf2;color:#59274a}.shareChoices svg{width:30px;height:30px}.shareChoices small{font-size:11px}.peopleResults{max-height:310px;overflow-y:auto;margin:16px 0}.personRow{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 9px;border-radius:15px}.personRow:hover,.personRow.selected{background:#f4eaf1}.personRow>span:nth-child(2){flex:1;display:grid;gap:4px}.personRow small{font-size:11px;color:#84747f}.personRow .avatar{width:44px;height:44px;background:#e8d9e4;color:#663256}.idFallback{font-size:12px;color:#7c6c77;margin-top:20px}.idFallback form{margin-top:14px}.liveMode .chatHeader h2{font-size:17px}#faymooCall{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at top,#4d2742,#1c0c17 75%);color:white;display:flex;flex-direction:column;padding:24px}.callTop{display:flex;justify-content:space-between;align-items:center}.callTop strong{font-size:27px;letter-spacing:-1px}.callTop strong span{color:#dd92c6}.callTop>span{font-size:10px;letter-spacing:2px;color:#c2a5b9}.callHero{text-align:center;margin:auto;padding:30px}.callAvatar{width:108px;height:108px;border-radius:50%;background:#9d749133;display:grid;place-items:center;margin:0 auto 24px;font-size:42px;border:1px solid #b493aa66;box-shadow:0 0 0 18px #b084a309}.callHero h2{font-size:32px;letter-spacing:-1px}.callHero p{color:#d4b9cc}.callHero small{color:#a5869c;font-size:12px}.callControls{display:flex;justify-content:center;gap:18px;padding:20px 0 max(20px,env(safe-area-inset-bottom))}.endCall{background:#d94855;color:white;border-radius:30px;padding:16px 28px;font-weight:700}.callControls .primary{border-radius:30px;padding:16px 28px}#callCanvas{display:none}.inSession #callCanvas{display:block;flex:1;min-height:280px;overflow:hidden;border-radius:18px}.inSession .callHero{margin:0;padding:14px}.inSession .callAvatar,.inSession .callHero small{display:none}.inSession .callHero h2{font-size:18px;margin:0}.inSession .callHero p{font-size:12px;margin:7px}.liveMode #details{display:none}@media(max-width:600px){.liveMode .chatHeader{padding:13px 12px;gap:9px}.liveMode .chatActions{gap:5px}.liveMode .chatActions button{height:34px;width:34px}.liveMode .chatHeader p{font-size:10px}.liveMode .liveComposer{padding:12px}.liveMode .bubble{max-width:84vw}#faymooCall{padding:16px}.callHero h2{font-size:27px}}
.liveId{font-family:monospace;overflow-wrap:anywhere;background:#f4edf2;padding:15px;border-radius:14px}.liveToolbar{flex-wrap:wrap}.liveToolbar button{white-space:nowrap}.liveMode .listFoot{display:none}.liveMode .liveEmpty{display:block}.liveMode .liveEmpty .pill{background:#ede4ea}.liveMode .liveEmpty h2{letter-spacing:-1.2px}

/* Keep message direction clear for text, photos and shared files. */
.conversation .message{width:fit-content;max-width:82%;margin-left:0;margin-right:auto;justify-content:flex-start}
.conversation .message.own{margin-left:auto;margin-right:0;justify-content:flex-end}
.conversation .message .bubble{min-width:0;max-width:100%;background:#fff;color:#2f1c29;border:1px solid #e5dce2;border-radius:18px 18px 18px 4px;box-shadow:0 2px 5px #3c193110}
.conversation .message.own .bubble{background:#f1d6e9;border-color:#e1bfd7;border-radius:18px 18px 4px 18px}
.conversation .message .bubble>small{color:#6b5c67}
.conversation .message:not(.own)+.message.own,.conversation .message.own+.message:not(.own){margin-top:20px}
.dark .conversation .message .bubble{background:#3a2734;color:#f7f2f5;border-color:#503c4a}
.dark .conversation .message.own .bubble{background:#59274a;border-color:#713b61}
.dark .conversation .message .bubble>small{color:#d1c1cc}
.dark.liveMode .conversation{background-color:#261521}
@media(max-width:600px){.conversation .message{max-width:85%}}

.typingStatus{min-height:20px;margin:0;padding:2px 22px;font-size:12px;color:#662b54;background:var(--panel)}.voicePlayer{display:block;max-width:100%;width:260px;margin:10px 0}.voiceLabel{display:block;font-size:12px}.liveComposer #voiceNote{color:#662853;flex-shrink:0}.liveComposer input{min-width:0}.dark .typingStatus{color:#d8a9ca}

#spaceBanner{position:relative;background:var(--panel);border-left:5px solid #662853;padding:12px 90px 12px 16px;font-size:12px;border-bottom:1px solid var(--line)}#spaceBanner[hidden]{display:none}#spaceBanner strong,#spaceBanner span{display:block}#spaceBanner span{margin-top:5px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:70px;overflow:auto}#spaceBanner button{position:absolute;right:12px;top:12px;color:var(--accent);font-size:11px}#spaceForm label{display:block;margin-top:15px}

/* Keyboard-aware mobile layout: messages scroll; the composer never shrinks. */
@media(max-width:600px){
 html{height:100%;overflow:hidden}
 body{position:fixed;left:0;right:0;top:var(--visible-top,0px);height:var(--visible-height,100dvh);overflow:hidden}
 body .app,body.chatOpen .app,body.liveMode .app,body.liveMode.chatOpen .app{height:calc(var(--visible-height,100dvh) - var(--banner-height,25px));min-height:0}
 .app{grid-template-rows:minmax(0,1fr)}
 .listPane,main{min-height:0;overflow:hidden}
 .composer,.previewNote,.typingStatus,#liveError,#spaceBanner{flex-shrink:0}
 .composer input{font-size:16px;color:var(--ink);-webkit-text-fill-color:var(--ink);caret-color:var(--accent)}
 #liveError:empty,.typingStatus:empty{display:none}
 body.keyboardOpen .app,body.keyboardOpen.chatOpen .app{padding-bottom:0}
 .keyboardOpen .previewNote{display:none}
 .keyboardOpen .liveComposer{margin-top:4px;margin-bottom:6px}
 .keyboardOpen .chatHeader{height:65px;padding-top:8px;padding-bottom:8px}
}

/* Each live message has its own full-width directional row. */
#liveMessages{display:flex;flex-direction:column;width:100%;gap:0}
#liveMessages>.message{display:flex;width:100%;max-width:100%;margin:0 0 12px;flex:none;justify-content:flex-start}
#liveMessages>.message.own{justify-content:flex-end;margin-left:0;margin-right:0}
#liveMessages>.message>.bubble{flex:0 1 auto;max-width:80%;min-width:76px;background:#fff;border:1px solid #e0d8de;border-radius:16px 16px 16px 4px}
#liveMessages>.message.own>.bubble{background:#f1d6e9;border-color:#d9b5ce;border-radius:16px 16px 4px 16px}
#liveMessages .messageAuthor{display:block;font-size:11px;font-weight:700;line-height:1.4;color:#623b56;margin-bottom:4px}
#liveMessages>.incoming+.outgoing,#liveMessages>.outgoing+.incoming{margin-top:10px}
.dark #liveMessages>.message>.bubble{background:#3a2734;border-color:#503c4a}
.dark #liveMessages>.message.own>.bubble{background:#59274a;border-color:#713b61}
.dark #liveMessages .messageAuthor{color:#e4c5db}