:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1b2f;background:#edf1f8;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #3983f8;--dark: #1a1b2f;--grey: #a4a5c8;--surface: #f8f8fa;--red: #eb5757;--green: #5ae558}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--blue),transparent 65%);outline-offset:2px}.splash{position:fixed;inset:0;display:grid;place-items:center;background:var(--blue)}.splash img{display:block}.app-shell{position:relative;width:min(100%,393px);min-height:100dvh;margin:0 auto;overflow:hidden;background:#fff}.icon{display:block;object-fit:contain}.icon-button{display:grid;place-items:center;padding:0;background:transparent}.avatar{display:block;flex:none;border-radius:999px;object-fit:cover}.avatar--fallback{display:grid;place-items:center;background:#e8f0ff;color:var(--blue);font-weight:700}.avatar-wrap{position:relative;display:inline-flex;flex:none}.online{position:absolute;right:2px;bottom:2px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:var(--green)}.inbox-screen{padding:calc(env(safe-area-inset-top) + 22px) 20px calc(env(safe-area-inset-bottom) + 88px)}.inbox-header{display:flex;align-items:center;justify-content:space-between;height:46px}.welcome{display:flex;align-items:center;gap:12px}.welcome strong{font-size:16px}.welcome strong span{font-weight:500}.notification-button{position:relative;width:30px;height:30px}.notification-button i,.bottom-nav button:nth-child(2) i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--red);border:1.5px solid #fff}.notification-button i{top:2px;right:1px}.search{display:flex;align-items:center;gap:6px;height:48px;margin-top:16px;padding:0 16px;border-radius:48px;background:var(--surface)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--dark);font-size:13px}.search input::placeholder{color:var(--grey)}.chat-list{display:flex;flex-direction:column;gap:28px;margin-top:32px}.chat-row{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:0;color:inherit;text-align:left;background:transparent}.chat-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.chat-copy strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.chat-copy small{overflow:hidden;color:var(--grey);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.chat-meta{display:flex;flex:none;min-width:32px;flex-direction:column;align-items:center;gap:4px}.chat-meta time{color:var(--grey);font-size:11px}.chat-meta b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-size:12px}.empty-state{margin-top:72px;color:var(--grey);text-align:center}.bottom-nav{position:fixed;z-index:5;bottom:max(20px,env(safe-area-inset-bottom));left:50%;display:flex;width:min(calc(100% - 52px),340px);transform:translate(-50%);align-items:center;justify-content:space-between}.bottom-nav button{position:relative;display:grid;width:34px;height:48px;place-items:center;padding:0;background:transparent}.bottom-nav button:nth-child(2) i{top:10px;right:-2px}.bottom-nav .new-chat{width:80px;border-radius:48px;background:var(--blue)}.discussion-screen{display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 12px) 20px calc(env(safe-area-inset-bottom) + 79px)}.discussion-header{display:flex;align-items:center;height:46px}.discussion-header>.icon-button:first-child{width:32px;margin-right:4px}.person{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;margin-left:10px}.person strong{font-size:15px}.person small{color:var(--grey);font-size:13px}.discussion-header>.icon-button:not(:first-child){width:35px}.message-list{display:flex;flex:1;flex-direction:column;gap:20px;overflow-y:auto;padding:34px 0 24px;scrollbar-width:none}.message{display:flex;max-width:94%;flex-direction:column;align-items:flex-start;gap:8px;align-self:flex-start}.message p{margin:0;padding:15px 18px;border-radius:0 24px 24px;background:var(--surface);font-size:13px;line-height:1.45}.message time{color:var(--grey);font-size:11px}.message--mine{align-items:flex-end;align-self:flex-end}.message--mine p{border-radius:24px 0 24px 24px;color:#fff;background:var(--blue)}.composer{position:fixed;z-index:5;bottom:max(20px,env(safe-area-inset-bottom));left:50%;display:flex;width:min(calc(100% - 40px),353px);transform:translate(-50%);gap:14px}.composer-field{display:flex;min-width:0;flex:1;height:52px;align-items:center;gap:10px;padding:0 10px 0 18px;border-radius:52px;background:var(--surface)}.composer-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--dark)}.composer-field button{padding:0;background:transparent}.send-button{display:grid;width:52px;height:52px;flex:none;place-items:center;border-radius:50%;background:var(--blue)}.send-button:disabled{opacity:.55}.preview-label{position:fixed;top:4px;left:50%;transform:translate(-50%);color:var(--grey);font-size:10px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#f9fbff,#e8f0ff)}.login-card{width:min(100%,390px);padding:32px 26px;border-radius:30px;background:#fff;box-shadow:0 24px 80px #1a1b2f1f}.login-mark{display:grid;width:72px;height:72px;place-items:center;margin-bottom:24px;border-radius:24px;background:var(--blue)}.login-card h1{margin:0 0 8px;font-size:24px}.login-card>p{margin:0 0 28px;color:var(--grey)}.login-card form{display:flex;flex-direction:column;gap:18px}.login-card label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.login-card input{height:50px;padding:0 16px;border:1px solid #e5e7f1;border-radius:16px;color:var(--dark);background:var(--surface)}.primary-button{height:52px;margin-top:4px;border-radius:52px;color:#fff;background:var(--blue);font-weight:700}.primary-button:disabled{opacity:.65}.form-error{padding:12px 14px;border-radius:12px;color:#a51d1d;background:#fff0f0;font-size:13px}@media(min-width:760px){.app-shell{min-height:min(852px,calc(100dvh - 40px));margin-top:20px;border-radius:30px;box-shadow:0 24px 80px #1a1b2f1f}.bottom-nav,.composer{position:absolute}}