:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fb;--surface:#fff;--surface-strong:#eef3f8;--text:#152033;--muted:#667085;--line:#d9e1ea;--accent:#2d6cdf;--accent-strong:#174eb5;--green:#138a63;--green-soft:#e8f6ef;--red:#c2413d;--red-soft:#fcebea;--shadow:0 14px 34px #1c2b441f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.58}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;font-size:16px;transition:border-color .16s,box-shadow .16s}input{min-height:46px;padding:0 13px}textarea{resize:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2d6cdf24}label{color:var(--muted);gap:7px;font-size:14px;font-weight:650;display:grid}.login-shell,.app-shell,.settings-shell{min-height:100dvh}.login-shell{background:linear-gradient(135deg, #138a631f, transparent 36%), linear-gradient(320deg, #2d6cdf29, transparent 42%), var(--bg);place-items:center;padding:28px 18px;display:grid}.login-panel{border:1px solid var(--line);width:min(100%,390px);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;padding:26px 20px 22px}.brand-mark{border-radius:18px;width:64px;height:64px;margin:0 auto 12px;display:block;box-shadow:0 10px 24px #2d6cdf38}h1,h2,p{margin:0}.login-panel h1{text-align:center;letter-spacing:0;margin-bottom:22px;font-size:26px}.login-panel form,.settings-content{gap:16px;display:grid}.captcha-row,.key-form,.modal-actions{align-items:flex-end;gap:10px;display:flex}.captcha-row input{min-width:0}.captcha-box{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;place-items:center;width:clamp(128px,40vw,160px);min-width:clamp(128px,40vw,160px);height:clamp(48px,15vw,60px);line-height:0;display:grid}.captcha-box svg{width:100%;height:100%;display:block}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:750;display:inline-flex}.primary-action{background:var(--accent);color:#fff;width:100%}.primary-action:hover:not(:disabled){background:var(--accent-strong)}.secondary-action{border:1px solid var(--line);background:#fff}.form-error,.toast{background:var(--red-soft);color:var(--red);border:1px solid #c2413d40;border-radius:8px;font-size:14px;font-weight:650}.form-error{margin-bottom:14px;padding:10px 12px}.top-bar{z-index:10;min-height:calc(58px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 14px 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8fbe6;border-bottom:1px solid #d9e1ead1;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:sticky;top:0}.top-title{align-items:center;gap:9px;min-width:0;display:flex}.top-title>div{min-width:0;display:grid}.top-icon{border-radius:9px;flex:none;width:34px;height:34px;box-shadow:0 5px 14px #2d6cdf29}.top-bar strong{font-size:18px;line-height:1.1}.top-bar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.top-bar nav{gap:6px;display:flex}.top-bar button,.key-form button,.key-item button{min-width:44px;height:44px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.top-bar button:hover,.key-form button:hover:not(:disabled),.key-item button:hover{background:var(--surface-strong);color:var(--text)}.message-list{height:calc(100dvh - 58px - 78px - env(safe-area-inset-top) - env(safe-area-inset-bottom));scroll-behavior:smooth;flex-direction:column;gap:10px;padding:14px 13px 18px;display:flex;overflow-y:auto}.message-bubble{background:var(--accent);color:#fff;border-radius:14px 14px 4px;align-self:flex-end;max-width:min(82%,620px);padding:10px 12px 7px;box-shadow:0 6px 18px #2d6cdf33}.message-bubble.pending{opacity:.78;background:#7a8798}.message-bubble.failed{background:var(--red)}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{color:#ffffffd1;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:12px;line-height:1;display:flex}.empty-state{color:var(--muted);margin:auto;font-size:14px}.toast{right:14px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;text-align:center;padding:10px 12px;position:fixed;left:14px}.input-bar{border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:flex-end;gap:10px;display:flex;position:sticky;bottom:0}.input-bar textarea{min-height:46px;max-height:132px;padding:11px 13px;line-height:1.45}.input-bar button{background:var(--green);color:#fff;border-radius:8px;place-items:center;min-width:46px;height:46px;display:grid}.settings-shell{background:var(--bg)}.settings-content{max-width:720px;margin:0 auto;padding:16px 14px 34px}.key-form{align-items:end}.key-form label{flex:1}.key-form button{background:var(--accent);color:#fff}.hint{color:var(--muted);font-size:14px}.key-list{gap:10px;display:grid}.key-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:10px;display:grid}.key-icon{background:var(--green-soft);width:42px;height:42px;color:var(--green);border-radius:8px;place-items:center;display:grid}.key-copy{min-width:0;display:grid}.key-copy strong,.key-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-copy span{color:var(--muted);font-size:13px}.key-item button{color:var(--red)}.modal-backdrop{z-index:30;background:#15203375;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(100%,520px);box-shadow:var(--shadow);border-radius:8px;padding:18px}.modal h2{margin-bottom:12px;font-size:18px}.modal textarea{overflow-wrap:anywhere;min-height:118px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px}.modal-actions{justify-content:flex-end;margin-top:14px}.modal-actions .primary-action{width:auto}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=740px){.app-shell{border-right:1px solid var(--line);border-left:1px solid var(--line);background:#fff;max-width:760px;margin:0 auto}.message-list,.input-bar,.top-bar{background-color:#fffffff0}}