:root{--bg:#08090c;--panel:#101219;--panel-2:#161922;--panel-3:#1c2030;--border:rgba(255,255,255,0.08);--border-soft:rgba(255,255,255,0.06);--text:#edeef1;--text-strong:#f2f3f5;--muted:#8a909c;--muted-2:#6b7180;--faint:#565b66;--accent:#c5f24e;--accent-ink:#0b0c10;--mint:#5be9c9;--danger:#ff6b6b;--bubble-theirs:#1b1e26;--display:"Space Grotesk",system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;--radius:24px;--radius-sm:15px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:var(--accent)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}@keyframes nxSpin{to{transform:rotate(1turn)}}@keyframes nxDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}@keyframes nxRadar{0%{transform:scale(.35);opacity:.55}to{transform:scale(1.7);opacity:0}}@keyframes nxEq{0%,to{transform:scaleY(.22)}50%{transform:scaleY(1)}}@keyframes nxBreathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}@keyframes nxRing{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.5);opacity:0}}@keyframes nxType{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.app{height:100vh;height:100dvh;flex-direction:column}.app,.shell{display:flex}.shell{width:100%;max-width:620px;margin:0 auto;padding:22px 18px 28px;flex:1 1;min-height:0;overflow-y:auto;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px 20px}.brand{font:700 26px/1 var(--display);letter-spacing:-.01em;color:var(--text)}.brand span{color:var(--accent)}.conn{position:relative;display:inline-flex;align-items:center;gap:9px;font:600 15px/1 var(--body);cursor:default;outline:none}.conn,.conn-tip{color:var(--muted)}.conn-tip{position:absolute;top:140%;right:0;z-index:20;min-width:168px;padding:10px 12px;display:grid;grid-gap:4px;gap:4px;background:var(--panel);border:1px solid var(--border-soft);border-radius:12px;box-shadow:0 24px 60px -30px rgba(0,0,0,.8);font:500 13px/1.5 var(--body);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.conn-tip b{color:var(--text);font-weight:700}.conn:focus-visible .conn-tip,.conn:hover .conn-tip{opacity:1;transform:translateY(0)}.dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:nxDot 2.2s ease-in-out infinite}.dot.connecting{background:var(--accent);box-shadow:0 0 12px var(--accent)}.dot.disconnected{background:var(--danger);box-shadow:0 0 12px var(--danger);animation:none}.card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:30px;box-shadow:0 40px 90px -40px rgba(0,0,0,.75)}.card h1,.card h2{margin-top:0}.card h1{font:700 34px/1.05 var(--display)}.card h1,.card h2{letter-spacing:-.02em;color:var(--text-strong)}.card h2{font:700 32px/1.05 var(--display)}.subtle{color:var(--muted);font:500 15px/1.5 var(--body)}.btn{border:1px solid var(--border);background:var(--panel-3);color:var(--text);border-radius:14px;padding:13px 22px;font:600 15px/1 var(--body);transition:transform .04s ease,filter .15s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){border-color:rgba(255,255,255,.2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 12px 36px -14px color-mix(in srgb,var(--accent) 55%,transparent)}.btn.primary:hover:not(:disabled){filter:brightness(1.06);border-color:var(--accent)}.btn.danger{background:rgba(255,107,107,.08);border-color:rgba(255,107,107,.45);color:var(--danger)}.btn.danger:hover:not(:disabled){border-color:var(--danger)}.btn.ghost{background:transparent}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.field>label{font:700 13px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.chips{display:flex;gap:10px}.chip{flex:1 1;min-width:0;border:1px solid var(--border);background:var(--panel-2);color:#c9cdd6;border-radius:13px;padding:15px 8px;font:500 15px/1 var(--body);text-align:center;transition:transform .04s ease,background .15s ease,border-color .15s ease,color .15s ease}.chip:hover:not(.active){border-color:rgba(255,255,255,.2)}.chip:active{transform:translateY(1px)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.modes{display:flex;gap:12px}.mode-opt{flex:1 1;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;border-radius:16px;border:1px solid var(--border);background:var(--panel-2);color:#c9cdd6;font:500 17px/1 var(--body);transition:background .15s ease,border-color .15s ease,color .15s ease}.mode-opt:hover:not(.active){border-color:rgba(255,255,255,.2)}.mode-opt.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 8px 30px -12px color-mix(in srgb,var(--accent) 50%,transparent)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.agelist{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.age-opt{border:1px solid var(--border);background:var(--panel-2);color:#c9cdd6;border-radius:13px;padding:15px 8px;font:500 15px/1 var(--display);text-align:center;transition:transform .04s ease,background .15s ease,border-color .15s ease,color .15s ease}.age-opt:hover:not(.active){border-color:rgba(255,255,255,.2)}.age-opt:active{transform:translateY(1px)}.age-opt.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.hint{margin:0;font:500 14px/1.4 var(--body);color:var(--faint)}.cta{width:100%;margin-top:4px;padding:20px;border:none;border-radius:17px;background:var(--accent);color:var(--accent-ink);font:700 18px/1 var(--display);letter-spacing:.01em;box-shadow:0 14px 40px -12px color-mix(in srgb,var(--accent) 55%,transparent);transition:filter .15s ease}.cta:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}.searching{flex-direction:column;gap:0;padding:36px 16px;text-align:center}.radar,.searching{display:flex;align-items:center}.radar{position:relative;width:160px;height:160px;justify-content:center}.radar-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent);animation:nxRadar 2.6s ease-out infinite}.radar-ring.mint{border-color:var(--mint);animation-delay:1.3s}.radar-core{position:absolute;width:108px;height:108px;border-radius:50%;border:3px solid rgba(255,255,255,.07);border-top:3px solid var(--accent);animation:nxSpin 1.1s linear infinite}.search-title{font:600 24px/1.2 var(--display);color:var(--text-strong);margin-top:36px}.search-timer{font:600 18px/1 var(--display);color:var(--mint);margin-top:12px;letter-spacing:.04em}.search-tags{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap;justify-content:center}.search-tag{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:11px;background:var(--panel-2);border:1px solid var(--border);font:600 14px/1 var(--body);color:#c9cdd6}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:nxSpin .9s linear infinite}.chat{display:flex;flex-direction:column;flex:1 1;min-height:0;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.75)}.chat-head{justify-content:space-between;gap:10px;padding:18px 22px;border-bottom:1px solid var(--border-soft)}.chat-head,.peer{display:flex;align-items:center}.peer{gap:13px}.avatar{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font:700 16px/1 var(--display);background:linear-gradient(135deg,#1c2030,#11131a);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}.avatar.mint{background:linear-gradient(135deg,#142826,#11131a);border-color:color-mix(in srgb,var(--mint) 35%,transparent);color:var(--mint)}.who{font:700 17px/1.1 var(--display);color:var(--text)}.who small{display:block;margin-top:5px;font:500 13px/1 var(--body);color:var(--muted)}.report-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid rgba(255,107,107,.45);border-radius:13px;background:rgba(255,107,107,.08);color:var(--danger);font:600 14px/1 var(--body)}.report-menu{position:absolute;right:0;top:110%;z-index:10;min-width:210px;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px -24px rgba(0,0,0,.85)}.report-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);border-radius:9px;padding:11px 12px;font:500 15px/1 var(--body)}.report-menu button:hover{background:var(--panel-2)}.messages{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:74%;padding:13px 18px;font:500 16px/1.4 var(--body);word-wrap:break-word;white-space:pre-wrap}.bubble.mine{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-radius:18px 18px 5px 18px}.bubble.theirs{color:#e6e8ec}.bubble.theirs,.typing{align-self:flex-start;background:var(--bubble-theirs);border-radius:18px 18px 18px 5px}.typing{display:flex;align-items:center;gap:5px;padding:15px 18px}.typing span{width:7px;height:7px;border-radius:50%;background:#9ca1ad;animation:nxType 1.3s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.empty-hint{margin:auto;font:500 15px/1.6 var(--body)}.empty-hint,.sys-note{color:var(--muted);text-align:center}.sys-note{align-self:center;font:500 13px/1.5 var(--body);padding:4px 0}.composer{display:flex;gap:12px;padding:18px 22px;border-top:1px solid var(--border-soft)}.composer textarea{flex:1 1;resize:none;background:#0f1116;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text);border-radius:var(--radius-sm);padding:16px 18px;font:500 16px/1.3 var(--body);max-height:120px}.composer textarea::placeholder{color:var(--faint)}.composer textarea:focus{outline:none;border-color:var(--accent)}.send-btn{width:54px;height:54px;flex:none;border:none;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;transition:filter .15s ease}.send-btn:hover:not(:disabled){filter:brightness(1.06)}.chat-actions{display:flex;gap:12px;padding:0 22px 20px}.voice-stage{flex:1 1;min-height:0;flex-direction:column;padding:30px;gap:28px}.voice-avatar-wrap,.voice-stage{display:flex;align-items:center;justify-content:center}.voice-avatar-wrap{position:relative;width:200px;height:200px}.voice-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--mint);animation:nxRing 2.4s ease-out infinite}.voice-ring.delay{animation-delay:1.2s}.voice-avatar{width:148px;height:148px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1d3a36,#0f1a19);border:1px solid color-mix(in srgb,var(--mint) 40%,transparent);display:flex;align-items:center;justify-content:center;font:700 44px/1 var(--display);color:var(--mint);animation:nxBreathe 2.4s ease-in-out infinite}.voice-status{text-align:center}.voice-status .label{font:600 15px/1 var(--body);color:var(--mint)}.voice-timer{font:600 30px/1 var(--display);color:var(--text-strong);margin-top:10px;letter-spacing:.04em}.equalizer{display:flex;align-items:flex-end;gap:6px;height:84px}.eq-bar{width:8px;height:84px;border-radius:5px;background:linear-gradient(var(--accent),var(--mint));transform-origin:bottom;animation:nxEq 1s ease-in-out infinite}.voice-controls{gap:12px;padding:22px;border-top:1px solid var(--border-soft)}.voice-controls,.voice-ctrl{display:flex;align-items:center}.voice-ctrl{width:58px;height:58px;flex:none;border-radius:16px;border:1px solid var(--border);background:var(--panel-3);color:var(--text);justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.voice-ctrl.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.voice-ctrl.end{border:none;background:var(--danger);color:#1a0808}.voice-next{flex:1 1;height:58px;border-radius:16px;border:none;background:var(--accent);color:var(--accent-ink);font:700 17px/1 var(--display);box-shadow:0 12px 36px -12px color-mix(in srgb,var(--accent) 50%,transparent);transition:filter .15s ease}.voice-next:hover:not(:disabled){filter:brightness(1.06)}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 16px;border-radius:13px;font:500 14px/1.4 var(--body);border:1px solid var(--border);background:var(--panel-2)}.notice.info{background:color-mix(in srgb,var(--mint) 8%,transparent);border-color:color-mix(in srgb,var(--mint) 35%,transparent);color:#cdeee6}.notice.warn{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:#e7eecb}.notice.error{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.4);color:#ffc4c4}.notice button{background:transparent;border:0;color:var(--muted);font-size:18px;line-height:1}.foot{text-align:center;color:var(--faint);font:500 13px/1.6 var(--body);padding:22px 0 4px}.foot>div:first-child{display:flex;align-items:center;justify-content:center;gap:22px}.foot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.prose{line-height:1.6}.prose h1{margin-bottom:6px;font-family:var(--display);letter-spacing:-.02em}.prose ul{padding-left:20px}.prose li{margin:6px 0}@media (max-width:520px){.grid2{grid-template-columns:1fr;gap:22px}.card{padding:24px 20px}.card h2{font-size:26px}.voice-avatar-wrap{width:170px;height:170px}.voice-avatar{width:124px;height:124px;font-size:38px}}