:root{--bg: #0e0a14;--surface: #17111f;--surface-2: #1d1626;--border: #2d2238;--text: #ffffff;--text-dim: #b8afc4;--text-soft: #f3e8ff;--purple: #8b5cff;--pink: #ff5fa8;--green: #44d38a;--bubble-in: linear-gradient(135deg, #221a30, #1a1322);--cta-gradient: linear-gradient(90deg, #8b5cff, #ff5fa8);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}.page{position:relative;width:min(100%,440px);min-height:100dvh;margin:0 auto;overflow:hidden}.chat-page{display:flex;flex-direction:column;background:var(--bg)}.webview-strip{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--border);color:var(--text-soft);background:#17111feb;padding:9px 12px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:4px}.chat-header,.input-dock{position:sticky;z-index:4;background:#17111fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-in .3s ease both}.chat-header{top:0;min-height:68px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px 11px;border-bottom:1px solid var(--border)}.avatar{overflow:hidden;border-radius:50%;border:2px solid var(--pink);background:var(--surface);box-shadow:0 0 18px #ff5fa84d}.avatar img{width:100%;height:100%;display:block;object-fit:cover}.header-avatar{width:44px;height:44px;animation:avatar-pop .4s cubic-bezier(.34,1.56,.64,1) both}.header-copy{min-width:0}.header-copy h1{margin:0 0 3px;font-size:17px;line-height:21px;font-weight:650;letter-spacing:0}.online-line{display:flex;align-items:center;gap:6px;color:var(--text-soft);font-size:12px;line-height:16px;min-width:0}.online-line span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #44d38abf;animation:online-pulse 2s ease-in-out infinite}.lang{display:flex;gap:2px}.lang button{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);padding:5px 9px;min-width:36px;font-size:12px;line-height:16px;cursor:pointer}.lang button:first-child{border-radius:999px 0 0 999px}.lang button:last-child{border-radius:0 999px 999px 0}.lang .active{background:var(--purple);color:var(--text);border-color:var(--purple)}.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(1px);animation:drift 22s ease-in-out infinite alternate}.ambient-purple{width:340px;height:340px;top:18%;left:calc(50% - 210px);background:radial-gradient(circle,rgba(139,92,255,.22),transparent 70%)}.ambient-pink{width:230px;height:230px;right:calc(50% - 245px);bottom:18%;background:radial-gradient(circle,rgba(255,95,168,.1),transparent 70%);animation-delay:-7s}.chat-area{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:10px;padding:18px 16px}.day-divider{align-self:center;color:var(--text-dim);font-size:12px;line-height:16px;padding:2px 10px;animation:fade-in .25s ease both}.bubble,.typing-bubble{align-self:flex-start;max-width:78%;border:1px solid var(--border);border-radius:18px 18px 18px 6px;background:var(--bubble-in);color:var(--text)}.bubble{padding:11px 14px;text-align:left;font-size:15px;line-height:21px;cursor:pointer;animation:bubble-in .32s cubic-bezier(.34,1.56,.64,1) both;transform-origin:bottom left}.typing-bubble{display:flex;align-items:center;gap:5px;padding:13px 14px}.typing-bubble span{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:typing-dot 1s ease-in-out infinite}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}.timestamp{margin-left:4px;color:var(--text-dim);font-size:11px;line-height:16px;animation:fade-in .25s ease both}.input-dock{bottom:0;padding:12px 14px 10px;border-top:1px solid var(--border)}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px;align-items:center}.fake-input{height:46px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-dim);display:flex;align-items:center;gap:7px;padding:0 15px;cursor:text}.fake-input.disabled{cursor:default;opacity:.62}.fake-input span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caret{width:1px;height:18px;background:var(--text-dim);animation:blink 1.1s step-end infinite}.send-button{width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--text);background:var(--cta-gradient);cursor:pointer;box-shadow:0 0 24px #ff5fa83d;animation:send-glow 2.4s ease-in-out infinite}.send-button:disabled{cursor:default;opacity:.55;filter:saturate(.65);animation:none}.send-button:active,.bubble:active,.sheet-cta:active{transform:scale(.98)}.mini-footer{display:flex;justify-content:center;gap:7px;margin-top:9px;color:var(--text-dim);font-size:11px;line-height:15px}.sheet-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#0a071099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s ease both}.sheet{width:min(100%,440px);border:1px solid var(--border);border-bottom:0;border-radius:24px 24px 0 0;background:var(--surface-2);padding:28px 24px 32px;text-align:center;animation:sheet-up .32s cubic-bezier(.32,.72,0,1) both}.sheet-avatar{width:64px;height:64px;margin:0 auto 13px}.sheet h2{margin:0 0 7px;font-size:19px;line-height:25px;font-weight:650;letter-spacing:0}.sheet p{margin:0;color:var(--text-dim);font-size:14px;line-height:21px}.qr-fallback{display:grid;place-items:center;gap:7px;margin:16px 0 0;color:var(--text-soft)}.qr-fallback code{color:var(--text-dim)}.sheet-cta{height:54px;width:100%;border-radius:999px;margin-top:20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--text);background:linear-gradient(90deg,#8b5cff,#ff5fa8,#8b5cff);background-size:220% 100%;font-size:16px;font-weight:650;box-shadow:0 16px 36px #ff5fa838;animation:cta-flow 3.2s ease-in-out infinite}.legal{max-width:640px;width:min(100%,640px);padding:28px 20px}.legal h1{margin-top:22px}.legal p{color:#d7cce2;line-height:26px}.back{color:var(--text-dim)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes avatar-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes online-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #44d38abf}50%{transform:scale(1.25);box-shadow:0 0 16px #44d38af2}}@keyframes drift{0%{transform:translate(-40px,-16px)}to{transform:translate(40px,28px)}}@keyframes bubble-in{0%{opacity:0;transform:scale(.9) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes typing-dot{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes send-glow{0%,to{box-shadow:0 0 18px #ff5fa82e}50%{box-shadow:0 0 32px #ff5fa859}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cta-flow{0%{background-position:0% 50%}50%{background-position:100% 50%;box-shadow:0 18px 42px #ff5fa852}to{background-position:0% 50%}}@media(max-width:360px){.chat-header{grid-template-columns:42px minmax(0,1fr) auto;padding-inline:12px}.header-avatar{width:42px;height:42px}.lang button{min-width:32px;padding-inline:7px}.chat-area{padding-inline:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}