/* NOXER Visual Update — independent overrides, original layout preserved. */
:root{--glass-edge:rgba(255,255,255,.28)}
.site-page,.messenger-page{background:var(--bg)}
.site-header,.app-topbar{background:linear-gradient(180deg,rgba(10,10,12,.72),rgba(5,5,6,.24));border-bottom-color:rgba(255,255,255,.08)}
.site-header:after,.app-topbar:after{content:"";position:absolute;left:6%;right:6%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);opacity:.34;pointer-events:none}
.site-header .mega-menu,.app-topbar .mega-menu{border:1px solid rgba(255,255,255,.21);background:linear-gradient(143deg,rgba(255,255,255,.13),transparent 42%),linear-gradient(180deg,rgba(23,25,30,.91),rgba(8,9,12,.94));backdrop-filter:blur(42px) saturate(180%);-webkit-backdrop-filter:blur(42px) saturate(180%);box-shadow:0 25px 75px #0009,inset 0 1px rgba(255,255,255,.22),0 0 50px var(--glow1);border-radius:19px}
.menu-wrap:hover>.nav-link,.menu-wrap.open>.nav-link{background:rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.16)}
.menu-wrap .mega-menu:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 10%,rgba(255,255,255,.48) 35%,transparent 60%,rgba(255,255,255,.2) 90%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.7}
.menu-wrap .mega-menu button:hover,.menu-feature:hover{background:rgba(255,255,255,.09)}
.hero{min-height:570px;padding-bottom:70px}.hero h1{margin-top:0}.hero-content{transform:translateY(-10px)}.hero-content h1{line-height:1.015}.hero p{font-size:13px}
.motion-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;opacity:.65;mask-image:linear-gradient(180deg,transparent,black 20%,black 78%,transparent)}
.motion-fragment{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border:1px solid rgba(255,255,255,.2);border-radius:2px;box-shadow:0 0 12px var(--glow1);animation:fragment-travel var(--duration) linear var(--delay) infinite;transform:rotate(22deg)}
.motion-fragment:nth-child(3n){border-radius:50%;background:rgba(255,255,255,.12)}
.motion-fragment:nth-child(4n){width:24px;height:1px;opacity:.55;border-radius:0}
@keyframes fragment-travel{0%{opacity:0;transform:translate3d(-25px,80px,0) rotate(7deg)}18%{opacity:.85}70%{opacity:.35}100%{opacity:0;transform:translate3d(80px,-120px,0) rotate(190deg)}}
.site-grid{opacity:.65}.hero-orbit{animation:orbit-breathe 18s ease-in-out infinite alternate}@keyframes orbit-breathe{to{transform:scaleX(1.3) rotate(30deg);opacity:.25}}
.intro-layer{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 50% 48%,#1b1c20,#030304 57%);display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:opacity .55s ease,visibility .55s}
.intro-layer.intro-dismiss{opacity:0;visibility:hidden;pointer-events:none}
.intro-mark{display:flex;flex-direction:column;align-items:center;gap:17px;transform:translateY(7px)}
.intro-mark span{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.12em;font-style:italic;font-size:clamp(64px,11vw,142px);font-weight:400;color:#f6f6f7;text-shadow:0 0 46px #ffffff33;clip-path:inset(0 100% 0 0);animation:signature-write 1.18s cubic-bezier(.2,.8,.2,1) .12s forwards}
.intro-mark i{display:block;width:220px;height:1px;background:linear-gradient(90deg,transparent,#ffffffce,transparent);transform:scaleX(0);animation:signature-line 1.1s .38s forwards}
@keyframes signature-write{to{clip-path:inset(0 0 0 0)}}@keyframes signature-line{to{transform:scaleX(1)}}
.preview-section{margin-top:16px;perspective:1800px}.product-frame{transform:rotateX(2deg) scale(.986);transform-origin:center top;transition:transform .65s var(--ease),box-shadow .6s,border-color .5s;box-shadow:0 36px 120px #000a,0 -5px 38px rgba(255,255,255,.07),inset 0 1px 2px rgba(255,255,255,.35);border-color:rgba(255,255,255,.36)}
.product-frame:hover,.product-frame:focus-within{transform:rotateX(0deg) scale(1);border-color:rgba(255,255,255,.42);box-shadow:0 36px 110px #000b,0 0 55px var(--glow1),inset 0 1px 2px rgba(255,255,255,.4)}
.edge-runner{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge-angle,0deg),transparent 0 75%,rgba(255,255,255,.63) 83%,transparent 92%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:edge-turn 12s linear infinite;opacity:.44}
@property --edge-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes edge-turn{to{--edge-angle:360deg}}
.product-frame .glass-pane{background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 33%),rgba(10,11,14,.66);border-color:rgba(255,255,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 40px #0005;backdrop-filter:blur(35px) saturate(150%)}
.preview-section .section-kicker{align-items:center}.tour-trigger{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:var(--text);font-weight:700;letter-spacing:0;border-radius:9px;padding:9px 12px;transition:.2s}.tour-trigger:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.tour-guide{z-index:8;position:absolute;right:22px;bottom:24px;max-width:260px;border:1px solid var(--line-strong);background:linear-gradient(155deg,rgba(255,255,255,.16),rgba(12,13,17,.97) 38%);padding:17px;border-radius:17px;backdrop-filter:blur(42px);box-shadow:0 20px 60px #000b, inset 0 1px #ffffff24;animation:dialog-in .3s var(--ease)}
.tour-guide .tour-number{font-size:9px;letter-spacing:.2em;color:var(--soft);display:block;margin-bottom:8px}.tour-guide b{font-size:14px}.tour-guide p{font-size:11px;color:var(--muted);line-height:1.65}.tour-actions{display:flex;gap:8px}.tour-actions button{border:1px solid var(--line);background:rgba(255,255,255,.11);color:var(--text);border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.tour-actions button:first-child{background:var(--accent);color:var(--on-accent)}
.tour-highlight{position:relative;z-index:5!important;outline:1px solid rgba(255,255,255,.64)!important;box-shadow:0 0 28px var(--glow1)!important;transition:box-shadow .3s}
.guided-pointer{position:absolute;z-index:10;pointer-events:none;width:26px;height:26px;left:65%;top:40%;transform:translate3d(0,0,0) rotate(-12deg) scale(.6);opacity:0;transition:left 1s cubic-bezier(.25,1,.4,1),top 1s cubic-bezier(.25,1,.4,1),opacity .35s,transform .35s;filter:drop-shadow(0 2px 6px #000d)}
.guided-pointer.active{opacity:1;transform:translate3d(0,0,0) rotate(-12deg) scale(1)}.guided-pointer svg{fill:#fff;stroke:#0b0c0e;stroke-width:1.2}
.noxer-context{position:fixed;z-index:130;min-width:216px;padding:6px;display:flex;flex-direction:column;border-radius:14px;border:1px solid rgba(255,255,255,.23);background:linear-gradient(135deg,rgba(255,255,255,.11),transparent 40%),rgba(16,17,20,.95);backdrop-filter:blur(40px);box-shadow:0 24px 65px #000a,inset 0 1px #ffffff24;animation:dialog-in .18s var(--ease)}
.noxer-context button{border:0;border-radius:9px;text-align:left;background:transparent;color:var(--text);font-size:11px;font-weight:680;padding:11px 13px;transition:background .16s}.noxer-context button:hover{background:rgba(255,255,255,.10)}
.demo-pinned .demo-chat-info b:after{content:' ◆';font-size:10px;color:var(--accent)}
.typing-dots{display:inline-flex;gap:3px;align-items:center;margin-right:6px}.typing-dots i{display:block;width:4px;height:4px;background:#fff;border-radius:50%;animation:dot-bounce 1.25s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.16s}.typing-dots i:nth-child(3){animation-delay:.32s}@keyframes dot-bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.feature-graphic{isolation:isolate}.feature-graphic:before{content:'';position:absolute;inset:-30%;z-index:-1;background:radial-gradient(ellipse at 45% 35%,var(--glow1),transparent 58%);opacity:.6;animation:feature-lumen 10s ease-in-out infinite alternate}@keyframes feature-lumen{to{transform:translate(9%,4%);opacity:.85}}
.feature-card{transition:border-color .35s,transform .65s var(--ease),box-shadow .35s}.feature-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 25px 80px #0009,0 0 25px var(--glow1)}
.graphic-conversations .mock-line{transition:transform .8s var(--ease),opacity .7s}.graphic-conversations.feature-playing .l-one{animation:chat-float-one 5.4s ease-in-out infinite}.graphic-conversations.feature-playing .l-two{animation:chat-float-two 6.2s ease-in-out infinite}.graphic-conversations.feature-playing .l-three{animation:chat-float-one 4.8s ease-in-out infinite reverse}
@keyframes chat-float-one{50%{transform:translate3d(12px,-10px,0) rotate(-3deg)}}@keyframes chat-float-two{50%{transform:translate3d(-9px,8px,0) rotate(2deg)}}
.group-orbit{animation:group-drift 16s ease-in-out infinite alternate}@keyframes group-drift{to{transform:translateY(-7px) rotate(8deg)}}
.preview-note{color:var(--muted);font-size:10px}
/* User profile */
.language-toggle{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:9px;font-size:10px;font-weight:800;letter-spacing:.04em;padding:9px 11px;white-space:nowrap}.language-toggle span{color:var(--muted);margin:0 4px}
.profile-card{position:relative;overflow:hidden;transition:background .35s,border-color .35s}.profile-card:before{content:'';position:absolute;inset:-25%;pointer-events:none;opacity:.42;background:radial-gradient(ellipse at 10% 20%,var(--profile-accent,#fff),transparent 45%);filter:blur(22px)}
.profile-card[data-cover=nebula]{background:radial-gradient(ellipse at 20% 8%,#5a3e8a70,transparent 65%),#15131d}.profile-card[data-cover=signal]{background:linear-gradient(120deg,#0c151b,#123d42,#0d1418)}.profile-card[data-cover=grid]{background-color:#111318;background-image:linear-gradient(#ffffff13 1px,transparent 1px),linear-gradient(90deg,#ffffff13 1px,transparent 1px);background-size:16px 16px}
.profile-card>*{position:relative;z-index:1}.profile-open{width:100%;background:none;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px;font-size:11px;font-weight:750;margin:10px 0 20px;text-align:center}.profile-open:hover{background:rgba(255,255,255,.1)}
.profile-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:15px 0 17px}.profile-edit-grid label span{font-size:10px;color:var(--soft);font-weight:700;display:block;margin-bottom:7px}.profile-edit-grid .drawer-input{width:100%;min-width:0;margin:0;padding:9px;height:42px}.profile-edit-grid label:first-child{grid-column:1/-1}.profile-edit-grid select{background:var(--surface2);color:var(--text);cursor:pointer}
.lang-buttons{display:flex;gap:7px;margin:10px 0 17px}.lang-buttons button{flex:1;color:var(--text);background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:9px;padding:11px;font-size:11px;font-weight:700}.lang-buttons button.active{background:var(--accent);color:var(--on-accent)}
.profile-dialog{position:relative;max-width:440px;width:100%;max-height:calc(100dvh - 40px);overflow:auto;border-radius:24px;border:1px solid var(--line-strong);background:linear-gradient(145deg,#272830,#101114 38%,#090a0c);box-shadow:0 28px 120px #000d,inset 0 1px #ffffff33;animation:dialog-in .32s var(--ease)}
.profile-close{position:absolute;right:13px;top:13px;z-index:4;background:#090a0c99}.profile-cover{height:165px;background:radial-gradient(ellipse at 40% 10%,#ffffff40,transparent 70%),linear-gradient(140deg,#34353b,#101114);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.profile-cover:after{content:'';position:absolute;inset:-50%;background:radial-gradient(circle at 20% 20%,var(--profile-accent),transparent 36%);opacity:.35;filter:blur(30px)}
.profile-cover[data-cover=nebula]{background:radial-gradient(ellipse at 75% 25%,#9173ea99,transparent 52%),radial-gradient(ellipse at 0% 100%,#275e7d99,transparent 70%),#100d18}
.profile-cover[data-cover=signal]{background:repeating-linear-gradient(120deg,transparent 0 17px,#74dbe61b 18px 19px,transparent 20px 42px),linear-gradient(90deg,#14212a,#103d43,#090f13)}
.profile-cover[data-cover=grid]{background-color:#111218;background-image:linear-gradient(#ffffff22 1px,transparent 1px),linear-gradient(90deg,#ffffff22 1px,transparent 1px);background-size:24px 24px}
.profile-dialog-body{position:relative;padding:48px 27px 28px}.profile-display-avatar{position:absolute;top:-39px;left:25px;width:76px;height:76px;display:grid;place-items:center;border-radius:23px;border:4px solid #131418;font-size:28px;font-weight:800;color:#16191e;box-shadow:0 7px 30px #0009}
.profile-username{font-size:11px;color:var(--soft);letter-spacing:.02em}.profile-dialog-body h2{font-size:30px;letter-spacing:-.055em;margin:7px 0}.profile-status{font-size:12px;color:var(--soft);margin:8px 0 4px}.profile-badge{font-size:23px;color:var(--accent);min-height:25px;margin-top:8px}.profile-dialog-body p{min-height:33px;font-size:12px;line-height:1.7;color:var(--soft)}.profile-dialog-actions{display:flex;gap:8px;margin-top:18px}.profile-dialog-actions button{flex:1;font-size:11px}
.chat-is-pinned .chat-row-title{font-weight:850}.mini-chat-pin{font-size:9px;opacity:.75}.chat-is-muted{opacity:.64}#conversationTitle{cursor:pointer}#conversationTitle:hover{text-decoration:underline;text-underline-offset:4px}
.chat-appearance{position:fixed;z-index:140;right:26px;bottom:26px;border:1px solid var(--line-strong);background:var(--glass-strong);box-shadow:0 25px 70px #000b;backdrop-filter:blur(40px);border-radius:17px;padding:19px;width:min(300px,calc(100vw - 35px))}.chat-appearance>b{font-size:12px}.chat-wallpapers{display:flex;gap:8px;margin:17px 0}.chat-wallpapers button{width:50px;height:50px;border-radius:12px;border:2px solid transparent;background:#17191c}.chat-wallpapers button:nth-child(2){background:radial-gradient(circle at 25% 15%,#5b3b8b,#11101b 74%)}.chat-wallpapers button:nth-child(3){background-color:#151618;background-image:linear-gradient(#ffffff33 1px,transparent 1px),linear-gradient(90deg,#ffffff33 1px,transparent 1px);background-size:10px 10px}.chat-wallpapers button:nth-child(4){background:radial-gradient(ellipse at top,#16765c,#071614 78%)}.chat-wallpapers button.active{border-color:var(--accent)}
#conversationPanel.wall-nebula .message-scroller{background:radial-gradient(ellipse at 25% 25%,#61376f35,transparent 60%),radial-gradient(ellipse at 80% 70%,#2c345c33,transparent 75%)}
#conversationPanel.wall-grid .message-scroller{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:33px 33px}
#conversationPanel.wall-aurora .message-scroller{background:radial-gradient(ellipse at 20% 50%,#11573d3a,transparent 65%),radial-gradient(ellipse at 80% 80%,#4a557a3d,transparent 65%)}
@media(max-width:820px){.product-frame{transform:none!important}.edge-runner{opacity:.3}.tour-guide{right:10px;bottom:10px;padding:11px;max-width:210px}.guided-pointer{display:none}.motion-field{opacity:.34}}
@media(max-width:600px){.site-header .mega-menu{max-width:calc(100vw - 60px);z-index:50}.preview-section .section-kicker{gap:8px}.tour-trigger{font-size:9px;padding:8px}.tour-guide{max-width:175px}.tour-guide b{font-size:11px}.tour-guide p{font-size:9px}.hero{min-height:505px;padding-top:80px}.hero h1{font-size:clamp(54px,12vw,78px)}.profile-dialog{border-radius:17px}.profile-dialog-body{padding:50px 20px 20px}.profile-edit-grid{grid-template-columns:1fr 1fr}.language-toggle{padding:8px;font-size:9px}.chat-appearance{right:12px;bottom:80px}.intro-mark span{font-size:75px}}
@media(prefers-reduced-motion:reduce){.motion-fragment,.edge-runner,.intro-mark span,.intro-mark i,.graphic-conversations .mock-line,.group-orbit,.feature-graphic:before{animation:none!important}.intro-mark span{clip-path:none}.intro-mark i{transform:scaleX(1)}}