.brand-mark{width:min(330px,72vw);height:auto}.brand-mark--compact{width:132px}.eyebrow{margin:0 0 14px;color:var(--violet);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.stage-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 11px;color:var(--violet-dark);border-radius:999px;background:var(--violet-soft);font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stage-pill span,.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal),transparent 75%)}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);gap:clamp(48px,8vw,130px);align-items:center;width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:64px 0}.auth-intro{display:grid;gap:54px}.auth-title,.state-card h1{margin:0;font-size:clamp(3rem,7vw,6.1rem);font-weight:680;letter-spacing:-.065em;line-height:.96}.auth-title{margin:0}.auth-lead{max-width:650px;margin:26px 0 0;color:var(--ink-soft);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.65}.connection-card{display:grid;max-width:650px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface-raised)}.connection-card div{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;padding:18px 22px}.connection-card div+div{border-top:1px solid var(--line)}.connection-card dt{color:var(--ink-soft)}.connection-card dd{margin:0;font-weight:700}.login-card{width:100%;padding:clamp(28px,4vw,46px);border:1px solid var(--line);border-radius:34px;background:var(--surface-raised);box-shadow:0 34px 90px #361f4b29;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-card__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:34px;border-bottom:1px solid var(--line)}.login-card form{display:grid;gap:22px;padding-top:34px}.form-heading h1{margin:0;font-size:2rem;letter-spacing:-.035em}.form-heading p,.privacy-note{margin:8px 0 0;color:var(--ink-soft);line-height:1.5}.login-card label{display:grid;gap:9px;font-weight:700}.login-card input{width:100%;min-height:54px;padding:0 16px;color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;outline:none;background:var(--field);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.login-card input:focus{border-color:var(--violet);box-shadow:0 0 0 4px color-mix(in srgb,var(--violet),transparent 84%)}.login-card input:disabled{cursor:wait;opacity:.65}.username-field{position:relative}.username-field input{padding-right:152px}.username-field>span{position:absolute;top:50%;right:16px;max-width:140px;overflow:hidden;color:var(--ink-soft);font-weight:500;text-overflow:ellipsis;transform:translateY(-50%)}.submit-button,.state-actions button,.secondary-button{min-height:52px;padding:0 20px;color:#fff;border:0;border-radius:14px;background:var(--violet-button);font-weight:780;cursor:pointer}.submit-button:hover,.state-actions button:hover{background:var(--violet-button-hover)}.submit-button:disabled,.state-actions button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.privacy-note{font-size:.82rem;text-align:center}.form-error,.form-notice{margin:0;padding:13px 15px;border-radius:12px;font-size:.9rem;line-height:1.45}.form-error{color:var(--danger-text);background:var(--danger-soft)}.form-notice{color:var(--notice-text);background:var(--notice-soft)}.centered-state{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:24px;padding:28px;text-align:center}.centered-state>p{margin:0;color:var(--ink-soft)}.loading-indicator{width:34px;height:34px;border:3px solid var(--violet-soft);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-card{width:min(560px,calc(100vw - 40px));padding:clamp(28px,5vw,48px);border:1px solid var(--line);border-radius:28px;background:var(--surface-raised);box-shadow:0 28px 75px #361f4b24}.state-card h1{font-size:clamp(2rem,6vw,3.6rem)}.state-card>p:not(.eyebrow){color:var(--ink-soft);line-height:1.6}.state-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.secondary-button,.state-actions .secondary-button{color:var(--ink);border:1px solid var(--line-strong);background:var(--field)}.messenger-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:100vh;background:var(--app-background)}.room-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:var(--surface-raised-solid)}.room-sidebar header{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 18px;border-bottom:1px solid var(--line)}.avatar-button{display:grid;width:40px;height:40px;place-items:center;color:#fff;border:0;border-radius:50%;background:var(--violet-button);font-weight:800}.room-search{margin:14px 16px 0;padding:12px 14px;color:var(--ink-soft);border-radius:12px;background:var(--field)}.room-empty{display:grid;place-items:center;margin:auto 28px;text-align:center}.room-empty>span{color:var(--violet);font-size:3.5rem}.room-empty h1{margin:18px 0 8px;font-size:1.25rem}.room-empty p,.conversation-card>p:not(.eyebrow,.user-id){margin:0;color:var(--ink-soft);line-height:1.55}.conversation-placeholder{display:grid;place-items:center;padding:42px}.conversation-card{width:min(520px,100%);padding:clamp(30px,5vw,52px);border:1px solid var(--line);border-radius:30px;background:var(--surface-raised);box-shadow:0 24px 70px #361f4b1f;text-align:center}.conversation-card .connection-dot{display:block;margin:0 auto 28px}.conversation-card h2{margin:0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.05em;line-height:1}.user-id{margin:18px 0 24px;color:var(--violet);font-weight:750;overflow-wrap:anywhere}.conversation-card .secondary-button{margin-top:30px}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--violet),transparent 38%);outline-offset:3px}@media(max-width:860px){.auth-layout{grid-template-columns:1fr;width:min(620px,calc(100% - 32px));gap:46px;padding:40px 0}.auth-intro{gap:34px}.auth-intro>.brand-mark,.connection-card{display:none}.messenger-shell{grid-template-columns:1fr}.room-sidebar{display:none}.conversation-placeholder{min-height:100vh;padding:20px}}@media(max-width:480px){.auth-layout{display:block;padding:20px 0}.auth-intro{display:none}.login-card{padding:24px 20px;border-radius:26px}.username-field input{padding-right:132px}.username-field>span{right:12px;max-width:120px;font-size:.86rem}}:root{color-scheme:light;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #201a35;--ink-soft: #665e78;--surface: #fbf9fe;--surface-raised: rgba(255, 255, 255, .78);--surface-raised-solid: #fff;--app-background: #f6f3fa;--field: #f5f1f8;--line: rgba(55, 38, 83, .12);--line-strong: rgba(55, 38, 83, .21);--violet: #7131b5;--violet-dark: #542186;--violet-soft: #efe4fa;--violet-button: #64249a;--violet-button-hover: #531c83;--teal: #75d2c6;--danger-text: #8f2633;--danger-soft: #fdecef;--notice-text: #355a53;--notice-soft: #e7f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 85% 10%,rgba(133,74,196,.14),transparent 28rem),radial-gradient(circle at 5% 60%,rgba(117,210,198,.12),transparent 24rem),var(--surface)}button,a{font:inherit}a{color:inherit}img{display:block;max-width:100%}::selection{color:#fff;background:var(--violet)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink: #f5effd;--ink-soft: #bcb2ca;--surface: #15111d;--surface-raised: rgba(34, 27, 45, .82);--surface-raised-solid: #211a2b;--app-background: #120e19;--field: #2a2134;--line: rgba(239, 228, 250, .13);--line-strong: rgba(239, 228, 250, .23);--violet: #bc83ed;--violet-dark: #dab4f9;--violet-soft: #32213e;--violet-button: #8e4bc5;--violet-button-hover: #a160d5;--danger-text: #ffb9c2;--danger-soft: #44232a;--notice-text: #bceade;--notice-soft: #1d3934}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}