:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#241610;--surface:#2b1c16;--panel:#2d211c;--panel-2:#3b2921;--panel-soft:#271c18;--text:#fff7ef;--muted:#d0bdb2;--muted-2:#a8958a;--border:#5a4034;--border-soft:#412e27;--accent:#f2c078;--accent-2:#9bb59a;--accent-ink:#20140f;--danger:#ffb7a7;--shadow:#0a06056b}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background-color:#0000;background-image:linear-gradient(135deg,#9bb59a14 0,#9bb59a00 42%),linear-gradient(#703f2b5c 0,#703f2b1f 360px,#24161000 100%),linear-gradient(#3a2419 0,#2a1a15 42%,#17110f 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,textarea{font:inherit}.container{width:min(980px,100vw - 32px);margin:0 auto}.hero{background:linear-gradient(#ffd0a80e,#ffd0a804);align-items:center;min-height:100vh;padding:56px 0;display:flex}.card{border:1px solid var(--border);width:100%;box-shadow:0 22px 70px var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fff7ef0f,#fff7ef05),#2b1c16eb;border-radius:8px;padding:clamp(28px,4vw,52px)}.kicker{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:700}h1{letter-spacing:0;margin:0;font-size:72px;line-height:.98}h2{letter-spacing:0;margin:0 0 16px;font-size:28px}p{line-height:1.72}.lead{max-width:760px;color:var(--muted);margin:28px 0 0;font-size:20px}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:1px solid #f2c078b8;border-radius:10px;padding:12px 18px;font-weight:650;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s;box-shadow:0 8px 22px #f2c07829}.button:hover{background:#ffd08a;border-color:#ffd08a;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.button.secondary{color:var(--text);border-color:var(--border);box-shadow:none;background:#fff7ef09}.button.secondary:hover{background:#fff7ef14;border-color:#6a4f41}.form{gap:14px;max-width:480px;margin-top:28px;display:grid}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff7ef0b;border-radius:8px;outline:none;padding:14px 16px;transition:background-color .16s,border-color .16s,box-shadow .16s}.input:focus,.textarea:focus{border-color:var(--accent);background:#fff7ef12;box-shadow:0 0 0 3px #f2c0781f}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.error{color:var(--danger);margin:0}.chat-shell{background:linear-gradient(#ffd0a80d,#ffd0a803),linear-gradient(135deg,#9bb59a0e,#9bb59a00 52%);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:100vh;display:grid;overflow:hidden}.chat-header,.chat-input-bar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2b1c16d6}.chat-header-inner,.chat-input-inner{width:min(980px,100vw - 32px);margin:0 auto;padding:18px 0}.chat-header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{gap:4px;display:grid}.brand-title{letter-spacing:0;font-weight:750}.brand-subtitle{color:var(--muted);font-size:14px}.chat-main{background:linear-gradient(#fff7ef05,#fff7ef00);width:min(980px,100vw - 32px);min-height:0;margin:0 auto;padding:28px 0;scroll-padding-bottom:28px;overflow-y:auto}.message-list{gap:18px;display:grid}.message{gap:8px;max-width:840px;display:grid}.message.user{max-width:760px;margin-left:auto}.bubble{background:linear-gradient(180deg, #fff7ef0a, #fff7ef03), var(--panel);border:1px solid var(--border-soft);white-space:pre-wrap;border-radius:8px;padding:16px 18px;box-shadow:0 10px 30px #0a06052e}.message.user .bubble{background:linear-gradient(180deg, #f2c0781f, #f2c07809), var(--panel-2);border-color:#6b4b38}.label{color:var(--muted-2);font-size:12px}.sources{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.source-pill{border:1px solid var(--border);color:var(--muted);background:#9bb59a14;border-radius:8px;padding:6px 10px;font-size:12px}.examples{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.example{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff7ef09;border-radius:8px;padding:8px 12px;transition:background-color .16s,border-color .16s,color .16s}.example:hover{color:var(--text);background:#f2c0781a;border-color:#7a5b49}.chat-input-bar{border-top:1px solid var(--border);border-bottom:0}.chat-form{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.textarea{resize:none;min-height:52px;max-height:120px;overflow-y:auto}.small-button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff7ef09;border-radius:8px;padding:10px 12px;transition:background-color .16s,border-color .16s,color .16s}.small-button:hover{color:var(--text);background:#fff7ef14;border-color:#6a4f41}.input-meta{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.disclaimer,.char-count{color:var(--muted);margin:0;font-size:13px}.char-count{flex:none}@media (max-width:680px){.hero{padding:28px 0}.card{padding:24px}h1{font-size:46px}h2{font-size:24px}.lead{font-size:18px}.chat-form{grid-template-columns:1fr}.button{width:100%}.input-meta{align-items:flex-start}}