:root{--bg:#f7f8fb;--panel:#fff;--line:#e8ebf1;--text:#151823;--muted:#7b8190;--soft:#f1f3f7;--accent:#5767f0;--accent2:#7b5cf1;--shadow:0 24px 60px rgba(24,31,51,.09)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,textarea,input,select{font:inherit}.app-shell{height:100%;display:flex}.sidebar{width:276px;background:#f1f3f6;border-right:1px solid #e3e6ec;padding:18px 14px 14px;display:flex;flex-direction:column;gap:10px;z-index:20}.brand-wrap{display:flex;align-items:center;padding:3px 6px 14px;gap:10px}.brand-logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#171a24,#454a5c);display:grid;place-items:center;color:white;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.24),0 8px 20px rgba(24,28,39,.18);overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy b{font-size:15px}.brand-copy small{font-size:11px;color:#9298a5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-chat{border:1px solid #dde1e8;background:#fff;border-radius:13px;padding:11px 12px;display:flex;align-items:center;gap:8px;font-weight:700;color:#333846;box-shadow:0 2px 8px rgba(26,33,50,.03);cursor:pointer}.new-chat span{font-size:19px;font-weight:300}.new-chat kbd{margin-left:auto;background:#f4f5f7;border:1px solid #e4e7ec;border-radius:6px;padding:2px 6px;font-size:10px;color:#9a9fab}.side-label{font-size:11px;color:#9aa0ac;padding:9px 8px 2px;font-weight:700}.history-list{display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:45vh}.history-item{padding:10px;border-radius:10px;color:#596070;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover,.history-item.active{background:#fff;color:#242836}.history-empty{font-size:12px;color:#a2a7b2;padding:10px}.side-spacer{flex:1}.side-action{border:0;background:transparent;text-decoration:none;color:inherit;display:flex;align-items:center;gap:11px;width:100%;padding:10px;border-radius:12px;cursor:pointer;text-align:left}.side-action:hover{background:#e8ebf0}.side-action>span{width:31px;height:31px;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(32,38,52,.05)}.side-action div{display:flex;flex-direction:column}.side-action b{font-size:13px}.side-action small{font-size:10px;color:#9aa0ac;margin-top:2px}.user-card{display:flex;align-items:center;gap:9px;padding:10px 8px 2px;border-top:1px solid #e1e4ea;margin-top:2px}.avatar{width:31px;height:31px;border-radius:10px;background:linear-gradient(140deg,#6a72e8,#9466dd);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.user-meta{min-width:0;display:flex;flex-direction:column}.user-meta b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}.user-meta small{font-size:10px;color:#9aa0ac}.mini-btn{margin-left:auto;border:0;background:#fff;border-radius:8px;padding:6px 8px;font-size:10px;color:#6c7280;cursor:pointer}.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:#fbfbfd}.topbar{height:68px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(231,233,239,.82);background:rgba(251,251,253,.86);backdrop-filter:blur(20px);z-index:10}.model-selector{position:relative}.model-current{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:12px;cursor:pointer;min-width:180px}.model-current:hover{background:#f1f2f6}.model-badge,.model-option .badge{width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#edf0ff,#e7e8ff);display:grid;place-items:center;font-size:9px;font-weight:900;color:#5964d8;overflow:hidden}.model-badge img,.model-option .badge img{width:100%;height:100%;object-fit:cover}.model-current div{display:flex;flex-direction:column}.model-current b{font-size:13px}.model-current small{font-size:10px;color:#9aa0ac}.chev{margin-left:auto;color:#9aa0ac}.model-menu{position:absolute;top:51px;left:0;width:285px;background:rgba(255,255,255,.95);border:1px solid #e7e9ef;border-radius:17px;padding:8px;box-shadow:var(--shadow);backdrop-filter:blur(24px);display:none}.model-menu.show{display:block}.model-option{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;cursor:pointer}.model-option:hover,.model-option.active{background:#f4f5f9}.model-option .copy{display:flex;flex-direction:column;min-width:0}.model-option b{font-size:13px}.model-option small{font-size:10px;color:#999fab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-option .type{margin-left:auto;font-size:9px;color:#9aa0ac;background:#eef0f4;padding:3px 6px;border-radius:6px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#42b883;box-shadow:0 0 0 4px #e7f8f0}.privacy-text{font-size:11px;color:#7d8492}.ghost-btn{border:0;background:transparent;color:#7d8492;font-size:11px;padding:8px;cursor:pointer}.chat-stage{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}.welcome{width:min(780px,88%);margin:13vh auto 160px;text-align:center}.welcome-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#1c2231,#616879);color:#fff;display:grid;place-items:center;margin:0 auto 20px;box-shadow:0 12px 30px rgba(27,32,44,.18);font-size:20px}.welcome h1{font-size:30px;line-height:1.28;margin:0;font-weight:760;letter-spacing:-.02em}.welcome p{color:#8b919e;font-size:13px;margin:12px 0 28px}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prompt-grid button{border:1px solid #e6e8ee;background:#fff;border-radius:14px;padding:13px 15px;text-align:left;color:#646b78;font-size:12px;cursor:pointer;transition:.2s}.prompt-grid button:hover{border-color:#d8dce5;transform:translateY(-1px);box-shadow:0 8px 24px rgba(28,34,50,.05)}.messages{width:min(840px,calc(100% - 36px));margin:30px auto 180px;display:flex;flex-direction:column;gap:24px}.message{display:flex;gap:12px}.message.user{justify-content:flex-end}.message .msg-avatar{width:30px;height:30px;border-radius:10px;background:#252a36;color:white;display:grid;place-items:center;font-size:9px;font-weight:800;flex:none}.message.user .msg-avatar{order:2;background:#e8e9ef;color:#6c7280}.bubble{max-width:min(700px,88%);line-height:1.75;font-size:14px;color:#2e3340;position:relative}.message.user .bubble{background:#eef0f4;padding:10px 14px;border-radius:16px 5px 16px 16px}.message.ai .bubble{padding-top:3px}.bubble pre{background:#1f2430;color:#f5f7fb;border-radius:14px;padding:14px;overflow:auto;font-size:12px}.bubble code{font-family:"SFMono-Regular",Consolas,monospace}.bubble img{max-width:100%;border-radius:15px;border:1px solid #e6e8ee}.msg-actions{display:flex;gap:4px;margin-top:7px;opacity:0;transition:.2s}.message:hover .msg-actions{opacity:1}.msg-actions button{border:0;background:transparent;color:#9aa0ac;font-size:10px;cursor:pointer;padding:4px 6px;border-radius:6px}.msg-actions button:hover{background:#eef0f4;color:#5c6370}.composer-wrap{position:absolute;left:0;right:0;bottom:0;padding:12px 24px 16px;background:linear-gradient(0deg,#fbfbfd 72%,rgba(251,251,253,0));pointer-events:none}.composer{width:min(840px,100%);margin:auto;background:rgba(255,255,255,.96);border:1px solid #dde1e8;border-radius:20px;box-shadow:0 16px 46px rgba(27,34,50,.10);padding:10px;pointer-events:auto;backdrop-filter:blur(20px)}.composer textarea{border:0;outline:0;resize:none;width:100%;min-height:39px;max-height:170px;padding:9px 10px 5px;font-size:14px;line-height:1.55;background:transparent;color:#242936}.composer-actions{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 1px}.left-tools{display:flex;gap:3px}.tool-btn{border:0;background:transparent;color:#7f8694;height:31px;display:flex;align-items:center;gap:5px;padding:0 8px;border-radius:9px;font-style:normal;cursor:pointer}.tool-btn:hover,.tool-btn.active{background:#f1f3f6;color:#4c5566}.tool-btn em{font-style:normal;font-size:11px}.send-btn{width:32px;height:32px;border:0;border-radius:10px;background:#1d2230;color:white;font-size:19px;cursor:pointer;display:grid;place-items:center}.send-btn:disabled{background:#d8dbe2;color:#fff;cursor:not-allowed}.composer-tip{text-align:center;font-size:9px;color:#a6abb5;margin-top:7px;pointer-events:auto}.attachments{display:flex;gap:8px;flex-wrap:wrap;padding:0 7px}.attach-chip{display:flex;align-items:center;gap:6px;background:#f3f5f8;border:1px solid #e5e8ee;border-radius:10px;padding:6px 8px;font-size:10px;color:#68707e}.attach-chip button{border:0;background:transparent;color:#9aa0ac;cursor:pointer}.mask{display:none;position:fixed;inset:0;background:rgba(18,22,31,.30);backdrop-filter:blur(4px);z-index:39}.auth-modal{display:none;position:fixed;inset:0;z-index:40;align-items:center;justify-content:center;padding:20px}.auth-modal.show,.mask.show{display:flex}.auth-panel{width:min(860px,96vw);min-height:540px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 35px 100px rgba(18,22,31,.28);display:grid;grid-template-columns:1.03fr .97fr;position:relative}.auth-close{position:absolute;right:16px;top:14px;width:32px;height:32px;border-radius:50%;border:0;background:#f1f2f5;color:#7d8491;z-index:2;cursor:pointer}.auth-visual{position:relative;overflow:hidden;background:linear-gradient(150deg,#141721 0%,#252b3b 58%,#4b5270 100%);padding:44px;color:white}.auth-visual:after{content:"";position:absolute;inset:auto -100px -160px 50px;height:340px;background:radial-gradient(circle,#7f78ff55 0,transparent 64%)}.orb{position:absolute;width:250px;height:250px;border-radius:50%;right:-35px;top:-70px;background:radial-gradient(circle at 30% 30%,#b7bdff,#6d72f2 30%,#333a63 67%,transparent 68%);filter:blur(.3px);opacity:.92}.visual-copy{position:relative;z-index:1;margin-top:150px}.visual-copy>span{font-size:11px;letter-spacing:.12em;color:#c8ccff}.visual-copy h2{font-size:31px;line-height:1.3;margin:12px 0;font-weight:720}.visual-copy p{font-size:12px;color:#b9bdca}.chips{display:flex;gap:6px;margin-top:24px;flex-wrap:wrap}.chips i{font-style:normal;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:6px 9px;border-radius:9px;font-size:10px;color:#dfe2eb}.auth-form{padding:46px 42px;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:8px;font-size:13px}.tiny-logo{width:26px;height:26px;border-radius:8px;background:#171a24;color:white;display:grid;place-items:center;font-size:10px}.auth-form h3{font-size:25px;margin:34px 0 6px}.auth-sub{margin:0 0 20px;color:#9298a5;font-size:12px}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f2f3f6;border-radius:12px;padding:4px;margin-bottom:16px}.auth-tabs button{border:0;background:transparent;padding:8px;border-radius:9px;color:#7d8491;font-size:11px;cursor:pointer}.auth-tabs button.active{background:white;color:#2c313d;box-shadow:0 2px 8px rgba(30,35,48,.07);font-weight:700}.auth-field{margin:9px 0}.auth-field input{width:100%;border:1px solid #e1e4ea;border-radius:12px;padding:12px 13px;outline:none;font-size:13px}.auth-field input:focus{border-color:#9aa4ff;box-shadow:0 0 0 4px #f0f1ff}.code-row{display:flex;gap:7px}.code-row input{flex:1}.code-row button{border:1px solid #e1e4ea;background:#f7f8fa;border-radius:12px;padding:0 11px;font-size:10px;color:#68707d;cursor:pointer}.primary-auth{border:0;background:#191d28;color:white;border-radius:12px;padding:12px;font-weight:700;margin-top:12px;cursor:pointer}.switch-auth{text-align:center;font-size:10px;color:#999fab;margin-top:14px}.switch-auth button{border:0;background:transparent;color:#5b66dc;font-size:10px;cursor:pointer}.auth-note{margin-top:auto;text-align:center;color:#b0b4bd;font-size:9px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#222735;color:white;padding:9px 13px;border-radius:10px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:80}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-only{display:none}.icon-btn{border:0;background:transparent;font-size:20px;color:#6e7582;cursor:pointer}.typing-dot::after{content:"";display:inline-block;width:5px;height:14px;background:#6d75e5;margin-left:3px;vertical-align:-2px;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}
@media(max-width:760px){body{overflow:hidden}.sidebar{position:fixed;left:-286px;top:0;bottom:0;transition:.24s;box-shadow:20px 0 50px rgba(22,27,38,.12)}.sidebar.open{left:0}.mobile-only{display:block}.brand-wrap .mobile-only{margin-left:auto}.main{width:100%}.topbar{height:60px;padding:0 12px;gap:5px}.privacy-text,.ghost-btn{display:none}.model-current{min-width:0}.model-current small{display:none}.chat-stage{padding-bottom:0}.welcome{width:90%;margin:11vh auto 150px}.welcome h1{font-size:23px}.prompt-grid{grid-template-columns:1fr}.messages{width:calc(100% - 24px);margin-top:18px}.message{gap:8px}.bubble{max-width:89%;font-size:13px}.composer-wrap{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.composer{border-radius:18px}.composer-tip{display:none}.auth-panel{grid-template-columns:1fr;min-height:0;max-height:90vh;overflow:auto}.auth-visual{display:none}.auth-form{padding:34px 24px;min-height:520px}.auth-form h3{margin-top:28px}}

/* v1.1 chat message layout fixes */
.message{align-items:flex-start;gap:11px}
.message.user{justify-content:flex-start;flex-direction:row-reverse}
.message-body{min-width:0;max-width:calc(100% - 42px);display:flex;flex-direction:column;align-items:flex-start}
.message.ai .message-body{flex:1}
.message.user .message-body{align-items:flex-end;max-width:min(72%,620px)}
.message .msg-avatar{width:31px;height:31px;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#edf0ff,#e7e8ff);color:#5964d8;font-size:9px;box-shadow:inset 0 0 0 1px rgba(92,101,216,.06)}
.message.user .msg-avatar{background:#e8e9ef;color:#6c7280;box-shadow:none}
.message .msg-avatar.has-image{background:transparent;box-shadow:none}
.message .msg-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.bubble{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.message.user .bubble{display:inline-block;width:auto;max-width:100%;min-width:0;padding:9px 13px;border-radius:15px 5px 15px 15px;line-height:1.55;white-space:normal;background:#eef0f4}
.message.ai .bubble{width:100%;padding-top:3px}
.msg-actions{margin-top:5px;min-height:22px}
.message.user .msg-actions{justify-content:flex-end}
@media(max-width:760px){.message.user .message-body{max-width:82%}.message{gap:9px}.message .msg-avatar{width:29px;height:29px;border-radius:9px}.message.user .bubble{padding:8px 12px;line-height:1.55}.msg-actions{min-height:18px;margin-top:3px}}