:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f4f5f5;background:#101315}*{box-sizing:border-box}body{margin:0}header{height:90px;max-width:1260px;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{font-size:25px;letter-spacing:-1px;font-weight:800;color:white;text-decoration:none}.brand span{color:#b9f17b}.tag{color:#9ba5a0;font-size:13px}main{max-width:1188px;margin:12px auto 40px;display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:70px;padding:0 24px}.avatar{position:relative;min-height:600px;max-height:740px;height:calc(100vh - 150px);overflow:hidden;border-radius:26px;background:#252627}.avatar video{width:100%;height:100%;object-fit:cover;object-position:center top}.shade{position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.identity{position:absolute;bottom:28px;left:26px;font-size:24px;font-weight:bold}.identity small{display:block;margin:9px 0 0 20px;font-size:12px;font-weight:normal;color:#ddd}.dot{display:inline-block;width:8px;height:8px;background:#b9f17b;border-radius:50%;vertical-align:middle;margin-right:6px}.conversation{padding-top:32px;display:flex;flex-direction:column;min-height:0}.eyebrow{font-size:11px;letter-spacing:3px;color:#b9f17b}h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-1.6px;line-height:1.08;margin:20px 0}.intro{font-size:16px;color:#aab1ad;line-height:1.55;max-width:400px;margin:0 0 24px}.status{display:flex;align-items:center;gap:10px;color:#c9dcbb;font-size:13px;min-height:24px}.status>span:first-child{width:6px;height:6px;border-radius:50%;background:#b9f17b}.messages{flex:1;overflow:auto;min-height:100px;max-height:240px;margin:14px 0 24px;scrollbar-width:thin}.bubble{font-size:14px;line-height:1.6;padding:12px 16px;border-radius:14px;margin:9px 0;background:#1b211d}.bubble.user{background:#292338;margin-left:26px}.bubble.error{color:#ffc7bd;background:#382320}form{display:flex;gap:10px;border:1px solid #3b443b;border-radius:16px;background:#191e1a;padding:7px}input{min-width:0;flex:1;border:0;outline:0;background:none;color:white;font:inherit;padding:10px;font-size:14px}button{border:0;background:#b9f17b;color:#15200e;font:inherit;cursor:pointer;border-radius:11px;padding:14px 20px;font-weight:bold}button:disabled{opacity:.45;cursor:wait}#send{font-size:23px;padding:5px 18px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.secondary{font-size:12px;background:#242a25;color:#d4ded3;padding:12px}.secondary[aria-pressed=true]{background:#3f4a34;color:#c4ff87}.notice{font-size:11px;line-height:1.5;color:#7d8a81;margin:18px 0}.contact{font-size:13px;color:#b9f17b;text-decoration:none;padding-bottom:10px}.activation{position:absolute;inset:0;background:#0007;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.activation[hidden]{display:none}.activation p{font-size:12px;max-width:220px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,a:focus-visible{outline:2px solid #b7a5f4;outline-offset:4px}@media(max-width:760px){header{height:66px;padding:16px 20px}.brand{font-size:22px}.tag{font-size:10px}main{display:flex;flex-direction:column;gap:20px;padding:0 16px;margin:0 auto 20px}.avatar{height:45vh;min-height:270px;max-height:440px;border-radius:20px}.avatar video{object-position:center 25%}.identity{bottom:20px;left:20px;font-size:21px}.conversation{padding:0 4px}h1{font-size:30px;margin:12px 0}.intro{font-size:14px;margin-bottom:12px}.messages{min-height:40px;max-height:170px;margin:8px 0 14px}.eyebrow{font-size:10px}.notice{margin:12px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.avatar video{position:absolute;inset:0}.avatar video[hidden]{display:none}

.characters{display:flex;gap:10px;margin:18px 0 2px}.character-choice{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:#242a25;color:#d4ded3;border:2px solid transparent;font-size:13px;min-height:66px}.character-choice img{object-fit:cover;object-position:top;border-radius:6px}.character-choice[aria-pressed=true]{border-color:#b9f17b;color:#c4ff87}.characters button{touch-action:manipulation}@media(max-width:760px){.characters{margin:12px 0 0;gap:8px}.character-choice{flex:1;justify-content:flex-start}}