@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#eef0f8;background:#0d101a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px;min-height:0;background:#0d101a}button,input,textarea{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:12px;font:800 18px Manrope;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:12px;display:inline-grid;place-items:center;background:linear-gradient(145deg,#8075ff,#5c55db);color:#fff;box-shadow:0 10px 32px #655be943;font:800 20px Manrope}.primary{border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#776df5,#635be1);padding:12px 18px;font-weight:700;box-shadow:0 8px 24px #655be934;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary:disabled{opacity:.55;cursor:default;transform:none}.wide{width:100%;padding:14px}.eyebrow{color:#8c84ff;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.notice{border-radius:10px;padding:11px 13px;font-size:13px}.notice.error{color:#ffb4b9;background:#ff626b16;border:1px solid #ff626b2e}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:radial-gradient(circle at 14% 12%,#302961 0,transparent 31%),#10131f}.auth-intro{padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-intro:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #8277ff1f;border-radius:50%;right:-120px;bottom:-150px;box-shadow:0 0 0 70px #8277ff0c,0 0 0 140px #8277ff08}.auth-intro h1{font:800 clamp(42px,6vw,76px)/1.03 "Manrope";letter-spacing:-.055em;margin:84px 0 26px;max-width:820px}.auth-intro h1 em{font-style:normal;color:#8a82ff}.auth-intro>p{color:#989eb3;font-size:18px;line-height:1.7;max-width:560px}.signal{display:flex;align-items:center;gap:5px;margin-top:54px;color:#8f95aa}.signal span{width:5px;height:5px;border-radius:50%;background:#65dbb2;box-shadow:0 0 12px #65dbb2}.signal span:nth-child(2){opacity:.65}.signal span:nth-child(3){opacity:.35}.signal small{margin-left:7px}.auth-card{display:grid;place-items:center;padding:30px;background:#151925cc;border-left:1px solid #ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-card-inner{width:min(420px,100%)}.auth-card h2,.modal h2{font:800 34px Manrope;letter-spacing:-.04em;margin:10px 0 8px}.auth-card-inner>p,.modal>p,.wizard-card>p{color:#8f95a9;margin:0 0 30px}label{display:block;color:#b8bdcf;font-size:12px;font-weight:700;letter-spacing:.02em;margin:16px 0}input,textarea{display:block;width:100%;border:1px solid #ffffff10;background:#0d1019;color:#f4f5fb;border-radius:11px;padding:13px 14px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:#7970eb;box-shadow:0 0 0 3px #7168e519}input::placeholder,textarea::placeholder{color:#62687a}.text-button{width:100%;border:0;background:transparent;color:#9f99ff;margin-top:18px;font-weight:600}.wizard-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0%,#312b63 0,transparent 38%),#10131e}.wizard-card{width:min(700px,100%);background:#171b29;border:1px solid #ffffff0c;border-radius:24px;padding:clamp(28px,5vw,54px);box-shadow:0 34px 100px #0006}.wizard-card h1{font:800 40px Manrope;letter-spacing:-.045em;margin:20px 0 8px}.step-pill{display:inline-block;border:1px solid #8379fa35;background:#766cef10;color:#a9a3ff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.wizard-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wizard-grid .wide,.wizard-grid .notice,.bio-field{grid-column:1 / -1}.bio-field{margin:10px 0 18px}.bio-label{display:flex;justify-content:space-between;align-items:center;color:#b8bdcf;font-size:12px;font-weight:700;margin-bottom:8px}.bio-label small{color:#747b90;font-weight:600}.bio-label small.over{color:#ff7e88}.editor-toolbar{min-height:46px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px 9px;background:#121622;border:1px solid #ffffff12;border-bottom:0;border-radius:12px 12px 0 0}.editor-toolbar button{min-width:32px;height:30px;border:0;border-radius:7px;background:transparent;color:#a8aec0;padding:0 8px;font-size:12px;display:inline-grid;place-items:center}.editor-toolbar button:hover,.editor-toolbar button:focus{color:#fff;background:#7770ec24;outline:none}.editor-toolbar>span{width:1px;height:20px;background:#ffffff12;margin:0 3px}.bio-editor{min-height:190px;max-height:320px;overflow-y:auto;outline:none;padding:16px 18px;color:#d9dce8;background:#0d1019;border:1px solid #ffffff12;border-radius:0 0 12px 12px;line-height:1.6;font-size:14px}.bio-editor:focus{border-color:#7970eb;box-shadow:0 0 0 3px #7168e519}.bio-editor:empty:before{content:attr(data-placeholder);color:#5d6477;pointer-events:none}.bio-editor p{margin:0 0 8px}.bio-editor ul,.bio-editor ol,.bio-render ul,.bio-render ol{padding-left:22px}.bio-editor blockquote,.bio-render blockquote{margin:8px 0;padding-left:12px;border-left:3px solid #756df1;color:#aaaec0}.bio-render{max-width:640px;margin-top:16px;padding:13px 15px;background:#ffffff04;border:1px solid #ffffff08;border-radius:11px;color:#9da3b5;font-size:13px;line-height:1.55}.bio-render p{margin:0 0 6px}.bio-render p:last-child{margin-bottom:0}.app-shell{width:100%;height:100vh;height:100dvh;min-height:0;display:grid;grid-template-columns:300px 1fr;background:#0d1019;overflow:hidden}.sidebar{min-width:0;min-height:0;overflow:hidden;background:#131722;border-right:1px solid #ffffff08;display:flex;flex-direction:column}.brand.compact{height:72px;padding:0 20px;border-bottom:1px solid #ffffff07}.brand.compact .brand-mark{width:34px;height:34px;font-size:17px}.sidebar-actions{padding:16px;display:grid;gap:8px}.search-button,.request-button{border:1px solid #ffffff09;background:#0d111b;color:#8e94a7;border-radius:10px;padding:11px 12px;text-align:left}.search-button{display:flex;align-items:center;gap:9px}.request-button{display:flex;align-items:center;justify-content:space-between}.request-button>span{display:flex;align-items:center;gap:9px}.request-button b{min-width:20px;text-align:center;color:#fff;background:#756cf1;border-radius:20px;font-size:11px;padding:2px 6px}.section-label{padding:8px 20px;color:#656c80;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;display:flex;justify-content:space-between}.friend-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 10px}.friend{width:100%;display:grid;grid-template-columns:40px 1fr 8px;gap:10px;align-items:center;text-align:left;border:0;background:transparent;color:#d6d9e5;border-radius:10px;padding:9px 10px;margin:2px 0}.friend:hover{background:#ffffff05}.friend.active{background:#7068e918}.friend.active i{width:5px;height:5px;border-radius:50%;background:#8d85ff;box-shadow:0 0 8px #8d85ff}.friend strong,.profile-bar strong,.result strong{display:block;font-size:13px;font-weight:600}.friend small,.profile-bar small,.result small{color:#686f82;display:block;font-size:11px;margin-top:2px}.avatar{flex:none;width:38px;height:38px;display:inline-grid;place-items:center;border-radius:13px;color:#dad7ff;background:linear-gradient(145deg,#3a355f,#262943);font:700 12px Manrope;border:1px solid #9b93ff18}.avatar.me{background:linear-gradient(145deg,#766df2,#504aab);color:#fff}.avatar.large{width:42px;height:42px}.avatar.hero{width:68px;height:68px;border-radius:22px;font-size:20px}.profile-bar{min-height:70px;border-top:1px solid #ffffff08;background:#10141e;padding:10px 12px;display:grid;grid-template-columns:38px 1fr 34px;align-items:center;gap:9px}.profile-bar button{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#73798c;border-radius:9px}.profile-bar button:hover{color:#ff8e96;background:#ff8e9610}.profile-bar .profile-username{color:#948dff;font-weight:700}.empty-small{color:#666d80;text-align:center;font-size:12px;line-height:1.7;padding:32px 8px}.empty-small.padded{padding:18px}.conversation{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 80% -30%,#28244b 0,transparent 35%),#0f121c}.conversation-header{height:72px;flex:none;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #ffffff08;background:#11141ecf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.conversation-header div{flex:1}.conversation-header strong{display:block;font:700 15px Manrope}.conversation-header small{color:#6e7486;font-size:11px}.conversation-settings-button{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff0a;background:#ffffff04;color:#858ca0;border-radius:11px}.conversation-settings-button:hover{color:#b9b5ff;background:#756def12;border-color:#756def24}.notification-dot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:#8c83ff;border:2px solid #11141e;box-shadow:0 0 10px #8c83ff}.messages{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px clamp(18px,4vw,56px);scroll-behavior:smooth}.conversation-start{margin:52px 0 36px}.conversation-start h2{font:800 28px Manrope;letter-spacing:-.035em;margin:14px 0 3px}.conversation-start p{color:#737a8e;font-size:13px}.message{display:grid;grid-template-columns:38px 1fr;gap:12px;margin-top:18px;max-width:900px}.message.grouped{margin-top:3px}.message.grouped>div{grid-column:2}.message-meta{display:flex;align-items:baseline;gap:9px;height:24px;font-family:Segoe UI,system-ui,sans-serif}.message-meta strong{font-size:14px}.message-meta time{color:#737a8d;font-size:12px}.message-time{position:relative;display:inline-flex;align-items:center;width:max-content;height:24px;padding:0;box-sizing:border-box;border:1px solid transparent;border-radius:7px;cursor:default;outline:none;font-family:Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.message-meta .message-time{font-size:12px}.message-time-short,.message-time-full{white-space:nowrap;transition:opacity .1s ease}.message-time-short{opacity:1}.message-time.expandable{max-width:38px;overflow:hidden;transition:max-width .2s ease,color .16s ease,background-color .16s ease,border-color .16s ease}.message-time.expandable .message-time-short{position:absolute;left:1px}.message-time-full{display:block;padding:0 8px;color:#d5d8e1;font-weight:400;opacity:0}.message-time.expandable:hover,.message-time.expandable:focus-visible{max-width:260px;color:#c7cbd7;border-color:#ffffff14;background-color:#1b2030}.message-time.expandable:hover .message-time-short,.message-time.expandable:focus-visible .message-time-short{opacity:0}.message-time.expandable:hover .message-time-full,.message-time.expandable:focus-visible .message-time-full{opacity:1}.message p{margin:0;color:#e0e3eb;font-family:Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;white-space:pre-wrap;overflow-wrap:anywhere}.live-message{opacity:.82}.live-message p{color:#aaa6e9}.live-label{display:inline-flex;align-items:center;gap:3px;color:#9189ff;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.live-caret{display:inline-block;width:1px;height:1em;margin-left:2px;vertical-align:-.15em;background:#a49dff;animation:blink 1s step-end infinite}.typing-indicator{display:flex;align-items:center;gap:4px;min-height:28px;margin:10px 0 0 50px;color:#6e7589}.typing-indicator>span{width:5px;height:5px;border-radius:50%;background:#827af3;animation:typing 1.1s infinite ease-in-out}.typing-indicator>span:nth-child(2){animation-delay:.14s}.typing-indicator>span:nth-child(3){animation-delay:.28s}.typing-indicator small{margin-left:5px;font-size:10px}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:1}}@keyframes blink{50%{opacity:0}}.new-message-jump{position:absolute;z-index:4;right:clamp(28px,5vw,70px);bottom:104px;display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:8px 10px 8px 14px;border:1px solid #9a93ff36;border-radius:999px;color:#e5e3ff;background:#24283aee;box-shadow:0 12px 35px #0007,0 0 0 1px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px;font-weight:700;animation:new-message-in .2s ease-out}.new-message-jump:hover{border-color:#9a93ff66;background:#2c3046;transform:translateY(-1px)}.new-message-jump svg{width:24px;height:24px;padding:5px;border-radius:50%;color:#fff;background:#726aed;box-shadow:0 5px 15px #665ee84d}@keyframes new-message-in{0%{opacity:0;transform:translateY(8px) scale(.96)}}.composer{flex:none;margin:0 clamp(18px,4vw,56px) 28px;background:#181c29;border:1px solid #ffffff0b;border-radius:14px;padding:8px 10px;box-shadow:0 14px 40px #0003}.composer:focus-within{border-color:#7970eb55;box-shadow:0 0 0 3px #7168e510,0 14px 40px #0003}.composer textarea{border:0;background:transparent;resize:none;min-height:43px;max-height:150px;padding:11px 8px;box-shadow:none}.empty-chat{margin:auto;text-align:center;color:#777e91}.empty-chat h2{color:#d9dce6;font:700 24px Manrope;margin:18px 0 5px}.empty-orbit{width:90px;height:90px;border:1px solid #8178f642;border-radius:50%;display:grid;place-items:center;margin:auto;box-shadow:0 0 0 14px #8178f60b}.empty-orbit span{color:#938bff;font-size:26px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05060bbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:20px}.modal{width:min(570px,100%);max-height:min(720px,90vh);overflow-y:auto;background:#181c29;border:1px solid #ffffff10;border-radius:22px;padding:34px;box-shadow:0 35px 120px #000a;position:relative}.modal-close{position:absolute;right:18px;top:16px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#73798a}.modal-close:hover{color:#c4c7d3;background:#ffffff06}.modal-search{display:grid;grid-template-columns:1fr auto;gap:9px}.username-search-field{display:flex;align-items:center;border:1px solid #ffffff10;background:#0d1019;border-radius:11px;transition:.2s}.username-search-field:focus-within{border-color:#7970eb;box-shadow:0 0 0 3px #7168e519}.username-search-field>span{flex:none;padding-left:14px;color:#948dff;font-weight:700}.username-search-field input{margin:0;padding-left:4px;border:0;background:transparent;box-shadow:none}.username-search-field input:focus{border:0;box-shadow:none}.search-privacy{margin-top:10px;color:#676e82;font-size:11px;padding-left:2px}.result-list{margin:20px 0;display:grid;gap:7px}.result{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;background:#10131d;padding:10px;border-radius:12px;border:1px solid #ffffff07}.result>button,.mini-actions button{border:1px solid #756def34;background:#756def14;color:#aaa5ff;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.modal h3{color:#7a8092;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-top:28px}.status-label{color:#777f93!important;padding-right:6px}.mini-actions{display:flex;gap:5px}.mini-actions button{font-size:16px;padding:3px 9px}.mini-actions button.danger{color:#ff9299;border-color:#ff727d30;background:#ff727d0e}.settings-list{display:grid;gap:10px;margin-top:24px}.setting-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:72px;padding:14px;border:1px solid #ffffff08;background:#111520;border-radius:14px}.setting-icon{width:42px;height:42px;display:grid;place-items:center;color:#9d97ff;background:#756def12;border-radius:12px}.setting-row strong{display:block;font-size:13px}.setting-row small{display:block;color:#737a8e;font-size:11px;line-height:1.45;margin-top:3px}.stream-setting{grid-template-columns:42px 1fr;border-radius:14px 14px 8px 8px;margin-bottom:-7px}.switch{width:42px;height:24px;padding:3px;border:0;border-radius:999px;background:#343949;transition:.2s}.switch span{display:block;width:18px;height:18px;border-radius:50%;background:#8b91a2;transition:.2s}.switch.active{background:#7169e8}.switch.active span{transform:translate(18px);background:#fff}.stream-actions{min-height:58px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px 14px;background:#0f131d;border:1px solid #ffffff07;border-radius:8px 8px 14px 14px}.stream-actions>span{margin-right:auto;color:#858ca0;font-size:11px}.stream-actions button{padding:9px 12px;font-size:11px}.secondary{display:inline-flex;align-items:center;gap:5px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff04;color:#aeb3c2}.secondary:hover{background:#ffffff08}.danger-text{color:#ff969e}.active-status{display:inline-flex!important;align-items:center;gap:5px;color:#70d5b0!important}.mode-settings{display:grid;gap:12px;margin-top:26px}.mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:#0e121c;border:1px solid #ffffff0a;border-radius:16px}.mode-switch button{position:relative;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 7px;border:1px solid transparent;border-radius:12px;background:transparent;color:#72798d;font-weight:700;font-size:11px;transition:color .18s,background .18s,border-color .18s,transform .18s}.mode-switch button:hover:not(:disabled){color:#b8bdcd;background:#ffffff05}.mode-switch button:active:not(:disabled){transform:scale(.98)}.mode-switch button.active{color:#dedcff;border-color:#847dff42;background:linear-gradient(145deg,#756def26,#5750c918);box-shadow:inset 0 1px #ffffff0a,0 8px 24px #080a1145}.mode-switch button.active.live{color:#83e0bd;border-color:#67d5ad35;background:linear-gradient(145deg,#44bd9120,#226c5a13)}.mode-switch button:disabled{cursor:wait;opacity:.6}.mode-switch button.pending{color:#a7a2ff}.mode-switch button.pending i{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:#918aff;box-shadow:0 0 0 4px #918aff18,0 0 14px #918aff}.mode-description{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #ffffff08;border-radius:13px;background:#111520;color:#858ca0;font-size:11px;line-height:1.45}.mode-description>span{display:inline-flex;align-items:center;gap:8px}.mode-description>div{display:flex;align-items:center;gap:7px}.mode-description button{flex:0 0 auto;padding:9px 11px;font-size:11px}.mode-description .live-mode{color:#71d7b0}.loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:#747b8e;background:#10131f}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-intro{display:none}.auth-card{border:0;min-height:100vh}.wizard-grid{grid-template-columns:1fr}.wizard-grid label{grid-column:1}.app-shell{grid-template-columns:88px 1fr}.brand.compact span:last-child,.sidebar-actions span,.request-button,.section-label span,.friend>span:nth-child(2),.profile-bar>span:nth-child(2){display:none}.brand.compact{justify-content:center;padding:0}.sidebar-actions{padding:12px}.search-button{justify-content:center;font-size:0;padding:10px}.search-button:first-letter{font-size:22px}.section-label{justify-content:center;padding:8px}.friend-list{padding:5px 12px}.friend{display:flex;justify-content:center;padding:8px 0}.friend i{position:absolute;margin:30px 0 0 30px}.profile-bar{grid-template-columns:1fr;justify-items:center;padding:9px}.profile-bar button{display:none}.messages{padding:16px}.composer{margin:0 14px 16px}.new-message-jump{right:22px;bottom:88px}.conversation-header{padding:0 14px}.modal{padding:30px 20px}.modal-search{grid-template-columns:1fr}.setting-row{grid-template-columns:38px 1fr auto;padding:11px}.setting-icon{width:38px;height:38px}.mode-switch button{min-height:68px;font-size:10px}.mode-description{align-items:flex-start;flex-direction:column}.mode-description>div{width:100%;justify-content:flex-end}}