@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#05060a;--bg2:#080a11;--panel:rgba(255,255,255,.055);--panel2:rgba(255,255,255,.035);--stroke:rgba(255,255,255,.09);--stroke2:rgba(255,255,255,.055);--text:#f5f7fb;--muted:#858c9b;--cyan:#6fe8ff;--violet:#9f7aff;--pink:#ff79c8;--green:#65e6a3;--shadow:0 25px 80px rgba(0,0,0,.34)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{height:100%;min-height:100vh;display:flex;background:radial-gradient(900px 500px at 74% -5%,rgba(103,74,255,.15),transparent 70%),radial-gradient(700px 500px at 22% 100%,rgba(0,210,255,.1),transparent 70%),var(--bg)}.glass{background:linear-gradient(145deg,#ffffff13,#ffffff07);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.glass-soft{background:linear-gradient(145deg,#fff1,#ffffff06);border:1px solid var(--stroke2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.brand{display:flex;gap:11px;align-items:center;padding:4px 5px 23px}.brand b{font-size:15px;display:block;letter-spacing:-.2px}.brand span{font-size:10px;color:var(--muted);display:block;margin-top:2px}.brand-mark{height:34px;width:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#6fe8ff29,#9f7aff1f);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 35px #6fe8ff1c}.sidebar{position:fixed;left:0;top:0;bottom:0;width:286px;padding:24px 17px;border-right:1px solid var(--stroke2);background:#05060ab3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:5;display:flex;flex-direction:column}.profile-mini{display:flex;align-items:center;gap:11px;padding:10px;border-radius:16px;margin-bottom:26px}.profile-avatar{height:33px;width:33px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#6fe8ff21,#9f7aff2e);font-weight:700;font-size:11px}.profile-mini b{display:block;font-size:12px}.profile-mini span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.section-title{font-size:9px;letter-spacing:.18em;color:#687080;padding:0 8px 10px;display:flex;justify-content:space-between}.section-title span{color:#a2a9b7}.device-list{display:grid;gap:5px;overflow:auto}.device-item{position:relative;width:100%;border:1px solid transparent;background:transparent;color:var(--text);padding:10px 9px;border-radius:15px;display:flex;align-items:center;gap:10px;text-align:left}.device-item:hover{background:#ffffff09}.device-item.selected{background:linear-gradient(145deg,#6fe8ff13,#9f7aff0e);border-color:#ffffff14;box-shadow:inset 0 0 30px #6fe8ff06}.device-icon{height:39px;width:39px;border-radius:13px;display:grid;place-items:center;background:#ffffff0b;border:1px solid var(--stroke2);color:#aeb5c2}.device-text{min-width:0;flex:1}.device-text b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.device-text span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;margin-top:4px}.device-text i{height:5px;width:5px;border-radius:50%;display:inline-block}.online{background:var(--green);box-shadow:0 0 8px #65e6a380}.offline{background:#5b6170}.device-menu-wrap{position:relative}.menu-trigger{height:28px;width:28px;border-radius:9px;display:grid;place-items:center;color:#636b79}.menu-trigger:hover{background:#ffffff0d;color:#fff}.device-menu{position:absolute;right:0;top:31px;width:135px;padding:5px;border-radius:13px;z-index:20}.device-menu button{width:100%;display:flex;align-items:center;gap:8px;border:0;color:#c8ced8;background:transparent;padding:8px;border-radius:9px;font-size:11px;text-align:left}.device-menu button:hover{background:#ffffff0f;color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.side-action{border:1px solid transparent;background:transparent;color:#808795;display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:11px;font-size:11px;text-align:left}.side-action:hover{color:#eef1f6;background:#ffffff09}.soon{margin-left:auto;font-size:8px;color:#657080}.version{color:#484f5c;font-size:8px;padding:16px 9px 3px}.main-area{margin-left:286px;height:100%;width:calc(100% - 286px);position:relative}.chat-panel{height:100%;display:flex;flex-direction:column}.chat-head{height:82px;display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid var(--stroke2);background:#05060a5c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-peer{display:flex;gap:12px;align-items:center}.peer-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#6fe8ff17,#9f7aff1f);border:1px solid var(--stroke)}.chat-peer h2{font-size:14px;margin:0 0 5px;letter-spacing:-.3px}.chat-peer span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.chat-peer i{width:5px;height:5px;border-radius:50%}.chat-head-actions{display:flex;align-items:center;gap:8px}.connection{display:flex;align-items:center;gap:6px;color:#777f8d;font-size:9px;padding:7px 9px;border-radius:10px;background:#ffffff06;border:1px solid var(--stroke2)}.connection.on{color:#9aefc0}.icon-btn{border:1px solid var(--stroke2);background:#ffffff06;color:#818896;width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.icon-btn:hover{color:#fff;background:#ffffff0e}.messages{flex:1;overflow:auto;padding:30px 7vw 22px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.messages.drag-over{background:radial-gradient(circle at center,rgba(111,232,255,.05),transparent 55%)}.conversation-start{width:min(360px,100%);margin:4px auto 24px;text-align:center;color:#697180}.conversation-start .start-mark{width:38px;height:38px;border-radius:14px;margin:0 auto 10px;display:grid;place-items:center;color:#98deef;background:#6fe8ff0f;border:1px solid rgba(111,232,255,.1)}.conversation-start b{display:block;font-size:11px;color:#aeb5c0}.conversation-start span{display:block;font-size:9px;margin-top:6px;line-height:1.6}.message-row{display:flex;width:100%}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{max-width:min(680px,78%);padding:10px 12px;border-radius:17px;position:relative}.mine .message-bubble{border-bottom-right-radius:6px;background:linear-gradient(145deg,#6fe8ff16,#9f7aff14);box-shadow:0 12px 30px #00000021}.theirs .message-bubble{border-bottom-left-radius:6px}.message-text{font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#5f6876;font-size:8px;margin-top:6px}.mine .message-meta{color:#71818f}.read{color:#69dfff}.file-message{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#eef2f7;text-align:left;padding:0;min-width:250px}.file-icon{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;color:#9de6f4}.file-message b{display:block;font-size:11px;max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-message span{font-size:9px;color:#7f8795;display:block;margin-top:4px}.file-message>svg{margin-left:auto;color:#737c8a}.composer-wrap{padding:0 7vw 22px}.composer{display:flex;align-items:flex-end;gap:7px;padding:8px;border-radius:20px}.composer textarea{flex:1;min-height:39px;max-height:130px;resize:none;border:0;outline:0;background:transparent;color:#f5f7fb;padding:10px 4px;font-size:12px;line-height:1.5}.composer textarea::placeholder{color:#656d7a}.composer-icon{border:0;background:transparent;color:#707887;width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.composer-icon:hover{color:#e8edf4;background:#ffffff0d}.send-btn{border:1px solid rgba(255,255,255,.07);background:#ffffff0b;color:#777f8b;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;transition:.18s}.send-btn.ready{background:linear-gradient(145deg,#6fe8ff3b,#9f7aff38);color:#f9ffff;box-shadow:0 0 26px #6fe8ff1f}.composer-hint{text-align:center;color:#4f5663;font-size:8px;margin-top:8px}.composer-hint span{padding:0 7px;color:#343b47}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-orbit{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:22px;background:radial-gradient(circle,rgba(111,232,255,.11),rgba(159,122,255,.04) 50%,transparent 71%);border:1px solid rgba(255,255,255,.05);box-shadow:0 0 80px #6fe8ff12}.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);top:13px;right:14px;box-shadow:0 0 20px #6fe8ffd9}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;border:1px solid var(--stroke2);background:#ffffff06;color:#7b8491;font-size:8px;letter-spacing:.12em}.empty-state h1{font-size:39px;line-height:1.08;letter-spacing:-2.1px;margin:14px 0 13px}.empty-state p{max-width:500px;color:#727a89;font-size:11px;line-height:1.7;margin:0 0 22px}.primary-btn{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,#6fe8ff33,#9f7aff2b);color:#f6fcff;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:12px 15px;font-size:11px;font-weight:700;box-shadow:0 0 28px #6fe8ff14}.primary-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-btn.small{padding:11px 14px}.top-mobile{display:none}.auth-shell{height:100%;min-height:100vh;display:grid;place-items:center;background:radial-gradient(900px 600px at 50% -20%,rgba(111,232,255,.11),transparent 65%),#05060a;position:relative;overflow:hidden;padding:20px}.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.a1{width:380px;height:380px;background:#00dbff1a;left:3%;top:20%}.a2{width:420px;height:420px;background:#935aff1f;right:2%;top:-5%}.a3{width:260px;height:260px;background:#ff63b812;right:35%;bottom:-13%}.auth-card{width:min(470px,100%);border-radius:27px;padding:28px;position:relative;z-index:1}.brand.large{padding-bottom:0}.brand.large .brand-mark{width:42px;height:42px;border-radius:14px}.auth-copy{padding:38px 0 14px}.auth-copy .pill{margin-bottom:13px}.auth-copy h1{font-size:30px;line-height:1.1;letter-spacing:-1.4px;margin:0 0 10px}.auth-copy p{font-size:11px;line-height:1.7;color:#797f8c;margin:0}.auth-form{display:grid;gap:11px}.auth-form label{font-size:9px;color:#7b8391;display:grid;gap:6px}.auth-form input{height:44px;width:100%;border:1px solid var(--stroke);background:#ffffff09;border-radius:13px;color:#fff;outline:none;padding:0 13px;font-size:11px}.auth-form input:focus{border-color:#6fe8ff4d;box-shadow:0 0 0 3px #6fe8ff0d}.error-box{color:#ffb0d8;font-size:9px;padding:9px 10px;border-radius:11px;background:#ff63b80e;border:1px solid rgba(255,99,184,.1)}.auth-form .primary-btn{height:46px;margin-top:4px}.auth-switch{display:block;margin:15px auto 0;border:0;background:transparent;color:#747c8a;font-size:9px}.auth-switch:hover{color:#dce3eb}@media(max-width:920px){body{overflow:auto}.sidebar{width:88px;padding:20px 12px}.sidebar .brand>div:not(.brand-mark),.profile-mini>div:not(.profile-avatar),.section-title,.device-text,.device-menu-wrap,.sidebar-bottom{display:none}.brand{justify-content:center}.profile-mini{justify-content:center;margin-bottom:20px}.device-item{justify-content:center;padding:9px 5px}.main-area{margin-left:88px;width:calc(100% - 88px)}.messages,.composer-wrap{padding-left:5vw;padding-right:5vw}}@media(max-width:640px){.sidebar{display:none}.main-area{margin-left:0;width:100%}.top-mobile{height:62px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke2);background:#05060a99;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand.mini{padding:0;gap:7px}.brand.mini .brand-mark{height:29px;width:29px;border-radius:10px}.brand.mini b{font-size:13px}.messages{padding:18px 14px}.composer-wrap{padding:0 12px 12px}.composer-hint{display:none}.chat-head{height:72px;padding:14px}.chat-head-actions .connection{display:none}.empty-state h1{font-size:31px}.empty-state p{font-size:10px}.message-bubble{max-width:88%}.auth-card{padding:23px;border-radius:22px}.auth-copy{padding-top:30px}.auth-copy h1{font-size:26px}.file-message{min-width:210px}}