.landing-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.landing-bg{position:absolute;inset:0;background-image:url(/angel-demon.gif);background-size:cover;background-position:center;filter:blur(14px) brightness(.5);transform:scale(1.1);z-index:0}.landing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:24px}.topic{opacity:.6;font-size:14px;margin-bottom:16px}.chat{display:flex;flex-direction:column;gap:16px;max-width:720px}.msg{padding:16px 20px;border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cta{margin-top:32px;padding:12px 24px;border-radius:12px;border:none;background:#ffffff1f;color:#fffffff2;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:center;animation:ctaBreath 3s ease-in-out infinite}.cta:hover{animation-play-state:paused;transform:scale(1.06)}@keyframes ctaBreath{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}.app-bg{position:absolute;inset:0;background-image:url(/angel-demon.gif);background-size:cover;background-position:center;filter:blur(14px) brightness(.5);transform:scale(1.1);z-index:0}.app-content{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.layout{width:min(1120px,calc(100vw - 24px));height:min(760px,calc(100vh - 24px));display:grid;grid-template-columns:280px 1fr;gap:12px}.sidebar{display:flex;flex-direction:column;border-radius:16px;background:#00000052;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:12px 12px 10px}.brandDot{width:22px;height:22px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff26);border:1px solid rgba(255,255,255,.25)}.brandName{font-weight:700;font-size:14px;letter-spacing:.2px;opacity:.95}.modes{display:flex;flex-direction:column;gap:6px;padding:6px 10px 10px}.modeBtn{text-align:left;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:#ffffffd9;cursor:pointer}.modeBtn:hover{background:#ffffff0f}.modeBtn.active{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffffff2}.divider{height:1px;margin:4px 10px;background:#ffffff1a}.history{flex:1;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.historyEmpty{opacity:.6;font-size:13px;padding:8px 6px}.chatRow{text-align:left;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:#ffffffd9;cursor:pointer}.chatRow:hover{background:#ffffff0f}.chatRow.active{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffffff2}.chatTitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profileWrap{position:relative;padding:10px;border-top:1px solid rgba(255,255,255,.1)}.profile{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:#ffffffeb;cursor:pointer}.profile:hover{background:#ffffff0f}.avatar{width:28px;height:28px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.profileName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.profileMenu{position:absolute;left:10px;right:10px;bottom:56px;border-radius:12px;background:#000000b3;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.profileMenuItem{width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;color:#ffffffeb;cursor:pointer}.profileMenuItem:hover{background:#ffffff14}.main{border-radius:16px;background:#00000047;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;display:flex}.mainInner{width:100%;display:flex;flex-direction:column;gap:12px;padding:12px}.chat{flex:1;overflow:auto;padding:4px 4px 8px;display:flex;flex-direction:column;gap:12px}.msg{padding:14px 18px;border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:85%;white-space:pre-wrap;animation:msgIn .18s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg.demon{background:#783c2859;align-self:flex-end}.msg.angel{background:#28467859;align-self:flex-start}.msg.user{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);align-self:flex-end}.msg.system{background:#ffffff0f;border:1px dashed rgba(255,255,255,.16);align-self:center;max-width:100%;opacity:.85;font-size:12px}.emptyState{flex:1;display:grid;place-items:center;padding:18px;text-align:center}.emptyTitle{font-weight:700;font-size:16px;margin-bottom:8px;opacity:.95}.emptyText{max-width:520px;opacity:.75;line-height:1.35}.inputRow{display:flex;gap:10px;padding:10px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:#fffffff2;outline:none}.input::placeholder{color:#ffffff8c}.sendBtn{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.sendBtn:hover{background:#ffffff24}.sendBtn:disabled{opacity:.5;cursor:not-allowed}.typingDots{display:inline-flex;gap:6px;align-items:center}.typingDots span{width:6px;height:6px;border-radius:999px;background:#fffc;opacity:.35;animation:dotPulse 1.1s infinite}.typingDots span:nth-child(2){animation-delay:.15s}.typingDots span:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.95;transform:translateY(-2px)}}@media(max-width:900px){.layout{grid-template-columns:240px 1fr}}@media(max-width:720px){.layout{grid-template-columns:1fr;height:calc(100vh - 24px)}.sidebar{display:none}}*{box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;overflow:hidden}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4;font-weight:400;color:#ffffffeb;background:#0b0f14;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{height:100%}body{margin:0;min-width:320px;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}