:root{--bg-base:#070709;--bg-panel:#0c0c11;--bg-card:#121218;--bg-card-2:#16161d;--bg-card-hover:#1c1c25;--bg-inset:#0a0a0e;--border:#212129;--border-strong:#2e2e38;--border-accent:#4a3da8;--text:#f4f4f7;--text-muted:#9b9ba7;--text-subtle:#61616c;--text-on-accent:#fff;--accent:#6e4ff2;--accent-soft:#231c44;--accent-from:#6d4df6;--accent-to:#8b6cf8;--accent-glow:#6d4df6;--positive:#3fd68c;--negative:#f2555a;--error:#f2555a;--gradient-accent:linear-gradient(135deg, var(--accent-from) 0%, var(--accent-to) 100%);--sidebar-w:272px;--rail-w:372px;--center-max:720px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.app{background:var(--bg-base);width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.app__glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.app__glow--top{background:radial-gradient(#6d4df62e 0%,#0000 70%);width:720px;height:460px;top:-260px;left:50%;transform:translate(-30%)}.app__glow--bottom{background:radial-gradient(#6d4df624 0%,#0000 70%);width:620px;height:520px;bottom:-300px;left:-160px}.app>.sidebar,.app>.center,.app>.rail{z-index:1;position:relative}@media (width>=1024px){.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr) var(--rail-w);grid-template-rows:minmax(0,1fr);display:grid}}.sidebar{display:none}@media (width>=1024px){.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;height:100%;min-height:0;padding:22px 14px 16px;display:flex}}.sidebar__brand,.drawer__brand{align-items:center;gap:11px;padding:4px 8px 20px;display:flex}.brand-mark{background:var(--gradient-accent);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 6px 18px #6d4df659}.brand-mark svg{width:56%;height:56%}.sidebar__brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.sidebar__brand-name{letter-spacing:-.01em;color:var(--text);font-size:15px;font-weight:600}.sidebar__brand-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);font-size:10px;font-weight:600}.sidebar__actions{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex;overflow-y:auto}.quick-group__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);padding:0 10px 8px;font-size:10.5px;font-weight:600}.quick-group__list{flex-direction:column;gap:1px;display:flex}.quick-item{font:inherit;text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 10px;font-size:14px;line-height:1.25;transition:background-color .12s,color .12s;display:block}.quick-item:hover:not(:disabled){background:var(--bg-card);color:var(--text)}.quick-item--active,.quick-item--active:hover{background:var(--bg-card-hover);color:var(--text)}.quick-item:disabled{opacity:.45;cursor:not-allowed}.center{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex}.center__scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.center__composer{flex-shrink:0}.mobile-header{padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));align-items:center;gap:12px;display:flex}@media (width>=1024px){.mobile-header{display:none}}.mobile-header__menu{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-header__menu svg{width:22px;height:22px}.mobile-header__badge{border:1px solid var(--border-strong);background:var(--bg-card);border-radius:100px;align-items:center;gap:8px;margin:0 auto;padding:5px 14px 5px 5px;display:flex}.mobile-header__avatar{background:var(--gradient-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.mobile-header__name{letter-spacing:-.01em;font-size:15px;font-weight:600}.mobile-header:after{content:"";flex-shrink:0;width:38px}.drawer{z-index:50;position:fixed;inset:0}.drawer__scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0009;border:none;padding:0;animation:.15s fadeIn;position:absolute;inset:0}.drawer__panel{background:var(--bg-panel);border-right:1px solid var(--border);width:min(82vw,320px);padding:22px 14px 16px;padding-top:max(22px, env(safe-area-inset-top));flex-direction:column;animation:.2s slideIn;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}}@keyframes slideIn{0%{transform:translate(-100%)}}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px 20px 8px;display:flex}.orb{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:8px;display:flex;position:relative}.orb__glow{filter:blur(8px);background:radial-gradient(circle,#6d4df68c 0%,#6d4df61f 55%,#0000 72%);border-radius:50%;position:absolute;inset:14px}.orb__frame{opacity:.7;width:100%;height:100%;position:absolute;inset:0}.orb__chip{background:var(--gradient-accent);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 8px 30px #6d4df680}.orb__chip svg{width:26px;height:26px}.hero__heading{letter-spacing:-.02em;background:linear-gradient(#fff 0%,#9d9da8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 22px;font-size:34px;font-weight:600;line-height:1.05}@media (width>=1024px){.hero__heading{font-size:54px}}.suggestions{flex-direction:column;gap:12px;width:100%;max-width:440px;display:flex}.suggestion{font:inherit;text-align:left;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:16px;transition:background-color .15s,border-color .15s;display:flex}.suggestion:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}.suggestion:disabled{opacity:.5;cursor:not-allowed}.suggestion__icon{background:var(--bg-card-2);border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.suggestion__icon svg{width:18px;height:18px}.suggestion__body{flex-direction:column;gap:3px;min-width:0;display:flex}.suggestion__category{color:var(--text-subtle);font-size:11px}.suggestion__prompt{color:var(--text);font-size:14.5px;font-weight:500;line-height:1.3}@media (width>=1024px){.suggestions{grid-template-columns:repeat(2,328px);gap:16px;max-width:672px;display:grid}.suggestion{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0;height:146px;padding:20px}.suggestion__prompt{font-size:16px}}.center__composer{padding:8px 14px 12px;padding-bottom:max(12px, env(safe-area-inset-bottom))}@media (width>=1024px){.center__composer{padding:8px max(28px, calc((100% - var(--center-max)) / 2)) 22px}}.composer{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:16px;align-items:flex-end;gap:8px;padding:7px 7px 7px 14px;transition:border-color .15s;display:flex}.composer:focus-within{border-color:var(--border-accent)}.composer__attach{width:26px;height:26px;color:var(--text-subtle);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.composer__attach svg{width:20px;height:20px}.composer__field{font:inherit;min-width:0;color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:160px;padding:9px 0;font-size:16px;line-height:1.4}.composer__field::placeholder{color:var(--text-subtle)}.composer__send{background:var(--gradient-accent);color:#fff;cursor:pointer;border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:transform .1s,opacity .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #6d4df666}.composer__send svg{width:19px;height:19px}.composer__send:active:not(:disabled){transform:scale(.94)}.composer__send:disabled{background:var(--bg-card-2);color:var(--text-subtle);box-shadow:none;cursor:not-allowed}.mode-chips{scrollbar-width:none;gap:8px;padding:4px 14px 8px;display:flex;overflow-x:auto}.mode-chips::-webkit-scrollbar{display:none}@media (width>=1024px){.mode-chips{display:none}}.mode-chip{font:inherit;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:100px;padding:7px 16px;font-size:13.5px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.mode-chip--active{background:var(--accent-soft);border-color:var(--border-accent);color:var(--text)}.thread{scroll-behavior:smooth;flex-direction:column;flex:1;gap:18px;padding:24px 14px 8px;display:flex}@media (width>=1024px){.thread{padding:32px max(28px, calc((100% - var(--center-max)) / 2)) 8px;gap:22px}}.thread__turn{flex-direction:column;gap:8px;display:flex}.thread__delivered{color:var(--text-subtle);align-self:flex-end;padding-right:4px;font-size:11px}.persona-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.persona-header__avatar{background:var(--gradient-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.persona-header__name{color:var(--text);font-size:14px;font-weight:600}.persona-header__pill{background:var(--accent-soft);color:var(--accent-to);border-radius:100px;padding:2px 9px;font-size:11px;font-weight:500}.option{flex-direction:column;gap:5px;display:flex}.option__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);font-size:10.5px;font-weight:600}.bubble-row{align-items:flex-end;gap:6px;width:100%;display:flex}.bubble-row--user{justify-content:flex-end}.bubble-row--user .bubble-copy{order:-1}.bubble-row--persona{justify-content:flex-start}.bubble{white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text;border-radius:16px;max-width:86%;padding:12px 16px;font-size:15px;line-height:1.5}.bubble--user{background:var(--gradient-accent);color:var(--text-on-accent);border-bottom-right-radius:6px}.bubble--persona{background:var(--bg-card-2);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:6px}.bubble--typing{align-items:center;gap:4px;padding:14px 16px;display:inline-flex}.bubble--typing span{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typingDot}.bubble--typing span:nth-child(2){animation-delay:.15s}.bubble--typing span:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.bubble--error{color:var(--error);background:#f2555a1f;border:1px solid #f2555a4d}.bubble-copy{width:28px;height:28px;color:var(--text-subtle);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:4px;padding:0;transition:opacity .15s,background-color .15s,color .15s;display:inline-flex}.bubble-copy svg{width:14px;height:14px}.bubble-copy:hover,.bubble-copy:focus-visible{opacity:1;background:var(--bg-card);color:var(--text);outline:none}.bubble-copy--copied,.bubble-copy--copied:hover,.bubble-copy--copied:focus-visible{opacity:1;color:var(--positive);background:0 0}.rail{display:none}@media (width>=1024px){.rail{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;gap:16px;height:100%;min-height:0;padding:22px 18px;display:flex;overflow-y:auto}}.rail__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);font-size:10.5px;font-weight:600}.card__title{color:var(--text);font-size:15px;font-weight:600}.card__subtitle{color:var(--text-muted);margin-top:1px;font-size:12px}.guide-card{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;padding:16px}.guide-card__head{align-items:center;gap:11px;display:flex}.guide-card__icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-to);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-card__icon svg{width:18px;height:18px}.guide-card__body{color:var(--text-muted);margin:14px 0 0;font-size:13px;line-height:1.5}.guide-card__tips{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.guide-card__tip{color:var(--text);padding-left:18px;font-size:13px;line-height:1.5;position:relative}.guide-card__tip:before{content:"";background:var(--accent-to);border-radius:100px;width:5px;height:5px;position:absolute;top:8px;left:0}.guide-card__status{color:var(--text-muted);align-items:center;gap:7px;margin-top:14px;font-size:12px;display:flex}.guide-card__dot{background:var(--positive);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--positive) 22%, transparent);border-radius:100px}.guide-card__skeleton{flex-direction:column;gap:10px;margin-top:14px;display:flex}.guide-card__skeleton-row{background:var(--border);border-radius:6px;height:12px;animation:1.2s ease-in-out infinite guidePulse}.guide-card__skeleton-row:nth-child(2){width:85%}.guide-card__skeleton-row:nth-child(3){width:70%}.guide-card__skeleton-row:nth-child(4){width:80%}@keyframes guidePulse{0%,to{opacity:.45}50%{opacity:.9}}.tone-card{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;padding:16px}.tone-card__head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.tone-card__current{color:var(--accent-to);font-size:13px;font-weight:500}.tone-card__rows{flex-direction:column;gap:6px;display:flex}.tone-row{font:inherit;text-align:left;background:var(--bg-card-2);width:100%;color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;padding:11px 12px;transition:border-color .15s,background-color .15s;display:flex}.tone-row:hover{background:var(--bg-card-hover)}.tone-row--active,.tone-row--active:hover{background:var(--accent-soft);border-color:var(--border-accent)}.tone-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tone-row__label{font-size:14px;font-weight:500}.tone-row__hint{color:var(--text-muted);font-size:12px;line-height:1.4}.tone-row__radio{border:1.5px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:1px;transition:border-color .15s}.tone-row--active .tone-row__radio{border-color:var(--accent);border-width:5px}@media (width>=1024px){.center__scroll::-webkit-scrollbar{width:8px}.sidebar__actions::-webkit-scrollbar{width:8px}.rail::-webkit-scrollbar{width:8px}.center__scroll::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.sidebar__actions::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.rail::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.center__scroll::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.sidebar__actions::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.rail::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.center__scroll::-webkit-scrollbar-track{background:0 0}.sidebar__actions::-webkit-scrollbar-track{background:0 0}.rail::-webkit-scrollbar-track{background:0 0}}