:root{font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:#0f172a;background:#e2e8f0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}.primary-btn,.ghost-btn,.new-chat,.wallet-link,.text-btn,.icon-btn{border:0;border-radius:16px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.primary-btn:hover,.ghost-btn:hover,.new-chat:hover,.wallet-link:hover{transform:translateY(-1px)}.primary-btn{background:#10b981;color:#052e2b;padding:13px 18px;font-weight:800}.primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ghost-btn{background:#0f172a;color:#f8fafc;padding:13px 18px;font-weight:800}.text-btn{background:transparent;color:#0f172a;font-weight:800;padding:8px 10px}.icon-btn{background:#0f172a;color:#f8fafc;width:42px;height:42px}.eyebrow{margin:0 0 10px;color:#10b981;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.brand-mark{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:#0f172a;color:#10b981;font-weight:900;font-size:28px;box-shadow:10px 10px #f59e0b}.brand-mark.small{width:46px;height:46px;border-radius:15px;font-size:18px;box-shadow:5px 5px #f59e0b}.error-text{color:#b91c1c;font-weight:700}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:4vw;padding:8vh 7vw;background:radial-gradient(circle at 80% 15%,#f8fafc 0,transparent 30%),#e2e8f0}.login-panel{align-self:center;background:#f8fafc;border:2px solid #0f172a;border-radius:36px;padding:44px;box-shadow:18px 18px #0f172a}.login-panel h1{margin:24px 0 16px;font-size:clamp(34px,5vw,62px);line-height:.98;letter-spacing:-.05em}.lead{color:#475569;font-size:18px;line-height:1.8}.login-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.login-note{margin-top:18px;color:#64748b;font-size:13px}.login-preview{display:grid;place-items:center}.preview-window{width:min(520px,100%);min-height:420px;border:2px solid #0f172a;border-radius:38px;background:#0f172a;padding:34px;transform:rotate(2deg);box-shadow:-18px 18px #10b981}.preview-line{max-width:82%;padding:18px;border-radius:22px;margin-bottom:22px;line-height:1.7}.preview-line.user{margin-left:auto;background:#10b981;color:#052e2b}.preview-line.ai{background:#f8fafc;color:#0f172a}.preview-meter{height:12px;border-radius:99px;background:#334155;margin-top:80px;overflow:hidden}.preview-meter span{display:block;width:72%;height:100%;background:#f59e0b}.chat-app{height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);background:#e2e8f0}.conversation-rail{background:#0f172a;color:#f8fafc;padding:22px;display:flex;flex-direction:column;gap:18px}.rail-brand{display:flex;align-items:center;gap:16px}.rail-brand strong{display:block;font-size:20px}.rail-brand span{color:#94a3b8;font-size:13px}.new-chat,.wallet-link{width:100%;padding:13px 16px;background:#10b981;color:#052e2b;font-weight:900}.wallet-link{margin-top:auto;background:#f59e0b}.conversation-list{display:flex;flex-direction:column;gap:10px;overflow:auto}.conversation-item{text-align:left;border:1px solid #334155;background:#172033;color:#f8fafc;border-radius:18px;padding:14px}.conversation-item.active{border-color:#10b981;background:#1e293b}.conversation-item strong,.conversation-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item span{color:#94a3b8;font-size:12px;margin-top:5px}.chat-workbench{min-width:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto}.chat-topbar{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd5e1;background:rgba(248,250,252,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-topbar h1{margin:0;font-size:22px}.mobile-only{display:none}.message-stream{overflow:auto;padding:28px;display:flex;flex-direction:column;gap:18px}.starter-panel{margin:auto;max-width:760px;width:100%;background:#f8fafc;border:2px solid #0f172a;border-radius:34px;padding:32px;box-shadow:12px 12px #0f172a}.starter-panel h2{margin:0 0 22px;font-size:clamp(28px,4vw,48px);letter-spacing:-.04em}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prompt-grid button{text-align:left;border:1px solid #cbd5e1;border-radius:18px;background:#fff;padding:16px;color:#0f172a}.message{display:grid;grid-template-columns:42px minmax(0,780px);gap:12px;align-items:start}.message.user{justify-content:end;grid-template-columns:minmax(0,780px) 42px}.message.user .message-avatar{grid-column:2;background:#10b981;color:#052e2b}.message.user .message-bubble{grid-column:1;grid-row:1;justify-self:end;background:#0f172a;color:#f8fafc}.message-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f59e0b;font-weight:900}.message-bubble{background:#f8fafc;border:1px solid #cbd5e1;border-radius:22px;padding:16px 18px;line-height:1.8;white-space:pre-wrap}.composer{padding:18px 28px 26px;display:grid;grid-template-columns:1fr auto;gap:12px;background:#e2e8f0}.composer textarea{resize:none;min-height:54px;max-height:180px;border:2px solid #0f172a;border-radius:20px;padding:16px;outline:none;background:#f8fafc}.wallet-page{min-height:100vh;padding:6vw;background:#e2e8f0}.wallet-header{max-width:980px;margin:0 auto 28px}.wallet-header h1{font-size:clamp(38px,6vw,68px);margin:16px 0 8px;letter-spacing:-.06em}.wallet-header strong{color:#10b981;font-size:1.4em}.plan-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card,.orders-panel{background:#f8fafc;border:2px solid #0f172a;border-radius:30px;padding:24px;box-shadow:10px 10px #0f172a}.plan-badge{display:inline-block;background:#f59e0b;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:900}.plan-credits{font-size:32px;font-weight:900;margin:20px 0 4px}.orders-panel{max-width:980px;margin:34px auto 0}.order-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:14px 0;border-top:1px solid #cbd5e1}.empty-state{color:#64748b;padding:24px 0}@media (max-width: 860px){.login-shell{grid-template-columns:1fr;padding:26px}.login-preview{display:none}.login-panel{padding:30px;box-shadow:10px 10px #0f172a}.chat-app{grid-template-columns:1fr}.conversation-rail{position:fixed;inset:0 auto 0 0;width:82vw;max-width:320px;z-index:10;transform:translate(-105%);transition:transform .22s ease}.conversation-rail.open{transform:translate(0)}.mobile-only{display:inline-grid}.chat-topbar{padding:16px;gap:12px}.message-stream{padding:18px}.composer{padding:12px;grid-template-columns:1fr}.prompt-grid,.plan-grid{grid-template-columns:1fr}.message,.message.user{grid-template-columns:34px minmax(0,1fr)}.message.user .message-avatar{grid-column:1}.message.user .message-bubble{grid-column:2}}