:root{--bg:#f4f7fb;--bg2:#eef3f9;--panel:#fff;--panel2:#f8fbff;--line:#dbe5f2;--text:#0f172a;--muted:#64748b;--accent:#2fb8ff;--accent2:#2563eb;--violet:#7c3aed;--shadow:0 18px 48px #0f172a14;color:var(--text);background:linear-gradient(180deg, var(--bg), var(--bg2));font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg, var(--bg), var(--bg2))}button,input,textarea{font:inherit}button{cursor:pointer}textarea{resize:none}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;flex-direction:column;gap:18px;width:250px;min-height:100vh;padding:18px 16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent2),var(--violet));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex;box-shadow:0 10px 24px #2563eb2e}.brand-title{font-size:18px;font-weight:800}.brand-sub{color:var(--muted);font-size:12px}.menu{flex-direction:column;gap:6px;display:flex}.menu-item{color:#334155;background:0 0;border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;transition:all .2s;display:flex}.menu-item:hover{background:#f3f7fc}.menu-item.active{color:#0f172a;background:#eef6ff;border-color:#d8e8ff}.menu-dot{background:var(--accent);border-radius:999px;width:9px;height:9px}.plan-card{background:linear-gradient(#f3f9ff,#edf4ff);border:1px solid #d8e7fb;border-radius:22px;margin-top:auto;padding:16px}.plan-title{font-weight:800}.plan-text{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.main{flex:1;padding:22px}.hero,.card,.pricing-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.hero{background:linear-gradient(135deg,#fff,#f5f9ff);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding:28px 30px;display:flex}.hero-small{margin-bottom:22px}.eyebrow{color:#0ea5e9;font-size:14px;font-weight:700}h1{letter-spacing:-.045em;max-width:920px;margin:8px 0 12px;font-size:52px;line-height:1.02}h2{letter-spacing:-.02em;margin:0;font-size:24px}p{color:var(--muted);margin:0;line-height:1.7}.hero p{max-width:760px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:0;border-radius:16px;padding:12px 18px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 12px 28px #2563eb2e}.btn-secondary{border:1px solid var(--line);color:#0f172a;background:#f8fbff}.btn:hover{transform:translateY(-1px)}.btn-full{width:100%}.btn-small{padding:10px 14px}.quick-grid,.grid-2,.pricing-grid,.preview-grid{gap:16px;display:grid}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{grid-template-columns:1.4fr .72fr;gap:20px;display:grid}.right-stack,.stack{flex-direction:column;gap:16px;display:flex}.card{padding:24px}.quick-card{text-align:left}.card-title,.assistant-name,.history-title,.left-title,.pricing-name{font-size:18px;font-weight:800}.card-text,.assistant-desc,.history-sub,.left-sub,.pricing-desc{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.68}.section-head,.assistant-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.assistant-card{background:var(--panel2);border:1px solid var(--line);border-radius:22px;padding:18px}.assistant-btn{margin-top:14px}.pill{color:#0284c7;background:#eef9ff;border:1px solid #cdeaff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.pill-accent{background:#eff8ff}.glow-card{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #d9e8fb}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.stat{border:1px solid var(--line);background:#fbfdff;border-radius:20px;flex-direction:column;gap:8px;padding:18px;display:flex}.stat span{color:var(--muted);font-size:14px}.stat strong{font-size:30px}.history-item,.left-item{text-align:left;border:1px solid var(--line);background:#fbfdff;border-radius:20px;width:100%;padding:16px}.left-item.active{background:#eef6ff;border-color:#cfe4ff}.history-time{color:#0284c7;margin-top:10px;font-size:12px;font-weight:700}.chat-layout{grid-template-columns:290px minmax(0,1fr);gap:18px;display:grid}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:22px 24px;display:flex}.chat-head-left{align-items:center;gap:14px;display:flex}.avatar{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:800;display:flex}.chat-title{font-size:20px;font-weight:800}.chat-sub{color:var(--muted);margin-top:4px;font-size:14px}.input,.big-textarea,.small-textarea{border:1px solid var(--line);color:#0f172a;background:#fbfdff;border-radius:18px;outline:none;width:100%;padding:14px 16px}.small-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:18px 0 10px;font-size:12px;font-weight:800;display:block}.messages{flex-direction:column;gap:16px;padding:22px;display:flex}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message{border-radius:24px;max-width:760px;padding:18px 20px;box-shadow:0 10px 30px #0f172a0f}.message.assistant{border:1px solid var(--line);background:#fbfdff}.message.user{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.message-author{text-transform:uppercase;letter-spacing:.08em;opacity:.75;margin-bottom:10px;font-size:12px;font-weight:800}.message-text{white-space:pre-line;line-height:1.8}.composer-wrap{border-top:1px solid var(--line);padding:16px 22px 22px}.composer-actions{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.composer{border:1px solid var(--line);background:#fbfdff;border-radius:28px;align-items:flex-end;gap:12px;padding:12px;display:flex}.composer textarea{background:0 0;border:0;outline:none;flex:1;min-height:96px}.icon-btn{border:1px solid var(--line);color:#0f172a;background:#fff;border-radius:16px;width:46px;height:46px}.big-textarea{min-height:140px}.small-textarea{min-height:90px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.preview{min-height:190px;color:var(--muted);border:1px solid var(--line);background:linear-gradient(135deg,#f5faff,#eef4ff);border-radius:22px;justify-content:center;align-items:center;display:flex}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-card{padding:22px}.pricing-card.featured{background:linear-gradient(#f7fbff,#eef6ff);border-color:#cfe4ff}.pricing-price{margin:14px 0 10px;font-size:34px;font-weight:800}@media (width<=1200px){.sidebar{display:none}.quick-grid,.grid-2,.home-grid,.pricing-grid,.chat-layout{grid-template-columns:1fr}h1{font-size:42px}}@media (width<=700px){.main{padding:14px}.hero{padding:18px}h1{font-size:30px}.chat-head,.messages,.composer-wrap{padding-left:16px;padding-right:16px}.composer{flex-direction:column;align-items:stretch}}