:root{color:#fffffff0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-stroke:#ffffff2e;--panel-fill:#24223433;--panel-shadow:0 18px 50px #0e142742;--field-stroke:#ffffff24;--field-text:#f6f7fbf0;--muted-text:#eff3fcb3;--primary:linear-gradient(90deg, #6cc6ff 0%, #6970ff 100%);--primary-shadow:0 16px 30px #4c71ff42;background:#2a3858;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1)}button:disabled{cursor:wait;opacity:.72}input,textarea{color:var(--field-text);resize:none;background:0 0;border:0;outline:none;min-width:0}input::placeholder,textarea::placeholder{color:#f0f4fba8;opacity:1}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}.page-shell{background:radial-gradient(circle at 18% 72%,#ff5b2059,#0000 24%),radial-gradient(circle at 82% 14%,#68c4ff47,#0000 20%),radial-gradient(circle at 84% 88%,#376eff47,#0000 22%),linear-gradient(#0a0c181f,#0a0d1b42),url(/background-ui.png) 50%/cover no-repeat;place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.page-shell.theme-escuro{background:radial-gradient(circle at 18% 72%,#c23d1147,#0000 24%),radial-gradient(circle at 82% 14%,#447dc729,#0000 20%),radial-gradient(circle at 84% 88%,#293b853d,#0000 22%),linear-gradient(#05071047,#03050c80),url(/background-ui.png) 50%/cover no-repeat}.page-shell.theme-ameixa{background:radial-gradient(circle at 18% 72%,#ff6c2657,#0000 24%),radial-gradient(circle at 82% 14%,#85b6ff2e,#0000 20%),radial-gradient(circle at 84% 88%,#7d50cd52,#0000 22%),linear-gradient(#170f2133,#170d235c),url(/background-ui.png) 50%/cover no-repeat}.page-chat{background:linear-gradient(#080b1714,#080b172e),url(/assets/chat-background.png) 50%/cover no-repeat;min-height:100vh;padding:0}.fade-layer{pointer-events:none;z-index:9;background:#05071000;transition:background .54s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.fade-layer.is-active{background:#050710eb}.login-panel,.profile-panel,.chat-shell{z-index:2;position:relative}.login-panel{width:min(100%,560px);min-height:755px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(17px);background:linear-gradient(#f1f3fc1f,#40528424),#e7ebf81f;border:1px solid #ffffff3d;border-radius:34px;flex-direction:column;padding:68px 55px 34px;display:flex}.hero-copy{text-align:center}.headline-word,.support-word{display:block}.hero-copy h1{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,6vw,4.85rem);font-weight:500;line-height:.94}.hero-copy p{color:#f3f6fcd6;max-width:31ch;margin:20px auto 0;font-size:.98rem;line-height:1.6}.char{opacity:0;animation:.78s cubic-bezier(.16,1,.3,1) forwards rise-in;display:inline-block;transform:translateY(20px)}.login-form,.profile-form{flex-direction:column;gap:19px;display:flex}.login-form{margin-top:42px}.field{border:1px solid var(--field-stroke);color:#f2f4f9c2;background:linear-gradient(#ffffff0a,#ffffff05);border-radius:13px;grid-template-columns:24px 1fr 24px;align-items:center;gap:16px;min-height:64px;padding:0 18px;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1),background .32s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:inset 0 1px #ffffff0d}.field:hover,.field:focus-within{background:linear-gradient(#ffffff13,#ffffff09);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 12px 20px #10183029}.field-multiline{align-items:start;min-height:110px;padding-top:18px;padding-bottom:18px}.field-icon,.camera-icon,.theme-icon{width:22px;height:22px}.field-icon-right{justify-self:end}.field-icon-spacer{width:22px;height:22px}.input-stage{align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.live-input{z-index:2;width:100%;height:100%;color:var(--field-text);caret-color:#fffffff5;padding:0;line-height:1.4;position:relative}.live-textarea{min-height:74px;padding-top:1px}.submit-button{background:var(--primary);color:#fffffffa;min-height:64px;box-shadow:var(--primary-shadow);border-radius:13px;font-size:1.08rem;font-weight:700}.submit-button:hover,.submit-button:focus-visible{filter:saturate(1.06)brightness(1.03);transform:translateY(-2px);box-shadow:0 18px 30px #0813386b}.login-note,.text-link{text-align:center}.login-note{color:#e0e8f8c7;max-width:32ch;margin:20px auto 0;font-size:.93rem;line-height:1.6}.auth-message{color:#ffdecaeb;text-align:center;max-width:34ch;margin:16px auto 0;font-size:.92rem;line-height:1.5}.profile-message{color:#d2ebffeb;text-align:center;margin:-2px 0 0;font-size:.92rem;line-height:1.5}.text-link{color:#80b6ff;font-weight:600}.text-link:hover,.text-link:focus-visible{color:#b8d4ff;transform:translateY(-1px)}.profile-panel{-webkit-backdrop-filter:blur(16px);background:radial-gradient(circle at 38% 52%,#f05f2638,#0000 22%),linear-gradient(125deg,#4c29228f,#121828b8);border:1px solid #ffffff24;border-radius:34px;grid-template-columns:.95fr 1.05fr;gap:52px;width:min(100%,1180px);min-height:780px;padding:54px 58px;display:grid;box-shadow:0 24px 60px #060a1847}.profile-showcase{flex-direction:column;justify-content:center;padding-right:12px;display:flex}.showcase-avatar{background:radial-gradient(circle at 30% 24%,#ffffff52,#ffffff14);border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:176px;height:176px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.showcase-avatar img,.photo-preview{object-fit:cover;width:100%;height:100%}.avatar-fallback{color:#ffffffe6;background:radial-gradient(circle at 70% 28%,#ffffff59,#0000 9%),radial-gradient(circle at 34% 22%,#fff3,#0000 24%),#ffffff0a;border-radius:999px;place-items:center;width:100%;height:100%;display:grid;position:relative}.avatar-fallback .field-icon{z-index:2;width:45%;height:45%;position:relative}.avatar-glow{border:1px solid #ffffff4d;border-radius:999px;position:absolute;inset:12%;box-shadow:inset 0 0 28px #ffffff1f,0 0 34px #ffffff1f}.avatar-fallback-compact .field-icon{width:38%;height:38%}.profile-title{max-width:8.5ch;margin:24px 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(3.5rem,5vw,5rem);font-weight:500;line-height:.95}.profile-copy{color:#f1f2f8c2;max-width:18ch;margin:24px 0 0;font-size:.98rem;line-height:1.65}.benefit-card{-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;width:min(100%,368px);margin-top:28px;padding:24px 22px}.benefit-item{grid-template-columns:48px 1fr;align-items:start;gap:14px;display:grid}.benefit-item+.benefit-item{margin-top:18px}.benefit-icon{color:#ffffffd6;background:#ffffff14;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.benefit-item strong{font-size:1rem;font-weight:600;display:block}.benefit-item p{color:#f0f4faa8;margin:4px 0 0;line-height:1.5}.profile-form-area{flex-direction:column;display:flex}.profile-header-row{color:#fafbffeb;align-items:center;gap:12px;display:flex}.profile-header-row h3{margin:0;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:500}.profile-header-row p{color:#edf1f8b8;margin:4px 0 0}.photo-row{margin-top:28px}.photo-upload{background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:142px;height:142px;display:grid;position:relative;overflow:hidden}.photo-upload:hover,.photo-upload:focus-visible{border-color:#ffffff42;transform:translateY(-2px);box-shadow:0 18px 30px #0a12282e}.photo-upload-copy{-webkit-backdrop-filter:blur(10px);background:#0b0f1c75;border:1px solid #ffffff3d;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:12px;right:14px;box-shadow:0 10px 22px #070c1c38}.photo-upload-copy strong{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-upload-copy .camera-icon{width:20px;height:20px}.hidden-file-input{display:none}.profile-form{margin-top:16px}.field-block{flex-direction:column;gap:10px;display:flex}.field-label{color:#f7f8fceb;font-weight:600}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.theme-option{color:#eff3fce0;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:84px;display:flex}.theme-option:hover,.theme-option:focus-visible{border-color:#ffffff3d;transform:translateY(-2px)}.theme-option.is-selected{border-color:#699dffe0;box-shadow:inset 0 0 0 1px #699dffe0}.profile-submit{margin-top:6px}.profile-skip{margin-top:4px}.chat-shell{color:#f7f8fceb;grid-template-columns:86px 280px minmax(460px,1fr) 292px;gap:0;width:100vw;height:100vh;min-height:0;display:grid;position:relative}.rail,.server-panel,.conversation-panel,.activity-panel>section{-webkit-backdrop-filter:blur(18px);background:radial-gradient(circle at 6% 12%,#ff672d1f,#0000 24%),linear-gradient(145deg,#56342d6b,#0e1422ad);border:1px solid #ffffff21;box-shadow:0 24px 54px #05081338}.rail{border-radius:22px;flex-direction:column;align-items:center;gap:18px;padding:18px 12px;display:flex}.rail-brand,.server-icon{background:radial-gradient(circle,#ffcb81f0,#ff5d2133 22%,#0000 48%),#ffffff0f;border-radius:14px;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.rail-brand span,.server-icon:before{content:"";clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);background:#fffffff2;width:18px;height:18px}.rail-button,.rail-profile{color:#f7f8fcc7;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.rail-button:hover,.rail-button.is-active,.rail-profile:hover{color:#fffffffa;background:#ffffff14;transform:translateY(-1px)}.rail-bottom{margin-top:auto}.rail-profile{border-radius:14px;padding:0;position:relative;overflow:hidden}.rail-profile>span:last-child{background:#35d082;border-radius:999px;width:10px;height:10px;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 3px #141624d9}.server-panel{border-radius:22px;flex-direction:column;min-width:0;padding:22px 18px;display:flex}.server-head{align-items:center;gap:14px;display:flex}.server-head h2,.conversation-head h1,.online-card h2,.call-card h2{margin:0;font-family:Cormorant Garamond,serif;font-weight:500}.server-head h2{font-size:1.7rem}.server-head p,.conversation-head p,.online-card p,.call-card p,.member-row p,.voice-card p,.breathe-card p{color:#ebeff89e;margin:3px 0 0}.channel-heading{color:#f6f8fcc7;justify-content:space-between;align-items:center;margin-top:34px;font-size:.9rem;display:flex}.channel-heading .field-icon{width:18px;height:18px}.voice-card,.breathe-card{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:14px}.voice-card{margin-top:28px;padding:16px}.conversation-panel{border-radius:20px;min-width:0;overflow:hidden}.activity-panel{grid-template-rows:1fr auto;gap:8px;display:grid}.activity-panel>section{border-radius:20px;padding:28px 24px}.online-card h2{color:#f7f8fcc2;font-family:Manrope,sans-serif;font-size:.96rem;font-weight:600}.chat-avatar{color:#ffffffdb;background:radial-gradient(circle at 45% 25%,#ffb570e6,#ff602a57 30%,#152b52e0 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.chat-avatar-small{width:34px;height:34px}.chat-avatar img{object-fit:cover;object-position:center center;flex-shrink:0;width:100%;height:100%;display:block}.chat-avatar .field-icon{flex-shrink:0;width:55%;height:55%}.empty-chat-shell{grid-template-columns:86px 292px minmax(520px,1fr) 300px;align-items:stretch;gap:0;width:100vw;height:100vh;min-height:0}.empty-chat-shell .server-panel,.empty-chat-shell .conversation-panel,.empty-chat-shell .activity-panel>section,.empty-chat-shell .rail{background:radial-gradient(circle at 5% 20%,#ff66272e,#0000 28%),radial-gradient(circle at 95% 80%,#1b5acd2e,#0000 32%),linear-gradient(150deg,#5f362e6b,#0b111fb8);border-radius:0}.empty-chat-shell .server-panel{grid-template-rows:auto auto auto 1fr auto auto;padding:22px 18px 18px;display:grid}.empty-chat-shell .rail{border-top:0;border-bottom:0;border-left:0}.empty-chat-shell .server-panel,.empty-chat-shell .conversation-panel{border-top:0;border-bottom:0}.empty-chat-shell .activity-panel>section{border-top:0;border-bottom:0;border-right:0;height:100%}.empty-chat-shell .server-head h2{font-size:1.42rem}.direct-search{color:#eceff694;background:#ffffff09;border:1px solid #ffffff1c;border-radius:12px;align-items:center;gap:10px;height:42px;margin-top:32px;padding:0 12px;display:flex;overflow:hidden}.direct-search:before{content:"";border:1.5px solid;border-radius:999px;width:14px;height:14px;box-shadow:5px 5px 0 -4px}.direct-search span{font-size:.93rem}.direct-search input{color:#ffffffeb;width:100%;min-width:0}.direct-heading{margin-top:32px;font-size:.96rem}.channel-add{color:#ffdec3e0;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.channel-add:hover{color:#fffffff5;background:#ff704029;border-color:#ff8c5c42;transform:translateY(-1px)}.empty-chat-shell .voice-card{grid-template-columns:30px 1fr;align-self:end;gap:12px;min-width:0;margin-top:auto;padding:18px 16px 14px;display:grid}.empty-chat-shell .voice-card .field-icon{margin-top:4px}.waveform{opacity:.9;background:repeating-linear-gradient(90deg,#ff754599 0 2px,#0000 2px 10px,#53b2ffe6 10px 12px,#0000 12px 18px);grid-column:1/-1;height:22px;margin-top:8px;-webkit-mask-image:linear-gradient(#0000 10%,#000 50%,#0000 90%);mask-image:linear-gradient(#0000 10%,#000 50%,#0000 90%)}.user-strip{text-align:left;color:#ffffffe6;border-top:1px solid #ffffff14;border-radius:0;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-width:0;min-height:64px;margin-top:10px;display:grid}.user-strip>div{min-width:0}.user-strip strong,.user-strip p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-strip strong{display:block}.owner-name{color:#ffebe2fa;text-shadow:0 0 12px #ff1840ad,0 0 22px #508cff5c}.owner-name em,.owner-tag-line strong{color:#ff4c63;text-transform:lowercase;filter:drop-shadow(0 0 8px #ff1c44b3);margin-left:6px;font-size:.72em;font-style:normal}.user-strip p{color:#65e09b;margin:2px 0 0;font-size:.84rem}.dm-list{flex-direction:column;gap:8px;min-height:0;margin-top:16px;display:flex;overflow:auto}.dm-empty{color:#eff3fc70;border:1px dashed #ffffff17;border-radius:14px;margin:6px 0 0;padding:14px 12px;font-size:.86rem;line-height:1.45}.dm-row{color:#ffffffd6;text-align:left;background:#ffffff09;border:1px solid #0000;border-radius:16px;grid-template-columns:34px 1fr;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:grid;position:relative}.dm-row:hover,.dm-row.is-active{background:radial-gradient(circle at 0%,#ff773d26,#0000 46%),#ffffff0e;border-color:#ff9d6038;transform:translate(2px)}.dm-row strong,.dm-row p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dm-row p{color:#eff3fc75;margin:3px 0 0;font-size:.78rem}.dm-presence{background:#53e28f;border-radius:999px;width:9px;height:9px;position:absolute;bottom:12px;left:36px;box-shadow:0 0 0 3px #15141ce6}.group-heading{margin-top:22px}.group-list{max-height:180px}.group-avatar,.chat-group-avatar{color:#ffece0f5;background:radial-gradient(circle at 35% 20%,#ffbc7e94,#0000 46%),linear-gradient(145deg,#ff603e8c,#4154d2ad);border:1px solid #ffb48233;border-radius:15px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 12px 24px #ff563824}.group-avatar{width:34px;height:34px}.chat-group-avatar{width:54px;height:54px;font-size:1.25rem}.empty-center-panel{place-items:center;padding:0;display:grid;overflow:hidden}.chat-room{grid-template-rows:auto 1fr auto;height:100%;min-height:0;display:grid}.chat-room-head{background:radial-gradient(circle at 20% 0,#ff78401f,#0000 38%),#ffffff06;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;min-height:88px;padding:18px 24px;display:flex}.chat-room-person{align-items:center;gap:14px;min-width:0;display:flex}.chat-room-person h1{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:500;line-height:1}.chat-room-person p{color:#eef2f98a;margin:6px 0 0;font-size:.88rem}.call-actions{gap:10px;display:flex}.call-actions button,.composer-tool,.composer-send{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.call-actions button:hover,.composer-tool:hover{background:#ff82461a;border-color:#ff975e47;transform:translateY(-2px)}.messages-stream{flex-direction:column;gap:14px;min-height:0;padding:30px clamp(20px,3.8vw,52px);display:flex;overflow-y:auto}.chat-start{text-align:center;color:#ffffffb8;max-width:430px;margin:auto}.chat-start>span{color:#ffdec2f0;background:radial-gradient(circle at 50% 0,#ff8b4b47,#0000 64%),#ffffff0e;border:1px solid #ffffff1a;border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 20px;display:grid}.chat-start h2{margin:0;font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:500}.chat-start p{color:#f0f4fa85;margin:10px 0 0;line-height:1.55}.message-bubble{align-items:flex-end;gap:10px;max-width:min(78%,650px);animation:.32s cubic-bezier(.22,1,.36,1) both rise-in;display:flex}.message-bubble.is-mine{flex-direction:row;align-self:flex-end}.message-content{background:linear-gradient(145deg,#ffffff16,#ffffff09);border:1px solid #ffffff1a;border-radius:18px 18px 18px 6px;padding:12px 14px;box-shadow:0 12px 26px #04081229}.message-bubble.is-mine .message-content{background:radial-gradient(circle at 8% 0,#ffbc8a2e,#0000 52%),linear-gradient(145deg,#ff653ab8,#4d3247d1);border-color:#ffab7538;border-radius:18px 18px 6px}.message-bubble.is-owner-message .message-content{border-color:#ff486061;box-shadow:0 0 0 1px #ff486024,0 0 26px #ff184038,0 0 34px #4a78ff24}.message-content p{color:#ffffffeb;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.message-image{object-fit:cover;border:1px solid #ffffff1f;border-radius:14px;width:min(100%,360px);max-height:360px;margin-top:8px;display:block}.link-preview{color:#ffffffe0;background:#080b1652;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:74px 1fr;align-items:center;gap:12px;min-width:min(340px,100%);margin-top:10px;padding:10px;text-decoration:none;display:grid}.link-preview-thumb{color:#ffd2aaf2;background:radial-gradient(circle at 50% 20%,#ff974c57,#0000 55%),linear-gradient(145deg,#ffffff1a,#0f1420bd);border-radius:12px;place-items:center;width:74px;height:58px;display:grid;overflow:hidden}.link-preview-thumb img{object-fit:cover;width:100%;height:100%}.link-preview strong,.link-preview small{text-overflow:ellipsis;display:block;overflow:hidden}.link-preview small{color:#ffffff8a;white-space:nowrap;margin-top:4px}.message-composer{background:radial-gradient(circle at 0 0,#ff814821,#0000 50%),#080c186b;border:1px solid #ffffff1c;border-radius:22px;grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;min-height:66px;margin:0 clamp(16px,3vw,42px) 24px;padding:10px;display:grid;box-shadow:0 20px 38px #03060e38}.message-composer input:not([type=file]){color:#ffffffeb;width:100%;height:44px}.composer-send{color:#fffffff2;background:linear-gradient(135deg,#ff7146,#456fe8);box-shadow:0 12px 24px #ff68402e}.composer-send:disabled{opacity:.45}.empty-hero{text-align:center;flex-direction:column;align-items:center;margin-top:-8px;display:flex}.portal-scene{background:radial-gradient(circle at 50% 45%,#ff81384d,#0000 32%),linear-gradient(#1e2a3d5c,#ff5c232b 58%,#0a0e1ab8);border:1px solid #ff894e2e;border-radius:120px 120px 14px 14px;width:220px;height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 22px 52px #070a1840}.portal-star{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);filter:drop-shadow(0 0 14px #ff8a3de6);background:#ffd28b;width:16px;height:16px;position:absolute;top:88px;left:50%;transform:translate(-50%)}.portal-person{background:#080c18db;border-radius:14px 14px 6px 6px;width:24px;height:46px;position:absolute;bottom:64px;left:88px;transform:rotate(-8deg)}.portal-person:before{content:"";background:#080c18db;border-radius:999px;width:17px;height:17px;position:absolute;top:-10px;left:5px}.portal-hill{background:#0c101cdb;border-radius:50% 50% 0 0;height:96px;position:absolute;bottom:-28px}.portal-hill-one{width:190px;left:-34px}.portal-hill-two{background:#101422c7;width:230px;bottom:-38px;right:-55px}.empty-hero h1{margin:34px 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,3vw,3.35rem);font-weight:500;line-height:1}.empty-hero p{color:#eceff79e;max-width:46ch;margin:18px 0 0;line-height:1.55}.empty-actions{gap:22px;margin-top:40px;display:flex}.invite-button,.new-chat-button{border-radius:12px;justify-content:center;align-items:center;gap:12px;min-width:190px;height:56px;font-size:.98rem;display:inline-flex}.invite-button{background:linear-gradient(135deg,#ff663d,#62302fd1);box-shadow:0 18px 32px #d6472a38}.new-chat-button{background:#ffffff09;border:1px solid #ffffff24}.empty-online-card{flex-direction:column;min-height:0;padding:clamp(38px,7vh,76px) 32px 34px;display:flex;position:relative;overflow:hidden}.profile-status{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-status .chat-avatar{border:1px solid #ff894eb8;border-radius:999px;width:88px;height:88px}.profile-status>span{z-index:1;background:#35d082;border-radius:999px;width:15px;height:15px;margin-top:-19px;margin-left:56px;box-shadow:0 0 0 4px #2a191bf0}.profile-status h2{margin-top:20px;font-size:1.85rem}.profile-status p{color:#5ce28f}.online-divider{background:#ffffff14;height:1px;margin:clamp(36px,6.4vh,70px) 0 clamp(30px,4.6vh,46px)}.lonely-row{grid-template-columns:32px 1fr;align-items:start;gap:18px;display:grid}.lonely-row strong{font-size:1.08rem;display:block}.lonely-row p{color:#eceff79e;margin-top:5px}.lonely-copy{color:#eceff79e;margin:48px 0 0;line-height:1.6}.right-orbit{border:1px solid #ffffff0f;border-radius:999px;place-items:center;width:116px;height:116px;margin:auto auto clamp(48px,7vh,72px);display:grid;position:relative}.right-orbit:before{content:"";border-radius:inherit;border:1px solid #ff8f4c1f;position:absolute;inset:20px}.right-orbit span{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);filter:drop-shadow(0 0 16px #ff7d30f2);background:#ffd28b;width:19px;height:19px}.right-hills{pointer-events:none;background:radial-gradient(120px 42px at 68% 86%,#0c1c40f2,#0000 74%),radial-gradient(180px 52px at 38% 96%,#171f32eb,#0000 72%);height:116px;position:absolute;bottom:0;left:0;right:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none}@keyframes modal-pop{0%{opacity:0;filter:blur(6px);transform:translateY(28px)scale(.96)}60%{opacity:1;filter:blur();transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes char-rise{0%{opacity:0;filter:blur(4px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes input-glow-pulse{0%,to{opacity:0}50%{opacity:1}}.modal-overlay{-webkit-backdrop-filter:blur(18px);z-index:100;background:#0c080659;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.invite-modal{color:#ffffffe6;background:radial-gradient(90% 55% at 50% -5%,#dc6e288c 0%,#b4501e38 38%,#0000 65%),radial-gradient(60% 30% at 20% 0,#c850142e 0%,#0000 50%),radial-gradient(60% 30% at 80% 0,#c8501424 0%,#0000 50%),#0d0a09f5;border:1px solid #c8642847;border-radius:24px;flex-direction:column;width:min(100%,560px);padding:52px 52px 44px;animation:.42s cubic-bezier(.22,1,.36,1) both modal-pop;display:flex;position:relative;box-shadow:0 0 0 1px #b45a2838,0 32px 80px #000000b3,0 8px 32px #00000080,inset 0 1px #ffa05033}.invite-modal-slim{padding:52px 52px 44px}.modal-close{color:#fff6;border-radius:999px;place-items:center;width:36px;height:36px;transition:color .2s,background .2s;display:grid;position:absolute;top:20px;right:20px}.modal-close .field-icon{width:18px;height:18px}.modal-close:hover{color:#ffffffe6;background:#ffffff14}.modal-header{text-align:center;flex-direction:column;align-items:center;display:flex}.modal-hero-icon-wrapper{color:#ffdcbee6;background:#ff783212;border:1px solid #ff783259;border-radius:999px;place-items:center;width:62px;height:62px;margin-bottom:28px;display:grid;position:relative;box-shadow:0 0 28px #ff78322e}.modal-hero-icon-wrapper .field-icon{width:28px;height:28px}.modal-hero-icon-wrapper .spark{background:#fa6;border-radius:999px;width:5px;height:5px;position:absolute;box-shadow:0 0 10px #fa6}.modal-hero-icon-wrapper .spark-1{top:-8px;right:-13px}.modal-hero-icon-wrapper .spark-2{opacity:.7;width:3px;height:3px;bottom:6px;left:-15px}.modal-title-row{flex-wrap:wrap;justify-content:center;gap:0;margin:0;line-height:1.1;display:flex}.modal-title-char{color:#fffffff7;letter-spacing:-.01em;opacity:0;font-family:Cormorant Garamond,Georgia,serif;font-size:2.4rem;font-weight:600;animation:.5s cubic-bezier(.22,1,.36,1) forwards char-rise;display:inline-block}.modal-subtitle{color:#ffffff7a;letter-spacing:.01em;margin:14px 0 0;font-size:.94rem}.modal-body{flex-direction:column;gap:20px;margin-top:40px;display:flex}.modal-field-group{flex-direction:column;gap:12px;display:flex}.invite-input-label{color:#ffffffd1;letter-spacing:.01em;cursor:text;font-size:.92rem;font-weight:500;display:block}.invite-input-label-tag{color:#ffa05ad9;font-weight:400}.invite-input-wrap{background:#00000040;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:12px;height:58px;padding:0 18px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.invite-input-wrap:focus-within{border-color:#ff6e3273;box-shadow:0 0 0 3px #ff6e3214,0 8px 24px #0003}.invite-input-icon{color:#ffffff59;flex-shrink:0;width:18px;height:18px;transition:color .25s}.invite-input-wrap:focus-within .invite-input-icon{color:#ff8c50cc}.invite-input{color:#fffffff2;letter-spacing:.02em;caret-color:#ff7040;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1.05rem;font-weight:400}.invite-input::placeholder{color:#ffffff47;font-size:.97rem}.invite-input-glow{opacity:0;background:linear-gradient(90deg,#0000,#ff6e32b3,#0000);height:1px;transition:opacity .3s;position:absolute;bottom:0;left:10%;right:10%}.invite-input-wrap:focus-within .invite-input-glow{opacity:1;animation:2s ease-in-out infinite input-glow-pulse}.invite-feedback{color:#ffd8beeb;margin:0;font-size:.9rem;line-height:1.45}.modal-footer{gap:14px;margin-top:36px;display:flex}.modal-footer-slim{margin-top:36px}.modal-footer button,.modal-footer-slim button{border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:.97rem;font-weight:600;display:flex}.modal-cancel-btn{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff14;height:54px;transition:background .2s,color .2s}.modal-cancel-btn:hover{color:#fffffff2;background:#ffffff14}.modal-send-btn{color:#fff;background:linear-gradient(135deg,#ff5c2e 0%,#cc3c22 100%);border:none;height:54px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),background .22s;position:relative;overflow:hidden;box-shadow:0 12px 28px #ff50284d}.modal-send-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);transition:opacity .22s;position:absolute;inset:0}.modal-send-btn:hover{background:linear-gradient(135deg,#ff6a3a 0%,#e04428 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 20px 44px #ff502873,0 0 0 1px #ff783c66}.modal-send-btn:hover:before{opacity:1}.modal-send-btn:active{transform:translateY(0)scale(.98);box-shadow:0 6px 16px #ff502840}.modal-send-btn-big{letter-spacing:.01em;flex:1.6;height:62px;font-size:1.08rem}.modal-send-btn .field-icon,.modal-send-btn-big .field-icon{width:20px;height:20px}@keyframes rise-in{0%{opacity:0;filter:blur(5px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.profile-panel-new{-webkit-backdrop-filter:blur(20px);background:radial-gradient(60% 80% at 0 20%,#ff6e3214 0%,#0000 60%),radial-gradient(70% 80% at 100% 80%,#3278ff0f 0%,#0000 60%),#16161ce6;border:1px solid #ffffff0f;border-radius:28px;width:min(100%,960px);min-height:540px;margin:auto;animation:.5s cubic-bezier(.22,1,.36,1) both modal-pop;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009,inset 0 1px #ffffff0f}.profile-left-pane{border-right:1px solid #ffffff0a;flex-direction:column;flex:0 0 380px;padding:56px 48px;display:flex;position:relative}.profile-back-btn{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:32px;left:32px}.profile-back-btn:hover{color:#fff;background:#ffffff1a}.profile-back-btn svg{width:18px;height:18px}.profile-title-new{color:#fffffff5;margin:40px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:2.8rem;font-weight:500;line-height:1.05}.profile-copy-new{color:#ffffff8c;margin:16px 0 0;font-size:.98rem;line-height:1.5}.profile-avatar-large-wrap{text-align:center;flex-direction:column;align-items:center;margin-top:64px;display:flex}.photo-upload-large{color:#fff9;background:#ff8c500a;border:1px solid #ff8c504d;border-radius:999px;place-items:center;width:140px;height:140px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 0 30px #ff8c501a,inset 0 0 40px #ff8c500a}.photo-upload-large:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0006,0 0 0 1px #ff8c5080}.photo-upload-large .field-icon{width:44px;height:44px}.photo-preview-large{object-fit:cover;border-radius:999px;width:100%;height:100%}.photo-upload-badge{color:#fff;background:#14141ae6;border:1px solid #ffffff26;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 4px 12px #0006}.photo-upload-badge .field-icon{width:18px;height:18px}.profile-avatar-info{flex-direction:column;gap:4px;margin-top:24px;display:flex}.profile-avatar-info strong{color:#ffffffe6;font-size:.95rem;font-weight:500}.profile-avatar-info span{color:#fff6;font-size:.82rem}.profile-right-pane{flex-direction:column;flex:1;padding:56px 64px;display:flex}.profile-form-new{flex-direction:column;flex:1;gap:26px;display:flex}.form-group-new{flex-direction:column;gap:10px;display:flex}.form-group-new label{color:#ffffffd9;font-size:.9rem;font-weight:500}.input-wrap-new{background:#0003;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;height:52px;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrap-new:focus-within{border-color:#ff8c5066;box-shadow:0 0 0 2px #ff8c501a}.input-wrap-new .field-icon{color:#fff6;flex-shrink:0;width:18px;height:18px}.at-symbol{color:#fff6;font-size:1.1rem;font-weight:500}.input-wrap-new input{color:#fffffff2;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.96rem}.input-wrap-new input::placeholder,.textarea-wrap-new textarea::placeholder{color:#ffffff4d}.form-hint-new{color:#6496ffcc;font-size:.84rem}.textarea-wrap-new{align-items:flex-start;height:auto;padding:16px;position:relative}.textarea-wrap-new textarea{color:#fffffff2;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:80px;font-size:.96rem}.char-count-new{color:#ffffff4d;font-size:.78rem;position:absolute;bottom:12px;right:16px}.theme-options-new{gap:14px;display:flex}.theme-btn-new{color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;height:52px;font-size:.94rem;transition:all .2s;display:flex}.theme-btn-new .field-icon{width:18px;height:18px}.theme-btn-new:hover{color:#ffffffe6;background:#ffffff0f}.theme-btn-new.active{color:#8cb4ff;background:#64a0ff1a;border-color:#64a0ff80;box-shadow:0 0 12px #64a0ff26}.profile-actions-new{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:32px;display:flex}.profile-message-inline{color:#fa6;font-size:.9rem}.action-buttons-new{gap:16px;margin-left:auto;display:flex}.btn-cancel-new{color:#fff9;border-radius:10px;height:48px;padding:0 24px;font-size:.96rem;font-weight:500;transition:color .2s}.btn-cancel-new:hover{color:#ffffffe6}.btn-save-new{color:#fff;background:linear-gradient(135deg,#4f8aff,#3262ff);border:none;border-radius:10px;height:48px;padding:0 32px;font-size:.96rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #3264ff40}.btn-save-new:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3264ff59}.btn-save-new:disabled{opacity:.6;pointer-events:none}.friends-sidebar{flex-direction:column;display:flex}.friend-card .chat-avatar-small{flex-shrink:0;width:34px;height:34px}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-badge{0%{box-shadow:0 0 0 2px #0b0f19cc,0 0 #ff5e5eb3}70%{box-shadow:0 0 0 2px #0b0f19cc,0 0 0 6px #ff5e5e00}to{box-shadow:0 0 0 2px #0b0f19cc,0 0 #ff5e5e00}}.friends-header-top{color:#ffffffe6;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;height:64px;padding:0 20px;display:flex}.friends-header-top .field-icon{color:#ffffff73;width:18px;height:18px}.friends-header-top h2{margin:0;font-size:1rem;font-weight:600}.friends-content-scroll{flex-direction:column;flex:1;gap:32px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.friends-section-box{flex-direction:column;gap:10px;display:flex}.friends-section-title{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin:0;padding:0 4px;font-size:.76rem;font-weight:600}.friends-empty-text{color:#ffffff4d;text-align:center;border:1px dashed #ffffff17;border-radius:12px;margin:0;padding:16px;font-size:.88rem}.friends-list{flex-direction:column;gap:8px;display:flex}.friend-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s;display:flex}.friend-card:hover{background:#ffffff17;transform:translateY(-1px)}.friend-card .chat-avatar{flex-shrink:0;width:36px;height:36px}.friend-card .chat-avatar-small{width:36px;height:36px}.friend-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.friend-card-info strong{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.friend-card-info span{color:#ffffff61;font-size:.78rem}.friend-card-actions{flex-shrink:0;gap:6px;display:flex}.friend-card-actions button{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;place-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.22,1,.36,1);display:grid}.friend-card-actions .field-icon{width:15px;height:15px}.btn-reject{color:#ffffff80}.btn-reject:hover{color:#ff7070;background:#ff505029;border-color:#ff50504d;transform:scale(1.08)}.btn-accept{color:#ffffff80}.btn-accept:hover{color:#2ed573;background:#2ed57329;border-color:#2ed57359;transform:scale(1.08);box-shadow:0 0 10px #2ed57333}.btn-message{color:#ffffff80}.btn-message:hover{color:#ffffffe6;background:#ffffff1a}.slide-up-anim{animation:.38s cubic-bezier(.175,.885,.32,1.275) both slide-up}.rail-badge{background:#ff5e5e;border-radius:50%;width:9px;height:9px;animation:2s infinite pulse-badge;position:absolute;top:8px;right:8px;box-shadow:0 0 0 2px #0b0f19cc}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.page-chat{padding:0;overflow:auto}.chat-shell,.empty-chat-shell{grid-template-columns:72px minmax(220px,280px) minmax(0,1fr);height:100vh;min-height:0}.activity-panel{display:none}.profile-panel{grid-template-columns:1fr;gap:34px;padding:40px 28px}.profile-showcase{padding-right:0}.profile-title,.profile-copy{max-width:none}.benefit-card{width:100%}}@media (width<=640px){.page-shell{background-position:38%;padding:18px}.login-panel{border-radius:28px;min-height:auto;padding:40px 24px 28px}.hero-copy h1{font-size:clamp(3.3rem,14vw,4.1rem)}.field,.submit-button{min-height:58px}.profile-panel{border-radius:26px;padding:26px 18px}.chat-shell{grid-template-columns:62px minmax(0,1fr);gap:6px}.server-panel{display:none}.rail{border-radius:0;padding:14px 8px}.rail-brand,.rail-button,.rail-profile{width:42px;height:42px}.conversation-panel{border-radius:0}.showcase-avatar{width:132px;height:132px}.profile-title{font-size:clamp(2.8rem,13vw,4rem)}.theme-grid{grid-template-columns:1fr}}html,body,#root{width:100%;height:100%;overflow:hidden}.page-chat{place-items:stretch stretch;width:100vw;height:100vh;min-height:100vh;padding:0;overflow:hidden}.page-chat .fade-layer{position:fixed}.chat-shell.empty-chat-shell{grid-template-columns:86px 292px minmax(0,1fr) 300px;gap:0;width:100vw;height:100vh;overflow:hidden}.rail-button{position:relative}.conversation-panel.friends-panel{min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.conversation-panel.friends-panel .friends-content-scroll{flex-direction:column;gap:30px;width:min(100%,860px);height:100%;margin:0 auto;padding:38px clamp(24px,4vw,54px);display:flex;overflow-y:auto}.conversation-panel.friends-panel .friends-header-top{border-bottom:0;gap:14px;height:auto;padding:0 0 10px}.conversation-panel.friends-panel .friends-header-top h2{color:#fffffff2;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3rem);font-weight:500}.conversation-panel.friends-panel .friends-header-top p{color:#ffd8bebd;margin:4px 0 0;font-size:.9rem}.conversation-panel.friends-panel .friends-section-box{gap:12px}.conversation-panel.friends-panel .friends-section-title{color:#ffffff85;letter-spacing:.14em;padding:0}.conversation-panel.friends-panel .friend-card,.conversation-panel.friends-panel .friends-empty-text{background:#ffffff0b;border-color:#ffffff1c}.conversation-panel.friends-panel .friend-card{min-height:64px}.invite-modal{max-height:calc(100vh - 40px);overflow:auto}@media (width<=1180px){.chat-shell.empty-chat-shell{grid-template-columns:72px 292px minmax(0,1fr)}}@media (width<=760px){.chat-shell.empty-chat-shell{grid-template-columns:64px minmax(0,1fr)}.empty-chat-shell .server-panel{display:none}.conversation-panel.friends-panel .friends-content-scroll{padding:28px 18px}.empty-actions{flex-direction:column;width:min(100%,320px)}.invite-button,.new-chat-button{width:100%}}.typing-bubble{opacity:.9;align-items:center;gap:10px;width:fit-content;display:flex}.typing-bubble span{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px 18px 18px 6px;justify-content:center;align-items:center;gap:5px;min-width:64px;height:38px;padding:0 15px;display:inline-flex}.typing-bubble i{background:#ffdcbeeb;border-radius:999px;width:6px;height:6px;animation:1.15s ease-in-out infinite typing-dot}.typing-bubble i:nth-child(2){animation-delay:.14s}.typing-bubble i:nth-child(3){animation-delay:.28s}.typing-inline{color:#ffcaaae6;margin-left:10px}@keyframes typing-dot{0%,80%,to{opacity:.42;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.friend-request-cta{white-space:nowrap;color:#fff4eef5;background:linear-gradient(135deg,#ff653ee6,#4a53da9e);border-radius:16px;align-items:center;gap:10px;min-height:46px;margin-left:auto;padding:0 18px;display:inline-flex;box-shadow:0 18px 32px #ff4e362e}.friend-request-cta:hover{transform:translateY(-2px);box-shadow:0 22px 42px #ff4e363d,0 0 0 1px #ffbe962e}.group-modal{width:min(100%,640px)}.group-picker{flex-direction:column;gap:8px;max-height:250px;display:flex;overflow:auto}.group-picker-row{text-align:left;color:#ffffffdb;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:grid}.group-picker-row:hover,.group-picker-row.is-selected{background:#ff70401f;border-color:#ff975e47}.group-picker-row small{color:#ffffff6b}.message-sender-name,.message-owner-name{color:#ffd9beb8;margin-bottom:4px;font-size:.76rem;display:block}.message-owner-name{color:#ff6a7b;text-shadow:0 0 10px #ff18409e,0 0 18px #508cff47}.conversation-panel.friends-panel{width:100%;height:100%}.conversation-panel.friends-panel .friends-content-scroll{width:100%;max-width:none}.chat-room{width:100%;height:100%}.messages-stream{scrollbar-gutter:stable}@media (width<=760px){.friend-request-cta{justify-content:center;width:100%;margin-left:0}.conversation-panel.friends-panel .friends-header-top{flex-direction:column;align-items:stretch}.message-bubble{max-width:94%}}