html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.chat-room-wrapper{--ink:#1b2431;--muted:#7a8798;--surface:#eceff5;--surface-line:#e0e4ee;--accent:#4a4de7;--accent-ink:#fff;--page:#f7f8fb;background:var(--page);height:calc(100dvh - 85px);color:var(--ink);flex-direction:column;gap:12px;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.chat-room-back{font-size:13px}.chat-room-back a{color:var(--muted);text-decoration:none}.chat-room-back a:hover{color:var(--ink)}.chat-error{color:#b42318;background:#fdeceb;border-radius:10px;margin:0;padding:8px 12px;font-size:13px}.message-list{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 2px;display:flex;overflow-y:auto}.message-row{flex-direction:column;max-width:74%;display:flex}.message-row--own{align-self:flex-end;align-items:flex-end}.message-row--peer{align-self:flex-start;align-items:flex-start}.message{border-radius:16px;padding:9px 13px;font-size:15px;line-height:1.45}.message--own{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:5px}.message--peer{background:var(--surface);color:var(--ink);border:1px solid var(--surface-line);border-bottom-left-radius:5px}.message__text{white-space:pre-wrap;margin:0}.message__time{letter-spacing:.04em;opacity:.6;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block}.message--own .message__time{text-align:right}.chat-hint{color:var(--muted);align-self:center;padding:2px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.message-input{gap:8px;width:100%;display:flex}.message-input label{flex:1}.message-input input{border:1px solid var(--surface-line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 14px;font-size:15px}.message-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.message-input button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:12px;padding:0 18px;font-size:14px;font-weight:600}.message-input button:disabled{opacity:.5;cursor:not-allowed}.online-user{border:1px solid gray;border-radius:50px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;line-height:0;display:flex}:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f7fb;min-width:320px;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #e5e9f2;justify-content:space-between;align-items:center;min-height:68px;padding:0 5vw;display:flex}.app-brand{color:#1d2a44;letter-spacing:-.03em;font-weight:800;text-decoration:none}.app-header button{color:#43516b;background:#fff;border:1px solid #d9dfeb;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:650}.app-header button:hover{color:#18233a;border-color:#aeb9cc}.auth-page{background:radial-gradient(circle at 10% 10%,#e2e8ff 0,#0000 32%),radial-gradient(circle at 90% 90%,#d7f3ec 0,#0000 30%),#f5f7fb;place-items:center;min-height:calc(100dvh - 68px);padding:32px 20px;display:grid}.auth-card{background:#ffffffe6;border:1px solid #dae1efcc;border-radius:20px;width:min(100%,430px);padding:38px;box-shadow:0 20px 50px #2533501f}.eyebrow{color:#5658d6;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.auth-card h1,.home-intro h1{color:#17213a;letter-spacing:-.045em;margin-top:9px;font-size:clamp(28px,5vw,36px);font-weight:800;line-height:1.08}.auth-description,.home-intro>p:not(.eyebrow){color:#66728a;margin-top:12px;font-size:15px;line-height:1.5}.auth-form{gap:18px;margin-top:28px;display:grid}.auth-form label{color:#394762;gap:8px;font-size:14px;font-weight:700;display:grid}.auth-form input{color:#17213a;background:#fff;border:1px solid #d4dce9;border-radius:9px;outline:none;width:100%;min-height:46px;padding:0 13px}.auth-form input:focus{border-color:#6265e7;box-shadow:0 0 0 3px #6265e729}.auth-form button{color:#fff;background:#4f52d9;border:0;border-radius:9px;min-height:46px;font-weight:750;transition:transform .15s,background .15s}.auth-form button:hover:not(:disabled){background:#4043c2;transform:translateY(-1px)}.auth-form button:disabled{cursor:wait;opacity:.65}.form-error{color:#b42318;background:#fff0ef;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.auth-switch{color:#66728a;text-align:center;margin-top:24px;font-size:14px}.auth-switch a{color:#4b4eca;font-weight:750;text-decoration:none}.home-page{width:min(100% - 40px,820px);margin:0 auto;padding:48px 0 64px}.home-intro{margin-bottom:38px}.online-section,.conversation-section{background:#fff;border:1px solid #e0e5ef;border-radius:16px;padding:24px;box-shadow:0 8px 24px #2533500d}.conversation-section{margin-top:20px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{color:#25324b;font-size:16px;font-weight:800}.section-heading span{color:#5558c8;text-align:center;background:#eef0ff;border-radius:999px;min-width:24px;padding:4px 7px;font-size:12px;font-weight:800}.online-users{gap:10px;margin-top:18px;padding-bottom:2px;display:flex;overflow-x:auto}.online-user{color:#526079;background:0 0;border:0;border-radius:0;justify-items:center;gap:7px;width:70px;height:auto;font-size:12px;line-height:normal;display:grid}.online-user>span:first-child,.conversation-card__avatar{color:#fff;background:linear-gradient(135deg,#696ce9,#8a61d2);border-radius:50%;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.online-user:hover>span:first-child,.online-user:focus-visible>span:first-child{box-shadow:0 0 0 4px #e3e4ff}.online-user__name{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.conversation-list{gap:8px;margin-top:16px;display:grid}.conversation-card{color:#26334d;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:64px;padding:10px;text-decoration:none;display:grid}.conversation-card:hover,.conversation-card:focus-visible{background:#f2f4ff;outline:none}.conversation-card__name{font-size:15px;font-weight:750}.conversation-card__arrow{color:#9ba6b9;font-size:18px}.empty-state,.home-loading{color:#768197;margin-top:18px;font-size:14px;line-height:1.5}.home-loading{text-align:center}@media (width<=520px){.auth-card{padding:30px 22px}.home-page{width:min(100% - 28px,820px);padding-top:32px}.online-section,.conversation-section{padding:19px}}.group-creator{background:linear-gradient(135deg,#f9f9ff,#f4f7ff);border:1px solid #dcdff7;border-radius:16px;margin-top:20px;padding:24px;box-shadow:0 8px 24px #2533500d}.group-creator__description{color:#66728a;margin-top:10px;font-size:14px;line-height:1.5}.group-creator__form{gap:16px;margin-top:20px;display:grid}.group-creator__form>label{color:#394762;gap:8px;font-size:14px;font-weight:700;display:grid}.group-creator input{color:#17213a;background:#fff;border:1px solid #d4dce9;border-radius:9px;outline:none;width:100%;min-height:44px;padding:0 12px}.group-creator input:focus{border-color:#6265e7;box-shadow:0 0 0 3px #6265e729}.member-input{background:#fff;border:1px solid #d4dce9;border-radius:10px;gap:8px;padding:5px;display:flex}.member-input:focus-within{border-color:#6265e7;box-shadow:0 0 0 3px #6265e729}.member-input input{min-width:0;box-shadow:none;border:0;padding:0 7px}.member-input input:focus{box-shadow:none}.member-input button{color:#494cc3;background:#e9eaff;border:0;border-radius:7px;padding:0 14px;font-size:13px;font-weight:800}.member-input button:hover{background:#dcdfff}.member-input__hint{color:#8791a5;margin-top:-8px;font-size:12px}.group-creator__submit{color:#fff;background:#4f52d9;border:0;border-radius:9px;min-height:44px;font-weight:750}.group-creator__submit:hover{background:#4043c2}