.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:640px;margin:0 auto;padding:24px 18px 32px;gap:16px}.app-header{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#3757ff2e,#0096c71f);box-shadow:0 18px 40px #00000040}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.header-left{display:flex;align-items:center;gap:10px}.header-points{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;font-size:13px;color:#dfe8ff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand{font-size:20px;font-weight:800;letter-spacing:.04em}.header-note{color:#d7e2ff;font-size:13px;opacity:.86}.user-chip{padding:6px 10px;border-radius:12px;background:#ffffff1f;font-size:13px;white-space:nowrap}.menu-trigger{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#eaf2ff;font-weight:800;cursor:pointer;transition:transform .12s ease,background .12s ease}.menu-trigger:active{transform:translateY(1px)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex}.sidebar{width:280px;height:100%;background:#0c1222;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-top{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px 16px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sidebar-header h3{margin:0;font-size:18px;color:#eaf2ff}.new-chat-btn{background:#3757ff33;border:1px solid rgba(55,87,255,.4);color:#eaf2ff;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.conversation-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.conversation-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;text-align:left;cursor:pointer;transition:background .2s}.conversation-item:hover{background:#ffffff14}.conversation-item.active{background:#3757ff26;border-color:#3757ff4d}.conv-title{font-size:14px;font-weight:600;color:#eaf2ff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{font-size:11px;color:#8a99b5}.load-more-btn{background:transparent;border:none;color:#8a99b5;padding:10px;font-size:13px;cursor:pointer;text-align:center}.load-more-btn:hover{color:#eaf2ff}.sidebar-bottom{padding:20px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.sidebar-bottom button{width:100%;border:none;border-radius:10px;padding:12px;background:#ffffff0f;color:#eaf2ff;font-weight:700;cursor:pointer;text-align:left}.sidebar-bottom button:hover{background:#ffffff1f}.chat-panel{display:flex;flex-direction:column;flex:1;background:#0c1222d1;border:1px solid rgba(255,255,255,.06);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000059;overflow:hidden}.gallery-panel{display:flex;flex-direction:column;gap:12px;background:#0c1222d1;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px;box-shadow:0 20px 50px #00000059}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.gallery-title{font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px}.gallery-count{font-size:13px;color:#cbd5ff}.gallery-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gallery-username{padding:6px 10px;border-radius:10px;background:#ffffff14;font-size:13px}.ghost-button{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#eaf2ff;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700}.ghost-button:active{transform:translateY(1px)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:70vh;overflow-y:auto;padding-right:4px}.gallery-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.gallery-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d;border-color:#ffffff29}.gallery-thumb{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#00000040}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-meta{display:grid;gap:6px}.gallery-meta-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#dfe8ff}.gallery-model{padding:2px 8px;border-radius:999px;background:#ffffff14;font-size:11px}.gallery-prompt{font-size:13px;color:#eaf2ff;line-height:1.4;max-height:54px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.gallery-status{grid-column:1 / -1;text-align:center;padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#dfe8ff}.gallery-status.error{color:#ffc2c2;border-color:#ffc2c23d}.usage-panel{display:flex;flex-direction:column;gap:12px;background:#0c1222d1;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px;box-shadow:0 20px 50px #00000059}.usage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.usage-title{font-size:18px;font-weight:800}.usage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.usage-username{padding:6px 10px;border-radius:10px;background:#ffffff14;font-size:13px}.usage-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.usage-summary-line{flex:1;min-width:0;font-size:13px;color:#dfe8ff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-summary-actions{display:flex;gap:8px}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.usage-card{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.usage-card-title{font-weight:700;font-size:14px}.usage-card-line{display:flex;align-items:center;justify-content:space-between;color:#dfe8ff;font-size:13px}.usage-metric{font-variant-numeric:tabular-nums}.usage-empty,.usage-error{text-align:center;padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#dfe8ff}.usage-error{color:#ffc2c2;border-color:#ffc2c23d}.inline-link{border:none;background:none;color:#9ed7ff;cursor:pointer;text-decoration:underline;padding:0;font-weight:700}.chat-log{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.chat-row{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:flex-start}.chat-row.from-user .bubble{background:linear-gradient(135deg,#4d7cff,#5ed2ff);color:#0b1020}.chat-row.from-agent .bubble{background:#ffffff0f;color:#e8f0ff}.avatar{width:44px;height:44px;border-radius:14px;background:#ffffff14;display:grid;place-items:center;font-weight:700;letter-spacing:.04em}.bubble{position:relative;padding:12px 14px;border-radius:14px;line-height:1.5;font-size:15px;min-height:44px}.bubble-content{display:flex;flex-direction:column;gap:10px}.bubble-text{word-break:break-word}.bubble-markdown{color:inherit;line-height:1.65}.bubble-markdown p{margin:0 0 8px}.bubble-markdown p:last-child{margin-bottom:0}.bubble-markdown strong{font-weight:800}.bubble-markdown a{color:#9ed7ff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.bubble-markdown ul,.bubble-markdown ol{margin:0 0 10px;padding-left:20px;display:grid;gap:4px}.bubble-markdown ul:last-child,.bubble-markdown ol:last-child{margin-bottom:0}.bubble-markdown blockquote{margin:0 0 10px;padding:10px 12px;border-left:3px solid rgba(255,255,255,.22);border-radius:10px;background:#ffffff0a}.bubble-markdown blockquote:last-child{margin-bottom:0}.bubble-markdown code{background:#00000059;padding:2px 6px;border-radius:6px;font-size:.95em}.bubble-markdown pre{margin:0 0 10px;padding:12px;border-radius:12px;background:#0006;border:1px solid rgba(255,255,255,.08);overflow:auto}.bubble-markdown pre code{background:transparent;padding:0;border:none;white-space:pre}.bubble-image{width:fit-content;padding:0;border:none;background:transparent;cursor:pointer}.bubble-image-link{display:block;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:#0000001f;transition:transform .12s ease,box-shadow .12s ease}.bubble-image-thumb{width:140px;height:140px;object-fit:cover;display:block}.bubble-image:hover .bubble-image-link{transform:translateY(-1px);box-shadow:0 12px 24px #00000040}.chat-row.from-user .bubble-image-link{border-color:#0000001f;background:#ffffff29}.bubble-typing{position:absolute;bottom:8px;right:12px;width:26px;height:10px;display:flex;align-items:center;gap:4px}.bubble-typing:before,.bubble-typing:after,.bubble-typing span{content:"";width:6px;height:6px;border-radius:50%;background:#ffffffb3;animation:bounce 1.4s infinite}.bubble-typing span{animation-delay:.15s}.bubble-typing:after{animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.chat-input-area{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.05);background:#080c18e6}.chat-input-box{display:flex;flex-direction:column;gap:8px}.chat-input-box textarea{width:100%;min-height:72px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#eaf2ff;padding:12px 14px;font-size:15px;line-height:1.5;resize:vertical}.chat-input-box textarea:focus{outline:2px solid rgba(94,210,255,.35)}.chat-attachments{display:flex;flex-wrap:wrap;gap:8px}.chat-attachment{position:relative;width:68px;height:68px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;box-shadow:0 8px 20px #00000040}.chat-attachment img{width:100%;height:100%;object-fit:cover;display:block}.chat-attachment-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#00000073;color:#fff;cursor:pointer;display:grid;place-items:center;font-weight:700;line-height:1;transition:background .12s ease}.chat-attachment-remove:hover{background:#000000a6}.chat-input-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}.upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#eaf2ff;font-weight:700;cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.upload-button span{pointer-events:none}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-button.is-disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.upload-button.is-disabled input{cursor:not-allowed}.upload-button:hover{background:#ffffff14}.upload-button:active{transform:translateY(1px)}.chat-input-area button{min-width:96px;height:44px;border:none;border-radius:12px;background:linear-gradient(135deg,#4d7cff,#5ed2ff);color:#0b1020;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.chat-input-area button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.chat-input-area button:not(:disabled):active{transform:translateY(1px);box-shadow:0 6px 18px #5ed2ff59}.image-preview-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;z-index:20;padding:16px}.image-preview-toolbar{position:absolute;top:16px;display:flex;gap:10px;z-index:22}.image-preview-toolbar button{display:flex;min-width:72px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff;font-weight:600;cursor:pointer;transition:background .12s ease,transform .12s ease}.image-preview-toolbar button:active{transform:translateY(1px)}.image-preview-content{max-width:92vw;max-height:80vh;display:grid;place-items:center;padding:12px;border-radius:16px;background:#0c1222e6;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px #00000073;overflow:hidden;touch-action:none;cursor:grab}.image-preview-content.is-dragging{cursor:grabbing}.image-preview-img{max-width:100%;max-height:100%;transition:transform .12s ease;-webkit-user-select:none;user-select:none;will-change:transform}.image-preview-meta{width:min(720px,90vw);display:grid;gap:10px;padding:12px;border-radius:12px;background:#0c1222eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 30px #00000059}.preview-meta-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.preview-meta-label{color:#cbd5ff}.preview-meta-value{font-weight:700;color:#eaf2ff}.preview-meta-prompt{display:grid;gap:6px}.preview-meta-text{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;line-height:1.5;color:#eaf2ff}.auth-container{display:flex;flex-direction:column;gap:24px;padding:32px;background:#0c1222d1;border:1px solid rgba(255,255,255,.06);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000059;max-width:400px;margin:40px auto;width:100%}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:#a3b6d9}.form-group input{padding:12px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px}.form-group input:focus{outline:none;border-color:#4d7cff;background:#ffffff1a}.btn-primary{padding:12px;border-radius:8px;background:linear-gradient(135deg,#4d7cff,#5ed2ff);color:#0b1020;font-weight:600;border:none;cursor:pointer;font-size:16px;margin-top:8px}.btn-primary:hover{opacity:.9}.auth-switch{text-align:center;font-size:14px;color:#a3b6d9}.btn-link{background:none;border:none;color:#4d7cff;cursor:pointer;font-size:14px;text-decoration:underline;padding:0}.error-message{color:#ff4d4d;font-size:14px;text-align:center}@media(max-width:540px){.app-shell{padding:16px 12px 22px}.chat-row{grid-template-columns:40px 1fr}.avatar{width:38px;height:38px}}:root{font-family:Space Grotesk,Noto Sans,PingFang SC,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(64,117,255,.16),transparent 40%),radial-gradient(circle at 80% 10%,rgba(255,143,90,.12),transparent 35%),#04060c;color:#e5edff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}#root{min-height:100vh}