:root{--ink:#10211e;--muted:#72807d;--surface:#fff;--soft:#f2f5f4;--line:#e2e8e6;--brand:#0f1f1c;--accent:#18a574;--bubble:#dcf8ea;--danger:#c13d3d}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#eef2f1;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}body{min-height:100dvh}.brand{align-items:baseline;gap:10px;display:inline-flex}.brandMark{background:var(--brand);color:#fff;letter-spacing:-2px;border-radius:20px 20px 20px 7px;place-items:center;width:62px;height:62px;font-size:27px;font-weight:900;display:grid;box-shadow:0 12px 30px #0f1f1c2e}.brandWord{letter-spacing:-1px;font-size:24px;font-weight:800}.brandCompact .brandMark{width:44px;height:44px;box-shadow:none;border-radius:15px 15px 15px 5px;font-size:20px}.authPage{background:radial-gradient(circle at 20% 10%,#d9f4e9 0,#0000 35%),#f4f6f5;place-items:center;min-height:100dvh;padding:28px 20px;display:grid}.authCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #fffc;border-radius:30px;width:min(100%,430px);padding:32px;box-shadow:0 28px 80px #0f1f1c1f}.authIntro{margin:34px 0 26px}.authIntro h1{letter-spacing:-2px;margin:0 0 10px;font-size:clamp(30px,8vw,42px);line-height:1.02}.authIntro p,.prototypeNote{color:var(--muted);line-height:1.55}.stack{gap:16px;display:grid}label{gap:8px;font-size:14px;font-weight:700;display:grid}input{border:1px solid var(--line);background:#fff;border-radius:15px;outline:none;width:100%;padding:14px 15px}input:focus{border-color:#81b9a7;box-shadow:0 0 0 4px #e6f4ef}.phoneField{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;display:flex;overflow:hidden}.phoneField b{white-space:nowrap;padding-left:14px}.phoneField input{box-shadow:none;border:0}.primaryButton{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:16px;padding:15px 18px;font-weight:800}.primaryButton:disabled{opacity:.6}.errorText{color:var(--danger);margin:0;font-size:14px}.prototypeNote{margin:18px 0 0;font-size:12px}.appShell{background:var(--surface);width:min(100%,720px);min-height:100dvh;padding-bottom:calc(74px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.topBar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffeb;justify-content:space-between;align-items:center;height:68px;padding:10px 18px;display:flex;position:sticky;top:0}.roundButton,.iconButton,.composerIcon{background:var(--soft);cursor:pointer;border:0;place-items:center;display:grid}.roundButton{border-radius:50%;width:42px;height:42px;font-size:25px}.contentPane{padding:24px 18px}.sectionHeading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.sectionHeading h1{letter-spacing:-1.2px;margin:0;font-size:32px}.statusPill{color:#147653;background:#e5f7ef;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:900}.searchBox{background:var(--soft);color:var(--muted);border-radius:15px;align-items:center;gap:9px;padding-left:13px;display:flex}.searchBox input{box-shadow:none;background:0 0;border:0;padding-left:0}.chatList{margin-top:16px}.chatRow{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:13px;width:100%;padding:14px 4px;display:flex}.avatar{color:#185842;background:#d9eee7;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:19px;font-weight:900;display:grid}.avatar.small{width:40px;height:40px}.avatar.large{width:68px;height:68px;font-size:24px}.chatMeta{flex:1;min-width:0}.chatLine{justify-content:space-between;align-items:center;gap:12px;display:flex}.chatLine strong{font-size:16px}.chatLine time{color:var(--muted);font-size:12px}.chatLine.muted{color:var(--muted);margin-top:5px;font-size:14px}.chatLine.muted span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unread{background:var(--accent);color:#fff;border-radius:20px;place-items:center;min-width:21px;height:21px;font-size:11px;display:grid}.bottomNav{width:min(100%,720px);height:calc(68px + env(safe-area-inset-bottom));padding:7px 20px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:20;background:#fffffff0;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomNav a{color:#7b8784;align-content:center;justify-items:center;gap:2px;font-size:12px;font-weight:750;text-decoration:none;display:grid}.bottomNav a span{font-size:18px}.bottomNav a.active{color:var(--ink)}.conversationPage{background:#edf2f0;grid-template-rows:auto 1fr auto;width:min(100%,720px);height:100dvh;margin:0 auto;display:grid}.conversationHeader{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--line);background:#fffffff0;grid-template-columns:40px 40px 1fr 40px;align-items:center;gap:8px;display:grid}.iconButton{border-radius:50%;width:38px;height:38px;font-size:28px}.peerInfo{display:grid}.peerInfo strong{font-size:15px}.peerInfo span{color:#218760;margin-top:2px;font-size:12px}.messageArea{background-image:radial-gradient(#d8e3df .65px,#0000 .65px);background-size:13px 13px;padding:18px 15px 26px;overflow-y:auto}.dayChip{border:1px solid var(--line);width:fit-content;color:var(--muted);background:#ffffffe6;border-radius:20px;margin:0 auto 16px;padding:5px 10px;font-size:11px}.messageBubble{border-radius:15px;width:fit-content;max-width:min(78%,470px);margin:7px 0;padding:9px 11px 7px;box-shadow:0 2px 6px #0f1f1c0d}.messageBubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.38}.messageBubble span{text-align:right;color:#71807b;margin-top:4px;font-size:10px;display:block}.messageBubble.theirs{background:#fff;border-bottom-left-radius:4px}.messageBubble.mine{background:var(--bubble);border-bottom-right-radius:4px;margin-left:auto}.composer{padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-template-columns:42px 1fr 44px;align-items:center;gap:8px;display:grid}.composer input{background:var(--soft);border:0;border-radius:22px}.composerIcon{border-radius:50%;width:40px;height:40px;font-size:22px}.sendButton{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:50%;width:43px;height:43px}.profileCard{background:var(--soft);border-radius:22px;align-items:center;gap:14px;padding:18px;display:flex}.profileCard div:last-child{gap:5px;display:grid}.profileCard span{color:var(--muted);font-size:13px}.settingsGroup{border:1px solid var(--line);border-radius:22px;margin-top:22px;overflow:hidden}.settingRow{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:17px;display:flex}.settingRow:last-child{border-bottom:0}.settingRow span{gap:5px;display:grid}.settingRow small{color:var(--muted);line-height:1.35}.settingRow em{color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal}.settingRow.static{cursor:default}.settingRow.danger b{color:var(--danger)}@media (min-width:760px){body{padding:20px 0}.appShell,.conversationPage{border-radius:24px;height:calc(100dvh - 40px);min-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 24px 70px #0f1f1c1a}.bottomNav{border-radius:0 0 24px 24px;bottom:20px}}