:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#081821;color:#f4f8fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,rgba(0,156,59,.18),transparent 28rem),linear-gradient(215deg,rgba(0,39,118,.34),transparent 34rem),#081821}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(100%,860px);min-height:100vh;margin:0 auto;padding:22px 16px;overflow-x:hidden}.brand-header{display:flex;gap:14px;align-items:center;margin-bottom:18px}.brand-header div{min-width:0}.brand-header img{width:54px;height:54px}h1,h2,h3,p{margin:0}h1{font-size:clamp(44px,11vw,72px);line-height:.9;letter-spacing:0;color:#27d6c6;text-shadow:0 0 18px rgba(39,214,198,.22),0 2px 0 rgba(255,223,0,.38)}h2{font-size:24px;overflow-wrap:anywhere}.brand-header p{overflow-wrap:anywhere}.brand-header p,.muted,.status,label,small,.toolbar p,.empty-state p,.account p{color:#aeb9c4}.panel,.messenger-shell{border:1px solid #254f78;border-radius:8px;background:#102435}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:18px}.auth-intro,.auth-card{border:1px solid #254f78;border-radius:8px;background:#102435;padding:20px;min-width:0}.auth-intro{display:grid;align-content:center;gap:14px;min-height:330px}.auth-intro h2{font-size:clamp(30px,7vw,54px);line-height:1}.signup-preview{display:grid;gap:4px;width:fit-content;max-width:100%;border:1px solid #1e8f66;border-radius:8px;background:#0b1c29;padding:12px 14px}.signup-preview strong{color:#27d6c6;font-size:22px}.signup-preview span{color:#aeb9c4}.pill,.badge{width:fit-content;border:1px solid #ffdf00;border-radius:999px;color:#ffdf00;padding:6px 12px;font-weight:800}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}button{min-height:50px;border:1px solid #254f78;border-radius:8px;background:#0d263a;color:#f4f8fb;font-weight:800;min-width:0}button.active,.primary{border-color:#27d6c6;background:#27d6c6;color:#06151b}.secondary{width:100%}.form{display:grid;gap:14px}label{display:grid;gap:8px;font-weight:700}input,textarea{width:100%;border:1px solid #254f78;border-radius:8px;background:#081821;color:#f4f8fb;padding:14px;outline:none}input:focus,textarea:focus{border-color:#27d6c6}.messenger-shell{overflow:hidden}.app-topbar,.toolbar,.profile-chip,.chat-row,.profile-card{display:flex;align-items:center}.app-topbar{justify-content:space-between;padding:14px;border-bottom:1px solid #254f78;background:linear-gradient(90deg,#009c3b24,#0027762e),#0d263a}.profile-chip,.profile-card{gap:12px}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#27d6c6,#009c3b);color:#06151b;font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:64px;height:64px;font-size:22px}.icon-button{width:50px;min-height:50px;font-size:24px}.messenger-view{display:grid;gap:14px;min-height:430px;padding:14px}.toolbar{justify-content:space-between;gap:12px}.search-box{font-size:13px}.quick-actions,.call-grid,.settings-list,.contact-search{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.contact-search{grid-template-columns:minmax(0,1fr) auto;align-items:end}.conversation-list,.settings-list,.contact-section{display:grid;gap:10px}.chat-screen{grid-template-rows:auto minmax(260px,1fr) auto auto;min-height:min(760px,calc(100vh - 190px))}.message-list{display:grid;align-content:end;gap:10px;min-height:260px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.message-bubble{width:fit-content;max-width:min(78%,520px);min-width:72px;border:1px solid #2c465d;border-radius:8px;background:#132231;padding:8px 10px;display:grid;gap:6px}.message-bubble.mine{justify-self:end;border-color:#37c8bd;background:#37c8bd24}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble small{display:block;justify-self:end;color:#93a9b7;font-size:.78rem}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.composer textarea{resize:vertical;min-height:54px;max-height:140px}.attachment-composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center}.attachment-composer button{min-height:46px}.file-picker{min-height:46px;border:1px solid #2c465d;border-radius:8px;background:#132231;color:#eef6f8;display:grid;align-items:center;padding:0 12px;cursor:pointer}.file-picker input{display:none}.attachment-link{min-height:36px;margin-top:8px;border-color:#37c8bd;color:#37c8bd;background:#37c8bd14}.attachment-card{width:min(100%,360px);min-height:58px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #2c465d;border-radius:8px;background:#eef6f80a;color:#eef6f8;padding:8px;text-align:left}.attachment-card.audio{border-color:#37c8bdb3}.attachment-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#37c8bd;color:#081319;font-weight:800;font-size:.82rem}.attachment-info{min-width:0;display:grid;gap:2px}.attachment-info strong,.attachment-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-info small{justify-self:start;margin:0}.attachment-open{color:#37c8bd;font-weight:700;white-space:nowrap}.small-button{min-height:42px;width:fit-content;padding:0 14px}.chat-row{min-height:82px;width:100%;gap:12px;padding:12px;text-align:left}.chat-main{display:grid;min-width:0;gap:3px;flex:1}.chat-main span,.chat-main small,.chat-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta{display:grid;justify-items:end;gap:8px;color:#aeb9c4}.chat-meta b{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#37c8bd;color:#071317}.empty-state,.profile-card,.profile-form{border:1px solid #2c465d;border-radius:8px;padding:16px;background:#132231}.profile-form{display:grid;gap:12px}.profile-form input:disabled{color:#aeb9c4;opacity:1}.profile-card div{display:grid;gap:4px;min-width:0}.profile-card strong,.profile-card span,.profile-card small,.profile-chip strong,.profile-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border-top:1px solid #2c465d;background:#101820}.bottom-nav button{min-height:44px;font-size:13px}.status{margin-top:14px;border-left:4px solid #37c8bd;padding:12px 14px;background:#37c8bd14}@media (max-width: 720px){.shell{padding:16px 12px}.brand-header{gap:10px}.brand-header img{width:46px;height:46px}.auth-layout{grid-template-columns:1fr}.auth-intro,.auth-card,.messenger-view{padding:14px}.auth-intro{min-height:auto}.auth-intro h2{font-size:34px;line-height:1.05}.segmented{gap:8px}.segmented button{padding:0 8px}.quick-actions,.call-grid,.contact-search,.composer,.attachment-composer{grid-template-columns:1fr}.chat-screen{min-height:calc(100vh - 170px)}.message-list{min-height:300px;align-content:end}.message-bubble{max-width:92%}.attachment-card{width:100%;grid-template-columns:40px minmax(0,1fr) auto}.attachment-icon{width:38px;height:38px}.bottom-nav{gap:6px}.bottom-nav button{padding:6px}}