@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#080d1c;--panel:rgba(20,29,56,.73);--line:rgba(180,201,255,.13);--muted:#96a4c7;--text:#f4f6ff;--cyan:#72f0e4;--violet:#a99aff;--pink:#fa9bce}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 10%,#20244d 0,transparent 42%),radial-gradient(ellipse at 90% 75%,#172e4c 0,transparent 38%),var(--bg);font-family:Alexandria,system-ui,sans-serif;color:var(--text);overflow-x:hidden}.ambient{position:fixed;filter:blur(75px);opacity:.25;border-radius:50%;pointer-events:none}.a1{width:240px;height:240px;background:#7b61ff;top:30%;right:-80px}.a2{width:190px;height:190px;background:#27d9c4;bottom:0;left:-60px}.top{max-width:1440px;margin:auto;padding:24px 4.2%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand b{display:block;font-size:17px;letter-spacing:.2px}.brand small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.logo{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(140deg,#83fff0,#6f73ff 70%,#e29aff);color:#0c1630;font-weight:800;box-shadow:0 8px 30px #706cff55,inset 0 1px 1px #fff}.top-actions{display:flex;gap:10px}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(24px);box-shadow:0 20px 60px #0002,inset 0 1px #ffffff08}.top-actions a,.top-actions button{color:#dbe3ff;text-decoration:none;font:inherit;font-size:11px;padding:11px 16px;border-radius:12px;cursor:pointer}.layout{max-width:1440px;margin:10px auto 45px;padding:0 4.2%;display:grid;grid-template-columns:330px 1fr;gap:20px;min-height:calc(100vh - 125px);position:relative;z-index:1}.side,.chat{border-radius:26px;overflow:hidden;min-height:620px}.side{padding:22px 17px;display:flex;flex-direction:column}.profile{display:flex;align-items:center;gap:12px;padding:4px 5px 22px;border-bottom:1px solid var(--line);position:relative}.profile b{font-size:12px}.avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#6ef2df,#8077ff);color:#111b36;font-weight:800;box-shadow:0 5px 20px #6ef2df22;flex-shrink:0}.avatar.big{width:48px;height:48px}.online{width:8px;height:8px;background:#5df3b1;border-radius:50%;box-shadow:0 0 12px #5df3b1;position:absolute;left:5px;top:8px}.search{display:flex;align-items:center;gap:10px;margin:20px 0 14px;padding:12px 13px;background:#070c1b77;border:1px solid var(--line);border-radius:13px;color:var(--muted)}.search input,.composer input{background:transparent;border:0;outline:0;color:var(--text);font:inherit;width:100%;font-size:11px}.tabs{display:flex;gap:5px;margin-bottom:15px}.tabs button{flex:1;background:transparent;border:0;color:var(--muted);padding:9px 3px;border-radius:10px;font:inherit;font-size:9px;cursor:pointer}.tabs .active{background:#8e8bff20;color:#c9c3ff}.conversations{flex:1}.empty{text-align:center;padding:30px 12px;color:var(--muted);font-size:10px;line-height:1.9}.empty b{display:block;color:#dfe6ff;font-size:12px}.empty a{color:var(--cyan);text-decoration:none}.orb{width:50px;height:50px;border-radius:18px;background:linear-gradient(140deg,#8d8aff55,#4ce8d633);border:1px solid #a8b9ff35;margin:0 auto 17px;display:grid;place-items:center;font-size:23px;color:var(--cyan)}.side-foot{border-top:1px solid var(--line);padding:15px 4px 0;font-size:9px;color:#7181a8;line-height:1.8}.chat{display:grid;place-items:center;position:relative}.welcome{text-align:center;max-width:650px;padding:40px 30px}.hero-orb{width:112px;height:112px;border-radius:34px;margin:0 auto 26px;background:linear-gradient(145deg,#7cf5e4,#8c7dff 62%,#f2a4d7);box-shadow:0 25px 55px #817bff38,inset 0 2px 2px #fff9,inset 0 -10px 18px #3a3b9255;transform:rotate(-8deg);display:grid;place-items:center}.hero-orb span{font-size:49px;color:#151d3a;text-shadow:0 3px 0 #ffffff66}.eyebrow{font-size:9px;letter-spacing:4px;color:var(--cyan);margin-bottom:13px}.welcome h1{font-size:clamp(29px,4vw,47px);margin:0 0 15px;letter-spacing:-1.7px}.welcome h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#a99aff,var(--pink));color:transparent;background-clip:text}.welcome>p{max-width:480px;margin:0 auto;color:var(--muted);font-size:12px;line-height:2.1}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}.feature-row>div{padding:17px 7px;border:1px solid var(--line);border-radius:16px;background:#ffffff04}.feature-row i{font-style:normal;color:var(--cyan);font-size:20px;display:block;margin-bottom:9px}.feature-row b,.feature-row small{display:block}.feature-row b{font-size:10px}.feature-row small{font-size:8px;color:var(--muted);margin-top:7px}.primary{border:0;border-radius:13px;padding:14px 22px;background:linear-gradient(100deg,#6ce8d8,#aaa0ff);color:#10172f;font:inherit;font-weight:700;font-size:11px;box-shadow:0 10px 25px #8a9cff25;cursor:pointer}.primary span{margin-right:12px}.hidden{display:none!important}.thread{width:100%;height:100%;min-height:620px;display:flex;flex-direction:column}.thread-head{display:flex;align-items:center;gap:12px;padding:20px 23px;border-bottom:1px solid var(--line)}.peer{flex:1}.peer b{font-size:12px}.peer small{display:block;color:#6be9bd;font-size:9px;margin-top:5px}.call-actions{display:flex;gap:8px}.call-actions button,.round{width:38px;height:38px;border-radius:13px;border:1px solid var(--line);background:#ffffff08;color:#c5ccff;font-size:17px;cursor:pointer}.messages{flex:1;padding:22px;overflow:auto;display:flex;flex-direction:column;gap:12px}.bubble{max-width:72%;padding:12px 15px;border-radius:16px 16px 5px 16px;background:#ffffff0b;border:1px solid var(--line);font-size:11px;line-height:1.8;align-self:flex-start;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:linear-gradient(120deg,#7976e82c,#50e5d51b);border-color:#9b9dff2b;border-radius:16px 16px 16px 5px}.bubble time{display:block;font-size:8px;color:var(--muted);margin-top:5px}.composer{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid var(--line)}.composer input{padding:14px;background:#080d1c99;border:1px solid var(--line);border-radius:13px}.send{padding:13px 17px;border:0;border-radius:12px;background:linear-gradient(110deg,#6ce8d8,#aaa0ff);color:#10172f;font:inherit;font-weight:700;font-size:10px;white-space:nowrap;cursor:pointer}.send span{margin-right:8px}.toast{position:fixed;bottom:22px;left:22px;background:#171e3b;border:1px solid var(--line);padding:13px 18px;border-radius:12px;color:#e9edff;font-size:11px;opacity:0;transform:translateY(10px);transition:.25s;z-index:9;max-width:90vw}.toast.show{opacity:1;transform:translateY(0)}.conv-item{display:flex;align-items:center;gap:11px;padding:12px 8px;border-radius:14px;cursor:pointer}.conv-item:hover,.conv-item.selected{background:#ffffff08}.conv-item .details{flex:1;min-width:0}.conv-item b,.conv-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item b{font-size:10px}.conv-item small{font-size:9px;color:var(--muted);margin-top:6px}.unread{background:#6be8d6;color:#09132b;font-size:9px;padding:4px 7px;border-radius:9px}@media(max-width:850px){.top{padding:16px 4%}.layout{padding:0 4%;grid-template-columns:1fr;gap:12px}.side{min-height:260px;max-height:370px}.chat{min-height:560px}.top-actions a,.top-actions button{font-size:9px;padding:9px}.feature-row{gap:6px}.feature-row>div{padding:14px 4px}.thread{min-height:560px}.welcome{padding:30px 16px}}@media(max-width:420px){.brand small{font-size:8px}.logo{width:40px;height:40px}.top-actions{gap:5px}.top-actions a,.top-actions button{padding:8px 9px}.feature-row b{font-size:8px}.feature-row small{font-size:7px}}

html.reduced-motion *,html.reduced-motion *::before,html.reduced-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}

/* Nano 8 Connect visual navigation upgrade */
:root{--electric:#8ef7e8;--lavender:#a9a0ff;--gold:#ffe0a0}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 15% 30%,#b5a6ff12 0 1px,transparent 2px),radial-gradient(circle at 75% 65%,#82f5e512 0 1px,transparent 2px);background-size:47px 53px,71px 67px;mask-image:linear-gradient(120deg,#000,transparent 85%);z-index:0}
.top,.layout,.subpage,.bottom-nav{position:relative;z-index:2}
.logo,.avatar,.hero-orb,.orb,.nav-icon,.page-symbol,.orb3d{transform-style:preserve-3d}
.logo{animation:logoFloat 5s ease-in-out infinite}
.hero-orb{animation:heroFloat 7s ease-in-out infinite;position:relative}
.hero-orb:after{content:"";position:absolute;inset:-12px;border:1px solid #9d9dff38;border-radius:39px;transform:translateZ(-15px) rotate(17deg);filter:drop-shadow(0 0 16px #9c8cff33)}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
.bottom-nav{display:flex;position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 24px));padding:9px;gap:5px;border-radius:24px;justify-content:space-around;background:rgba(13,19,42,.82);backdrop-filter:blur(26px) saturate(160%);border:1px solid #aeb9ff26;box-shadow:0 18px 60px #0007,0 0 35px #7974ff15,inset 0 1px #ffffff16;z-index:20}
.nav-item{flex:1;min-width:0;border:1px solid transparent;background:transparent;color:#8795bd;border-radius:17px;padding:7px 4px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font:inherit;cursor:pointer;transition:transform .25s,border-color .25s,background .25s,color .25s;position:relative;overflow:visible}
.nav-item small{font-size:9px;white-space:nowrap}
.nav-icon{width:38px;height:35px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#252e56,#10172f);border:1px solid #b5c3ff20;box-shadow:0 5px 0 #070b19,0 9px 17px #0004,inset 0 1px #ffffff19;transition:all .25s}
.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #8c8aff55)}
.nav-item:hover{transform:translateY(-3px);color:#e7e9ff}.nav-item.active{color:#e8fff9;background:linear-gradient(145deg,#8d8cff19,#5ce7d510);border-color:#9eafff25}.nav-item.active .nav-icon{color:#0b1730;background:linear-gradient(145deg,#9bfff0,#9c99ff 68%,#ffb8df);box-shadow:0 4px 0 #4d4b9b,0 10px 22px #9c8cff33,inset 0 1px #fff;transform:translateY(-3px)}.nav-item.active .nav-icon svg{stroke:#141d3a;filter:none}.nav-item.active:after{content:"";position:absolute;bottom:-5px;width:5px;height:5px;border-radius:50%;background:var(--electric);box-shadow:0 0 12px var(--electric)}
.subpage{max-width:1050px;min-height:calc(100vh - 170px);margin:12px auto 110px;padding:clamp(20px,4vw,42px);border-radius:28px;overflow:hidden}.subpage[hidden]{display:none!important}.page-heading{display:flex;align-items:center;gap:20px;margin:5px 0 30px}.page-heading h2{font-size:clamp(22px,3vw,32px);margin:0 0 8px}.page-heading p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);margin:0}.page-heading .eyebrow{margin-bottom:8px;letter-spacing:2px}.page-symbol{width:78px;height:78px;flex-shrink:0;border-radius:25px;display:grid;place-items:center;font-size:32px;color:#101832;background:linear-gradient(145deg,#8effe8,#9291ff 70%,#f5b5dc);box-shadow:0 13px 0 #282d65,0 24px 40px #8c8bff2c,inset 0 2px 2px #fff;transform:rotate(-5deg);animation:iconBreathe 5s ease-in-out infinite}.page-symbol span{filter:drop-shadow(0 2px 0 #ffffff70)}.audio-symbol{background:linear-gradient(145deg,#9dffe5,#66d8d3,#9a9aff)}.video-symbol{background:linear-gradient(145deg,#ffb7df,#b5a1ff,#8ae7f2)}.settings-symbol{background:linear-gradient(145deg,#ffe5a6,#f8a7d5,#9e9cff)}.profile-symbol{background:linear-gradient(145deg,#a6f8ff,#9f9aff,#ffc1df)}
@keyframes iconBreathe{0%,100%{filter:drop-shadow(0 0 0 #8b8aff00);transform:translateY(0) rotate(-5deg)}50%{filter:drop-shadow(0 10px 15px #8b8aff24);transform:translateY(-4px) rotate(-2deg)}}
.call-feature-card{display:flex;align-items:center;gap:20px;padding:25px;border-radius:23px;border:1px solid #a9b6ff24;background:linear-gradient(120deg,#7e8cff0d,#74e8df0a);box-shadow:inset 0 1px #ffffff0c;margin-bottom:18px}.call-feature-card>div:nth-child(2){flex:1}.call-feature-card b{font-size:15px}.call-feature-card p{font-size:11px;line-height:2;color:var(--muted);margin:9px 0 0}.orb3d{width:72px;height:72px;flex-shrink:0;border-radius:23px;display:grid;place-items:center;font-size:30px;color:#10172f;background:linear-gradient(145deg,#9cfff0,#9a92ff);box-shadow:0 8px 0 #37356f,0 18px 28px #0004,inset 0 2px 2px #fff;animation:iconBreathe 4s ease-in-out infinite}.orb3d.violet{background:linear-gradient(145deg,#ffc1df,#b4a1ff,#83e9f0)}.notice-card{border:1px solid var(--line);background:#ffffff05;border-radius:17px;padding:18px 20px;font-size:11px;color:#cbd4f4;line-height:2}.notice-card strong{color:var(--electric);margin-inline:5px}.notice-card small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.settings-list{display:grid;gap:10px}.setting-row{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);background:#ffffff05;border-radius:17px;min-width:0}.setting-row>span:nth-child(2){flex:1;min-width:0}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:11px}.setting-row small{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.7}.setting-icon{width:40px;height:40px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#a2fff022,#a5a0ff24);border:1px solid #a6b6ff22;color:var(--electric);font-size:18px}.setting-row input[type=checkbox]{accent-color:#8e8bff;width:20px;height:20px;flex-shrink:0}.setting-row input[type=range]{max-width:150px;accent-color:#8e8bff}.mini-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #aab5ff28;background:#a3a0ff13;color:#d9dcff;border-radius:11px;padding:10px 13px;text-decoration:none;font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}.page-footnote{font-size:10px;color:var(--muted);line-height:1.9;margin-top:18px}.profile-hero{display:flex;align-items:center;gap:16px;position:relative;padding:25px;border-radius:22px;background:linear-gradient(120deg,#84f4e60e,#a49aff14);border:1px solid var(--line);margin-bottom:18px}.profile-avatar{width:68px;height:68px;border-radius:22px;font-size:20px;box-shadow:0 7px 0 #39356e,0 15px 28px #0004}.profile-hero b{display:block;font-size:14px}.profile-hero small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.profile-hero .online{position:static;margin-right:auto}.profile-actions{display:flex;align-items:center;gap:12px;margin-bottom:20px}.profile-actions a{text-decoration:none}.profile-actions .primary{display:inline-flex;gap:12px;align-items:center}
body{padding-bottom:96px}.layout{margin-bottom:35px}.toast{bottom:100px}
@media(min-width:851px){.bottom-nav{bottom:20px}.subpage{margin-top:12px}.layout{min-height:calc(100vh - 150px)}}
@media(max-width:850px){body{padding-bottom:105px}.top{padding-bottom:12px}.layout{margin:5px auto 25px}.side,.chat{min-height:unset}.chat{min-height:500px}.subpage{margin:8px 4% 115px;min-height:calc(100vh - 190px);padding:22px 16px}.page-heading{align-items:flex-start;gap:14px}.page-symbol{width:62px;height:62px;border-radius:20px;font-size:27px}.call-feature-card{flex-wrap:wrap;padding:19px}.call-feature-card>div:nth-child(2){min-width:calc(100% - 100px)}.call-feature-card .primary{width:100%}.nav-item small{font-size:8px}.nav-icon{width:34px;height:32px}.nav-icon svg{width:19px;height:19px}.setting-row{padding:13px 11px}.setting-row small{font-size:9px}.profile-actions{flex-wrap:wrap}}
@media(max-width:380px){.bottom-nav{width:calc(100% - 12px);padding:6px;gap:2px}.nav-item{padding:7px 2px}.nav-item small{font-size:7px}.nav-icon{width:30px;height:29px}.setting-icon{width:34px;height:34px}.setting-row{gap:9px}.mini-action{padding:9px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.logo,.hero-orb,.page-symbol,.orb3d{animation:none!important}}