:root{--bg:#f7f8fd;--ink:#242142;--muted:#77738e;--violet:#6355c8;--purple:#8677ee;--lavender:#efedff;--line:#eae8f5;--panel:#fff;--cyan:#bfe8ed;--shadow:0 25px 75px -45px #41327455;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft Yahei,sans-serif}button,textarea{font:inherit}button{cursor:pointer;min-height:44px;padding:12px 21px;border:0;border-radius:15px;background:var(--violet);color:#fff;font-weight:700;transition:transform .18s,background .18s}button:hover:not(:disabled){transform:translateY(-2px);background:#5547b6}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--lavender);color:#5043a6}button.secondary:hover:not(:disabled){background:#e3defa}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--violet);outline-offset:3px}a{color:inherit;text-decoration:none}p{line-height:1.75;color:var(--muted)}h1,h2,h3{letter-spacing:-.04em}h1{font-size:clamp(2.1rem,4.2vw,4.7rem);line-height:1.22}h2{font-size:clamp(1.45rem,2.8vw,2.2rem)}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100dvh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:35px 18px 22px;background:#fff;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;padding:0 9px;font-weight:850;font-size:23px;letter-spacing:.04em}.brand span:last-child{display:flex;flex-direction:column}.brand small{font-size:9px;color:var(--muted);letter-spacing:.28em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;color:#fff;background:linear-gradient(150deg,#9b8cf4,#5a51bd);box-shadow:0 8px 22px #8d7be05e}.sidebar-caption{color:#a49fba;font-size:11px;letter-spacing:.06em;margin:15px 10px 43px}.nav-links{display:grid;grid-gap:9px;gap:9px}.nav-links button{display:flex;align-items:center;gap:17px;width:100%;text-align:left;color:var(--muted);font-size:19px;background:transparent}.nav-links button span{font-size:14px}.nav-links button.selected,.nav-links button:hover{background:#f2efff;color:var(--violet)}.sidebar-bottom{display:flex;gap:10px;align-items:center;margin-top:auto;padding:18px 6px 4px;border-top:1px solid var(--line)}.sidebar-bottom div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar-bottom strong{font-size:12px;overflow-wrap:anywhere}.sidebar-bottom small{font-size:11px;color:var(--muted)}.online-light{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#46b8a5;box-shadow:0 0 0 4px #d9f4ec}.main-area{min-width:0;width:100%;max-width:1600px;margin:0 auto;padding:0 clamp(18px,4vw,72px);display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:92px;border-bottom:1px solid var(--line)}.eyebrow{font-size:13px;color:var(--muted);letter-spacing:.04em}.connection{padding:7px 12px;border-radius:99px;font-size:11px;white-space:nowrap;background:#fff}.connection.good{color:#258e73}.connection.warn{color:#ab7930}.notice{margin:16px 0;padding:12px 16px;border:1px solid #ead5a1;border-radius:14px;background:#fff7e9;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px}.text-button{min-height:44px;padding:8px 12px;background:transparent;color:var(--violet);font-size:13px}.text-button:hover:not(:disabled){background:var(--lavender)}.tag{display:inline-block;color:var(--violet);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;background:#eeeafe;padding:8px 13px;border-radius:99px}.hero{display:grid;grid-template-columns:1fr .9fr;grid-gap:12px;gap:12px;min-height:525px;align-items:center;padding:65px 0 36px}.hero,.hero-copy{position:relative}.hero-copy{z-index:1}.hero-copy h1{margin:22px 0 18px}.hero-copy h1 em{font-style:normal;color:var(--violet)}.hero-copy p{max-width:530px;font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.actions.centered{justify-content:center}.hero-art{height:420px;position:relative;isolation:isolate}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:290px;height:290px;top:27px;left:16%;background:radial-gradient(circle at 33% 28%,#fff 0,#d7d1ff 27%,#a99af0 65%,#8572d0 100%);box-shadow:inset -18px -30px 50px #55439b44,0 40px 100px #8872cb44}.orb-two{height:190px;width:190px;right:7%;bottom:24px;background:radial-gradient(circle at 30% 30%,#fff,#d4edf4 48%,#a3dce8 100%);z-index:-1;opacity:.85}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;background:#fffffff2;border:1px solid #ffffffd8;box-shadow:0 24px 80px #41327432;border-radius:23px;padding:16px 18px;font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.floating-card span:nth-child(2){display:flex;flex-direction:column;gap:5px}.floating-card small{color:var(--muted);font-size:10px;font-weight:400}.fc-top{top:56px;left:0}.fc-bottom{bottom:48px;right:0}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:14px;background:#e7f6f7;color:#449fba;font-size:19px}.avatar.purple{background:#ebe6ff;color:var(--violet)}.live{font-size:10px;font-weight:700;color:#42a884}.live,.waveform{white-space:nowrap}.waveform{position:absolute;left:10%;top:46%;z-index:2;width:80%;font-size:38px;letter-spacing:.05em;text-align:center;color:#fff;overflow:hidden;text-shadow:0 4px 12px #7063af44}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px;margin:0 0 38px}.conversation,.empty,.feature-grid article,.listen-card,.receiver-card{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.feature-grid article{padding:25px}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--lavender);color:var(--violet);font-size:24px}.feature-grid h3{font-size:16px;margin:17px 0 5px}.feature-grid p{font-size:12px;margin:0}.stage{padding:54px 0 24px}.stage-head h1,.stage>h1{margin:15px 0 10px}.stage-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.listen-card{text-align:center;padding:45px 25px;margin:32px auto 0;max-width:650px}.listening-symbol{display:grid;place-items:center;margin:auto;width:104px;height:104px;border-radius:35px;background:linear-gradient(160deg,#d9d4ff,#f4f1ff);color:var(--violet);font-size:49px}.listen-card h2{margin:25px 0 0}.pulse{animation:gentle-pulse 3s ease-in-out infinite}@keyframes gentle-pulse{50%{box-shadow:0 0 0 18px #cfc7ff33}}.receiver-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));grid-gap:16px;gap:16px}.receiver-card{padding:26px;min-height:260px}.receiver-avatar{display:grid;place-items:center;width:55px;height:55px;background:linear-gradient(140deg,#dcd5ff,#e6f5f9);border-radius:18px;font-size:24px;color:var(--violet)}.receiver-card h3{font-size:22px;margin:9px 0}.receiver-card p{font-size:12px}.receiver-card .actions button{flex:1 1;font-size:12px;padding:10px 8px}.available{display:block;color:#40a88d;font-size:11px;margin-top:14px}.skeleton{background:linear-gradient(90deg,#f2f1f8 25%,#faf9ff 50%,#f2f1f8 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position-x:-200%}}.empty{text-align:center;padding:55px 15px}.empty-icon{font-size:53px;color:var(--violet)}.conversation{display:flex;flex-direction:column;min-height:min(700px,calc(100dvh - 165px));margin-top:25px;overflow:hidden}.conversation-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 28px;border-bottom:1px solid var(--line)}.conversation-head h2{font-size:23px;margin:8px 0 0}.call-meta{font-size:12px;color:var(--muted)}.hangup{background:#e85f70}.hangup:hover:not(:disabled){background:#ce4c5d}.ringing,.voice-body{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 20px}.ring-orb{display:grid;place-items:center;width:126px;height:126px;background:radial-gradient(circle at 25% 20%,#e9e6ff,#8876dd);color:#fff;border-radius:50%;font-size:60px;box-shadow:0 0 0 20px #eae6ff80,0 0 0 45px #efedff88}.ringing h3,.voice-body h3{margin:42px 0 0}.chat-body{min-height:0}.chat-body,.messages{display:flex;flex:1 1;flex-direction:column}.messages{min-height:240px;max-height:55dvh;overflow:auto;overscroll-behavior:contain;gap:14px;padding:26px}.chat-hint{align-self:center;text-align:center;font-size:12px;margin:auto}.message{align-self:flex-start;max-width:82%;display:flex;flex-direction:column;gap:3px}.message.mine{align-self:flex-end;align-items:flex-end}.bubble{padding:12px 17px;border-radius:19px 19px 19px 5px;background:#f3f1fd;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.mine .bubble{border-radius:19px 19px 5px 19px;background:var(--violet);color:#fff}.message small{font-size:10px;color:var(--muted)}.composer{padding:16px 21px;border-top:1px solid var(--line);background:var(--panel)}.composer textarea{width:100%;min-height:65px;max-height:145px;resize:vertical;padding:10px 12px;border:0;border-radius:12px;background:var(--bg);color:var(--ink);outline-offset:-1px}.composer-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.composer-bottom span{color:var(--muted);font-size:11px}.moderation{align-items:center;color:var(--muted);font-size:12px}.app-footer,.moderation{display:flex;justify-content:space-between;gap:10px}.app-footer{flex-wrap:wrap;color:#aaa5bb;font-size:11px;margin-top:auto;padding:35px 0 25px}.app-footer span{max-width:500px}@media(max-width:1050px){.shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:25px 9px}.brand{padding:0;justify-content:center}.brand span:last-child,.nav-links button span,.sidebar-bottom div:last-child,.sidebar-caption{display:none}.nav-links{margin-top:35px}.nav-links button,.sidebar-bottom{justify-content:center}.hero{grid-template-columns:1fr .75fr}.hero-art{transform:scale(.83);transform-origin:center}.fc-bottom{right:-12%}}@media(max-width:740px){.shell{display:block;padding-bottom:calc(66px + env(safe-area-inset-bottom))}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:20;height:auto;min-height:62px;padding:4px 10px max(5px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.sidebar-bottom,.sidebar-caption{display:none}.nav-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin:0}.nav-links button{display:flex;flex-direction:column;gap:0;font-size:18px;border-radius:12px;padding:5px;min-height:48px}.nav-links button span{display:block;font-size:10px}.main-area{padding:0 18px}.topbar{min-height:68px}.eyebrow{font-size:11px;max-width:62%}.hero{display:flex;flex-direction:column;align-items:stretch;padding:37px 0 16px;gap:0}.hero-copy h1{font-size:clamp(2.1rem,8.3vw,3.9rem)}.hero-copy p{font-size:13px}.hero-art{height:280px;width:100%;transform:scale(.72);margin:-20px auto -35px}.orb-one{left:calc(50% - 130px);width:260px;height:260px}.orb-two{right:0}.fc-top{left:-8%}.fc-bottom{right:-8%}.waveform{font-size:27px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid article{padding:16px;display:grid;grid-template-columns:44px 1fr;grid-column-gap:12px;column-gap:12px}.feature-grid h3{margin:0}.feature-grid p{grid-column:2}.stage{padding:35px 0}.stage-head{align-items:start;flex-direction:column}.listen-card{padding:38px 16px}.conversation{min-height:calc(100dvh - 190px);margin-top:12px;border-radius:18px}.conversation-head{padding:14px}.conversation-head h2{font-size:19px}.messages{padding:14px;max-height:none;min-height:220px}.composer{padding:10px}.composer-bottom span{max-width:65%;font-size:10px}.moderation{padding:12px 0}.app-footer{padding:25px 0}}@media(max-width:380px){.main-area{padding:0 12px}.hero-copy h1{font-size:32px}.actions button{padding:10px 13px;font-size:12px}.hero-art{transform:scale(.65);margin:-32px auto -55px}.fc-top{left:-16%}.fc-bottom{right:-16%}.connection{font-size:10px;padding:5px 8px}}@media(prefers-color-scheme:dark){:root{--bg:#161525;--ink:#f4f1ff;--muted:#b6b0cf;--violet:#a497ff;--lavender:#34304f;--line:#36314f;--panel:#242138;--shadow:0 25px 70px -35px #07050d;color-scheme:dark}.sidebar{background:#201d32}.connection{background:#27243b}.floating-card{background:#29263ce8;border-color:#403b55}.floating-card small{color:#d0cae0}.notice{background:#40342c;border-color:#66513c}.composer textarea{background:#302d43}.bubble{background:#39334e}.mine .bubble{color:#1b1733}.sidebar .nav-links button.selected,.sidebar .nav-links button:hover{background:#393351}.sidebar{border-color:var(--line)}.mobile-menu{background:var(--panel)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}html{scroll-behavior:auto}}