:root{--bg: #0f1515;--bg-alt: #162220;--messages-mobile-tabs-height: 58px;--messages-mobile-composer-height: 54px;--messages-mobile-feed-offset: 120px;--panel: rgba(13, 23, 23, .92);--panel-soft: rgba(24, 36, 34, .72);--line: rgba(194, 226, 214, .14);--ink: #f6faf6;--muted: #9db3aa;--accent: #9ff7c8;--accent-strong: #6fd9b1;--accent-warm: #f4d59a;--danger: #ff8791}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;max-width:100%;overflow-x:hidden}body{margin:0;overflow-x:hidden;font-family:Space Grotesk,IBM Plex Sans,Avenir Next,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 12%,rgba(159,247,200,.12),transparent 30%),radial-gradient(circle at 84% 18%,rgba(244,213,154,.1),transparent 24%),linear-gradient(160deg,#0d1111,#121b1a 48%,#0b0f10)}button,input,textarea{font:inherit}button{cursor:pointer;border:0}img{display:block;max-width:100%}.page{width:min(1280px,100%);margin:0 auto;padding:24px 20px 32px;min-height:100dvh;height:100dvh;max-width:100%;overflow-x:hidden}.page--embedded{width:100%;padding:0}.page--embedded .shell{gap:12px}.page--embedded .messaging-layout{height:100%}.shell>.messaging-layout{flex:1 1 auto;height:0;min-height:0}.shell{display:flex;flex-direction:column;gap:16px;min-height:0;height:100%}.shell--loading,.auth-panel{width:min(520px,100%);margin:8vh auto 0;padding:24px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(160deg,#0f1918f2,#0a1111f5);box-shadow:0 30px 60px #0000004d}.auth-panel{display:flex;flex-direction:column;gap:18px}.auth-panel__copy{display:flex;flex-direction:column;gap:8px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent-warm)}h1,h2,p{margin:0}.auth-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:999px;background:#ffffff0a}.auth-toggle button,.secondary-button,.upload-button{min-height:42px;padding:0 16px;border-radius:999px;background:#ffffff0d;color:var(--ink)}.auth-toggle button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#09201a;font-weight:700}.auth-form,.composer{display:flex;flex-direction:column;gap:12px}.composer--mobile{display:none}.auth-form label,.composer label{display:flex;flex-direction:column;gap:6px;color:var(--muted)}.auth-form input,.composer textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--ink)}.auth-form button,.composer button{min-height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#09201a;font-weight:700}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:24px;border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 50px #00000042}.app-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.viewer-chip{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;background:#ffffff0f;color:#def4e8}.push-banner{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 20px;border-radius:24px;border:1px solid rgba(159,247,200,.24);background:linear-gradient(145deg,#111e1cf5,#0b1212f5),radial-gradient(circle at top left,rgba(159,247,200,.16),transparent 34%);box-shadow:0 20px 44px #00000038;width:min(720px,100%);align-self:flex-start}.push-banner__copy{display:flex;flex-direction:column;gap:8px}.push-banner__copy p:not(.eyebrow){color:var(--muted);max-width:72ch}.push-banner__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.messaging-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden}.sidebar,.thread-panel{min-height:0;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 50px #00000042}.sidebar{display:flex;flex-direction:column;padding:16px;gap:12px}.sidebar__header,.thread-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar__header span,.thread-header__meta span,.conversation-card__side span,.muted-text{color:var(--muted)}.conversation-list{display:flex;flex-direction:column;flex:1 1 auto;gap:10px;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0}.conversation-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-width:0;padding:12px;border-radius:18px;background:#ffffff08;border:1px solid transparent;color:inherit;text-align:left}.conversation-card.active{border-color:#9ff7c847;background:#9ff7c814}.conversation-card img,.thread-header__identity img{width:56px;height:56px;border-radius:18px;object-fit:cover;background:#ffffff14}.conversation-card__meta,.conversation-card__side,.thread-header__identity,.bubble,.empty-state,.thread-empty{display:flex;flex-direction:column}.conversation-card__meta{min-width:0;gap:4px}.conversation-card__meta strong,.conversation-card__preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card__meta span:not(.conversation-card__preview){color:var(--muted)}.conversation-card__side{align-items:flex-end;gap:8px;font-size:.76rem}.conversation-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#9ff7c82e;border:1px solid rgba(159,247,200,.42);color:#eefcf5;font-size:.74rem;font-weight:700;line-height:1}.access-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#f4d59a1f;color:var(--accent-warm);font-weight:700}.thread-panel{display:flex;flex-direction:column;padding:16px;gap:16px}.thread-header__identity{flex-direction:row;align-items:center;gap:12px}.thread-header__identity h2{font-size:1.06rem;line-height:1.2}.thread-header__back,.messages-mobile-tabs{display:none}.thread-header__identity p{color:var(--muted)}.thread-header__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.thread-feed{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-right:4px}.thread-feed>*+*{margin-top:14px}.bubble-row{display:flex}.bubble-row--user{justify-content:flex-end}.bubble{width:min(560px,100%);max-width:100%;min-width:0;gap:10px;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);overflow:hidden}.bubble--user{background:#9ff7c814;border-color:#9ff7c82e}.bubble__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem}.bubble p{white-space:pre-wrap;line-height:1.45}.bubble__media{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%;max-width:100%;min-width:0}.bubble__media img,.composer__attachment img{display:block;width:100%;max-width:100%;height:auto;max-height:min(320px,48vh);border-radius:14px;background:#ffffff0f;object-fit:cover}.media-button{border:0;padding:0;margin:0;background:transparent;cursor:zoom-in;line-height:0;border-radius:14px;overflow:hidden}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ae0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.image-lightbox__close{position:absolute;top:16px;right:16px}.image-lightbox__image{width:min(88vw,680px);height:auto;max-height:84vh;border-radius:14px;border:1px solid rgba(255,255,255,.2);object-fit:contain;box-shadow:0 18px 44px #0000008c}.composer{padding-top:12px;border-top:1px solid var(--line)}.composer__entry{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:10px}.composer textarea{min-height:44px;max-height:160px;resize:none;line-height:1.45;padding-top:12px;padding-bottom:12px;margin:0}.composer__actions{display:flex;align-items:center;justify-content:flex-start;gap:12px}.upload-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;align-self:end;width:42px;min-width:42px;min-height:42px;padding:0;border-radius:999px;font-weight:600;font-size:1.4rem;line-height:1}.upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.composer__attachment{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:16px;background:#ffffff0a}.composer__attachment img{width:96px;height:96px}.empty-state,.thread-empty{gap:8px;padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);background:#ffffff08;color:var(--muted)}.status-text{color:var(--accent)}.error-text{color:var(--danger)}@media (max-width: 960px){.page{padding-left:16px;padding-right:16px;padding-bottom:0;min-height:100dvh;height:100dvh;overflow:hidden}.messaging-layout{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0}.sidebar,.thread-panel{display:none;flex:1 1 auto;min-height:0}.messaging-layout--tab-conversations .sidebar,.messaging-layout--tab-thread .thread-panel{display:flex;height:100%}.sidebar{max-height:none;overflow-x:hidden}.messages-mobile-tabs{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;flex:0 0 auto;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(180deg,#0b1111e0,#080c0cf5);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;box-sizing:border-box;overflow:hidden}.messages-mobile-tabs button{min-height:42px;min-width:0;padding:8px 10px;border-radius:14px;background:#ffffff12;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.messages-mobile-tabs button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#09201a;font-weight:700}.composer__entry{align-items:center}.thread-panel{padding:0;gap:0;border-radius:18px 18px 0 0}.thread-header{padding:14px 16px 10px;gap:8px}.thread-header__identity h2{font-size:.94rem}.thread-feed{padding:8px 16px 12px}.conversation-card{grid-template-columns:48px minmax(0,1fr)}.conversation-card__side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;min-width:0}.composer--desktop{display:none}.composer--mobile{position:static;display:flex;width:100%;flex:0 0 auto;padding:8px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));border-top:1px solid var(--line);background:linear-gradient(180deg,#0e1616f0,#080c0cfa);box-shadow:none;box-sizing:border-box;overflow:hidden}}@media (max-width: 640px){.page{padding:16px 12px 24px;min-height:100dvh;height:100dvh}.auth-panel,.shell--loading{margin-top:0}.app-header,.thread-header,.composer__actions{flex-direction:column;align-items:stretch}.thread-header__identity{width:100%;flex-wrap:wrap}.thread-header__back{display:inline-flex}.thread-header__identity img,.thread-header__identity p,.thread-header__meta{display:none}.push-banner{grid-template-columns:1fr}.shell{height:auto}.conversation-card{grid-template-columns:48px minmax(0,1fr)}.conversation-card__side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.thread-header__identity img{width:48px;height:48px}}