:root{font-family:IBM Plex Sans,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.5;font-weight:400;color:#23303d;background:radial-gradient(circle at top left,rgba(243,196,112,.28),transparent 28%),radial-gradient(circle at right 20%,rgba(214,119,68,.18),transparent 20%),linear-gradient(180deg,#f8f2e7,#f4ead8 48%,#efe6d7);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong: #243240;--text-soft: #4d6070;--text-muted: #7d8d99;--accent: #d97745;--accent-strong: #a5572a;--accent-soft: rgba(217, 119, 69, .18);--panel: rgba(255, 251, 245, .74);--panel-strong: rgba(244, 217, 191, .78);--panel-border: rgba(145, 117, 91, .18);--panel-shadow: 0 24px 60px rgba(110, 83, 56, .14);--input-bg: rgba(255, 255, 255, .7);--input-border: rgba(165, 130, 98, .22);--chip-bg: rgba(255, 255, 255, .75);--chip-bg-hover: rgba(255, 245, 235, .96);--card-bg: rgba(255, 250, 243, .82)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}img{max-width:100%;display:block}code{display:inline-flex;align-items:center;padding:.16rem .45rem;border-radius:999px;background:#ffffffc7;color:var(--accent-strong);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92em}#root{min-height:100vh}h1,h2,strong{color:var(--text-strong)}h1{margin:0 0 14px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.98;letter-spacing:-.05em;font-family:Space Grotesk,IBM Plex Sans,sans-serif}h2{margin:0;font-size:1.45rem}p{margin:0}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px}.hero-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:24px;align-items:stretch;margin-bottom:24px}.hero-copy,.hero-card,.composer,.result-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:28px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-copy{padding:36px}.eyebrow,.panel-kicker,.status-label{margin:0 0 12px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.hero-text{max-width:48rem;font-size:1.05rem;color:var(--text-soft)}.highlight-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.highlight-item{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#ffffffa8;border:1px solid rgba(145,117,91,.14);color:var(--text-strong);font-size:.94rem}.hero-card{padding:28px;display:grid;gap:18px;align-content:center;background:radial-gradient(circle at top right,rgba(255,255,255,.34),transparent 36%),linear-gradient(180deg,#ffffff2e,#ffffff0f),var(--panel-strong)}.status-dot{width:14px;height:14px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 10px #22c55e1f}.metric{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--panel-border)}.metric span,.usage-grid span{color:var(--text-muted);font-size:.88rem}.workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.composer{padding:28px;position:sticky;top:24px}.field-label{display:inline-block;margin-bottom:12px;font-size:.98rem;color:var(--text-strong);font-weight:600}.composer textarea{width:100%;border:1px solid var(--input-border);border-radius:22px;background:var(--input-bg);color:var(--text-strong);padding:18px 18px 20px;box-sizing:border-box;resize:vertical;min-height:168px;font:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.composer textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);transform:translateY(-1px)}.composer-footer{display:grid;gap:18px;margin-top:18px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip,.submit-button{border:0;cursor:pointer;font:inherit}.chip{padding:10px 14px;border-radius:999px;color:var(--text-strong);background:var(--chip-bg);transition:transform .2s ease,background-color .2s ease}.chip:hover{transform:translateY(-1px);background:var(--chip-bg-hover)}.submit-button{justify-self:start;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fffaf2;font-weight:700;box-shadow:0 14px 30px #a5572a40;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #a5572a52}.submit-button:disabled{opacity:.72;cursor:wait}.result-panel{padding:28px;min-height:620px}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:18px}.empty-state{display:grid;place-items:center;min-height:420px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);border:1px dashed var(--panel-border);text-align:center;padding:24px}.empty-state p{margin-bottom:8px;font-size:1.08rem;color:var(--text-strong)}.empty-state span,.pending-text{color:var(--text-muted)}.conversation-list{display:grid;gap:16px}.conversation-card{border-radius:24px;border:1px solid var(--panel-border);background:var(--card-bg);padding:20px;display:grid;gap:18px}.conversation-block{display:grid;gap:10px}.conversation-block p{margin:0;white-space:pre-wrap;color:var(--text-strong)}.conversation-tag{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.04em}.conversation-tag.user{color:#244b7b;background:#569bff29}.conversation-tag.assistant{color:#7f3d12;background:#f48c4a2e}.answer-content{font-size:1.02rem;line-height:1.7}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usage-grid>div{border-radius:18px;padding:14px;background:#ffffff94;border:1px solid rgba(166,139,114,.16);display:grid;gap:6px}.error-text{color:#b42318;background:#ffe6e3e6;border-radius:16px;padding:14px}@media(max-width:980px){.app-shell{width:min(100% - 20px,1180px);padding-top:20px}.hero-panel,.workspace{grid-template-columns:1fr}.composer{position:static}}@media(max-width:640px){.hero-copy,.hero-card,.composer,.result-panel{border-radius:24px;padding:20px}.usage-grid{grid-template-columns:1fr}.panel-header{align-items:start;flex-direction:column}}