:root{color-scheme:light;--ink:#192e33;--muted:#62716c;--paper:#f8f7f3;--lime:#d1fc68;--line:#dce2d7;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,textarea,select{font:inherit}a{color:inherit;text-underline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:3px solid #567b24;outline-offset:4px}header{max-width:1250px;margin:auto;min-height:94px;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}header>a:last-child{font-size:13px}.brand{text-decoration:none;font-size:29px;letter-spacing:-1.4px;font-weight:600}main{max-width:1250px;margin:0 auto;padding:64px 40px 36px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.intro{padding-top:24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(36px,5vw,60px);font-weight:400;letter-spacing:-2px;line-height:1.08;margin:25px 0}#intro{font-size:17px;line-height:1.8;color:var(--muted);max-width:350px}.language{display:flex;flex-direction:column;gap:9px;margin:32px 0 24px;font-size:12px;color:var(--muted);max-width:190px}select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;color:var(--ink);font-size:14px}#back{font-size:13px}.card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 45px #192e3308;min-width:0}.chat-header{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:#fafcf6}.identity{min-width:0;flex:1}.identity h2{font-size:24px;font-weight:500;margin:0 0 7px;letter-spacing:-.6px}.identity p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}#new{background:transparent;border:1px solid var(--line);border-radius:8px;font-size:11px;padding:10px;max-width:105px;line-height:1.4;color:var(--ink)}.avatar{width:80px;height:80px;position:relative;flex:none}.portrait{height:80px;width:80px;border-radius:50%;overflow:hidden;position:relative;background:#e9eedf}.portrait img{width:100%;height:100%;object-fit:cover}.expression{position:absolute;inset:0;background-image:url('/assets/jordi-expressions.webp');background-size:200% 200%;background-position:0 0;opacity:0}.ready .expression{opacity:1}.blink .expression{background-image:url('/assets/jordi-moustache.webp');background-position:100% 0}.smile .expression{background-position:0 100%}#pause{position:absolute;bottom:-3px;right:-3px;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;background:white;color:var(--ink);font-size:12px}#messages{padding:24px;display:flex;flex-direction:column;gap:16px;height:clamp(260px,44vh,480px);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.bubble{max-width:92%;padding:14px 17px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}.assistant{background:#f0f3e9;align-self:flex-start;border-bottom-left-radius:3px}.user{background:var(--ink);color:white;align-self:flex-end;border-bottom-right-radius:3px}.failed{border:1px solid #bf7e47}#status{font-size:12px;line-height:1.5;color:var(--muted);min-height:28px;margin:0;padding:0 24px 8px}#status.error{color:#9c401f}#composer{display:flex;align-items:flex-end;gap:12px;padding:16px 24px 10px;border-top:1px solid var(--line)}textarea{flex:1;min-width:0;resize:vertical;max-height:180px;min-height:60px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:16px;line-height:1.5}#send{border:0;background:var(--lime);color:var(--ink);padding:15px;border-radius:10px;min-height:48px;font-size:13px;white-space:nowrap}#privacy{font-size:10px;line-height:1.7;color:var(--muted);padding:0 24px 15px;margin:4px 0 0}footer{text-align:center;color:var(--muted);font-size:11px;padding:20px 24px 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){header{padding:18px 20px;min-height:76px}.brand{font-size:25px}header>a:last-child{font-size:11px}main{grid-template-columns:1fr;padding:24px 16px;gap:24px}.intro{padding:0 5px;display:grid;grid-template-columns:1fr auto;gap:6px 16px}.eyebrow,h1,#intro{grid-column:1/-1}h1{font-size:37px;margin:8px 0}#intro{font-size:14px;margin:4px 0;max-width:none}.language{margin:8px 0 0;min-width:140px}#back{align-self:end;padding:14px 0}.chat-header{padding:18px 16px;gap:12px}.avatar,.portrait{width:66px;height:66px}.identity h2{font-size:21px}.identity p{font-size:11px}#new{font-size:10px;padding:8px;max-width:82px}#messages{height:clamp(280px,43svh,450px);padding:18px 16px}.bubble{font-size:14px;max-width:95%}#composer{padding:14px 16px 8px;gap:8px}#send{padding:14px 11px}#privacy{padding:0 16px 14px}#status{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){#messages{scroll-behavior:auto}}