:root{--ink:#171525;--muted:#878492;--line:#eeeef2;--lav:#6c4ff8;--lav2:#9a7cff;--soft:#f5f3ff;--bubble:#f1f1f4;--danger:#e55370}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#efeff2;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}body{display:flex;justify-content:center}.app-shell{position:relative;width:100%;min-height:100dvh;background:#fff;overflow:hidden}.login-screen,.simple-screen{min-height:100dvh;padding:clamp(32px,9vh,92px) 24px 30px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 75% 8%,#eee9ff 0,transparent 28%),#fff}.brand-mark{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,var(--lav),var(--lav2));color:white;font-size:34px;font-weight:700;box-shadow:0 16px 35px #7056e84d}.brand-mark.small{width:48px;height:48px;border-radius:15px;font-size:28px}.login-screen h1,.simple-screen h1{font-size:34px;line-height:1.05;margin:0 0 12px;letter-spacing:-1.2px}.login-screen h1 span{color:var(--lav)}p{color:var(--muted);line-height:1.55}.google-button,.primary{border:0;border-radius:17px;min-height:56px;padding:0 20px;background:var(--ink);color:white;text-decoration:none;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer}.google-button b{display:grid;place-items:center;width:27px;height:27px;background:white;color:#4285f4;border-radius:50%;font-size:15px}.privacy-note{display:flex;gap:13px;align-items:center;padding:16px;background:var(--soft);border-radius:18px;color:var(--lav)}.privacy-note div{display:flex;flex-direction:column}.privacy-note small{color:var(--muted);margin-top:3px}.login-screen footer{text-align:center;color:#aaa6b2;font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--lav);font-weight:700}.stack{display:grid;gap:14px}.stack label,.settings-card label{display:grid;gap:8px;font-size:11px;font-weight:700;letter-spacing:1px;color:#666270}.handle-input{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:16px;padding:0 16px;font-size:19px}.handle-input input,.stack>input,.settings-card input,.settings-card select{border:0;outline:0;width:100%;min-height:56px;font:inherit;font-size:16px;background:transparent}.error{color:var(--danger)}.topbar,.chat-header{height:94px;padding:calc(15px + env(safe-area-inset-top)) 20px 13px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.topbar h1{margin:3px 0 0;font-size:28px;letter-spacing:-1px}.topbar.compact{align-items:center;height:78px}.topbar.compact h1{font-size:19px;margin:0}.icon-button,.back{border:0;background:var(--soft);color:var(--ink);width:42px;height:42px;border-radius:14px;display:grid;place-items:center;text-decoration:none;font-size:25px;cursor:pointer}.back{background:transparent;font-size:36px;width:28px}.section{padding:20px}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:9px}.section-title h2{font-size:14px;margin:0}.section-title span{font-size:10px;background:var(--lav);color:#fff;padding:2px 7px;border-radius:20px}.invite,.person,.chat-row{display:flex;align-items:center;gap:12px;padding:12px 0}.chat-row{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}.avatar{width:46px;height:46px;border-radius:16px;background:#eee9ff;color:var(--lav);display:grid;place-items:center;font-weight:700;flex:0 0 auto}.avatar.gradient{background:linear-gradient(145deg,#ffb7d5,#8265ff);color:#fff}.grow{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.grow small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row time{color:#aaa6b2;font-size:11px}.chevron{color:#bbb;font-size:22px}.mini{border:0;border-radius:11px;padding:9px 13px;background:var(--lav);color:#fff;font-weight:600;cursor:pointer}.mini.secondary{background:#f3f2f6;color:#777}.empty{text-align:center;padding:55px 22px}.empty.slim{padding:40px 16px}.empty-icon{margin:auto;width:54px;height:54px;border-radius:20px;background:var(--soft);color:var(--lav);display:grid;place-items:center;font-size:22px}.empty h3{margin:15px 0 3px}.empty p{font-size:14px}.primary.inline{display:inline-flex;min-height:46px;padding:0 22px;margin-top:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:560px;margin:auto;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around}.bottom-nav a{width:33%;display:grid;place-items:center;align-content:center;gap:3px;color:#aaa6b2;text-decoration:none;font-size:10px}.bottom-nav a span{font-size:21px}.bottom-nav a.active{color:var(--lav);font-weight:700}.searchbox{height:54px;border-radius:17px;background:#f5f5f7;display:flex;align-items:center;padding:0 17px;gap:9px}.searchbox input{border:0;outline:0;background:transparent;width:100%;font:inherit}.hint{font-size:12px}.chat-header{height:82px;align-items:center;padding-top:calc(12px + env(safe-area-inset-top))}.chat-header .small-avatar{width:40px;height:40px;border-radius:14px}.chat-header .grow strong{font-size:14px}.chat-header .grow small{font-size:10px}.chat-header .grow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#37c987}.chat-header .icon-button{background:transparent;font-size:19px}.conversation{height:100dvh;display:flex;flex-direction:column}.encryption-banner{text-align:center;background:#fbfaff;color:#8a829f;padding:8px;font-size:10px}.message-list{flex:1;overflow:auto;padding:18px 16px 10px;display:flex;flex-direction:column;gap:8px}.loading{text-align:center;color:var(--muted);font-size:12px;margin:auto}.bubble-row{max-width:81%;align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start}.bubble-row.mine{align-self:flex-end;align-items:flex-end}.bubble{padding:11px 14px;background:var(--bubble);border-radius:6px 18px 18px 18px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{color:#fff;background:linear-gradient(135deg,var(--lav2),var(--lav));border-radius:18px 6px 18px 18px}.bubble-row time{font-size:9px;color:#aaa6b2;margin:4px 5px}.composer-wrap{padding:8px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.composer{height:52px;display:flex;align-items:center;gap:7px}.composer input{min-width:0;flex:1;height:45px;border:1px solid #dddce3;border-radius:15px;padding:0 14px;font:inherit;outline:0}.composer button{border:0;cursor:pointer}.attach,.emoji{width:38px;height:38px;border-radius:13px;background:#f1f1f4;font-size:22px}.emoji{font-size:18px}.send{width:43px;height:43px;border-radius:14px;background:var(--ink);color:#fff;font-size:17px}.emoji-panel{padding:10px;background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 30px #16131f1a;margin-bottom:7px}.emoji-panel button{background:none;border:0;font-size:22px;padding:5px}.locked{margin:auto;padding:30px;text-align:center;width:100%}.lock-orb{width:70px;height:70px;border-radius:24px;margin:auto;background:var(--soft);color:var(--lav);display:grid;place-items:center;font-size:30px}.locked h2{margin:18px 0 4px}.locked form{max-width:320px;margin:25px auto}.locked input{border:1px solid var(--line);border-radius:16px;padding:0 17px}dialog{border:0;padding:0;border-radius:25px;width:calc(100% - 30px);max-width:430px;box-shadow:0 25px 80px #1512234d}dialog::backdrop{background:#15122399;backdrop-filter:blur(3px)}.settings-card{display:grid;gap:20px;padding:24px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:3px 0}.close-modal{border:0;background:#f2f1f5;border-radius:12px;width:38px;height:38px;font-size:20px}.settings-card input,.settings-card select{border:1px solid var(--line);border-radius:14px;padding:0 14px;margin-top:2px}.toasts{position:fixed;z-index:20;top:16px;left:16px;right:16px;max-width:530px;margin:auto}.toast{padding:13px 16px;background:var(--ink);color:#fff;border-radius:14px;font-size:13px;box-shadow:0 10px 30px #0003;margin-bottom:8px}@media(min-width:600px){.app-shell{max-width:560px;box-shadow:0 0 80px #1d18331c}.bottom-nav{left:50%;transform:translateX(-50%);width:560px}.login-screen,.simple-screen{padding-left:46px;padding-right:46px}}@media(prefers-reduced-motion:no-preference){.chat-row,.person,.invite{animation:rise .3s ease both}@keyframes rise{from{opacity:0;transform:translateY(7px)}}}