:root{font-family:Arial,Helvetica,sans-serif;color:#29372c;background:#f6f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}header{height:90px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5}.brand{font-family:Georgia,serif;font-size:42px;letter-spacing:-2px;color:#314734;text-decoration:none}.brand span{font-size:24px;color:#8a995f;margin-left:5px}.header-note,.eyebrow,.portrait-caption>span,footer,.badge{font-size:10px;letter-spacing:2px}.quiet{border:0;background:none;color:#52634e}main{max-width:1420px;margin:40px auto 28px;padding:0 5%;display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;min-height:680px}.portrait{position:relative;border-radius:160px 160px 14px 14px;overflow:hidden;min-height:660px;background:#c5cdbd}.portrait img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.portrait:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(20,39,24,.88))}.portrait-caption{position:absolute;bottom:38px;left:34px;right:24px;color:#fff;z-index:1}.portrait-caption>span{color:#e2e8c9}h1{font:normal clamp(32px,3.2vw,49px)/1.13 Georgia,serif;letter-spacing:-1px;margin:18px 0}p{line-height:1.6}.portrait-caption p{font-size:14px;color:#e1e5dc}.workspace{padding:24px 0;align-self:center;min-width:0}h2{font:normal clamp(26px,2.6vw,37px)/1.2 Georgia,serif;letter-spacing:-.8px;margin:15px 0 20px}.eyebrow{color:#788365;font-weight:bold}.muted{color:#7b8174;font-size:15px}#login-form{max-width:370px;margin-top:40px;display:grid;gap:12px}label{font-size:13px}input[type=password]{border:1px solid #cdd3c4;border-radius:7px;padding:16px;background:#fff}input:focus,textarea:focus{outline:2px solid #879971;outline-offset:2px}.primary{background:#425e43;color:white;border:0;border-radius:7px;padding:14px 20px;display:flex;justify-content:space-between;gap:15px}.primary:hover{background:#314a32}.fine{font-size:11px;color:#737d6d;line-height:1.6}.intro{display:flex;justify-content:space-between;align-items:center}.badge{border:1px solid #c6d1ba;border-radius:20px;padding:7px 10px;font-size:9px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.actions button{border:1px solid #d8ddcf;background:#eeeee5;border-radius:10px;text-align:left;padding:16px;font-size:13px;color:#344a35}.actions button>span{display:block;font-size:23px;margin-bottom:9px}.actions small{display:block;color:#7d8575;font-size:10px;margin-top:7px}#conversation{height:245px;overflow-y:auto;padding:12px 0;margin-bottom:12px;scrollbar-width:thin}.welcome{text-align:center;color:#8a927e;padding:24px}.welcome>span{font-size:32px;color:#96a77f}.welcome p{font:20px/1.5 Georgia,serif}.bubble{padding:14px 16px;background:#e9eddf;border-radius:12px;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.bubble.user{background:#fff;border:1px solid #e0e4d9;margin-left:35px}.bubble strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.bubble button{display:block;font-size:11px;border:0;background:none;color:#52634e;margin-top:12px;padding:0}#chat-form{border:1px solid #cfd6c4;background:#fff;border-radius:12px;padding:12px}textarea{width:100%;resize:vertical;max-height:150px;min-height:65px;border:0;background:none;color:#29372c;padding:7px;font-size:14px}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.model-choice{font-size:10px;color:#6b7762;display:flex;gap:5px;align-items:center}.composer-bottom .primary{font-size:12px;padding:11px 14px}.voice-row{display:flex;align-items:center;gap:14px;margin:18px 0}.voice-button{border:1px solid #bdc9ad;border-radius:30px;background:#e8eddf;color:#3c5339;padding:12px 18px;font-size:12px}#voice-state{font-size:11px;color:#7b866f}#notice{color:#9b523e;font-size:13px;min-height:22px}details{font-size:12px;margin:8px 0}pre{max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 monospace}footer{margin:0 5%;padding:22px 0;border-top:1px solid #dedfd5;display:flex;justify-content:space-between;font-size:9px;color:#828b75;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){header{height:72px}.header-note{display:none}main{display:block;margin-top:22px;min-height:0}.portrait{min-height:320px;border-radius:90px 90px 12px 12px}.portrait img{object-position:center 30%}.portrait-caption{bottom:20px;left:24px}.portrait-caption h1{font-size:28px}.portrait-caption p{display:none}.portrait-caption>span{font-size:8px}.workspace{padding:24px 0}h2{font-size:29px}#conversation{height:240px}.voice-row{flex-wrap:wrap}footer{gap:16px;flex-wrap:wrap;font-size:8px}#login-form{max-width:none;margin-top:24px}}

.voice-feedback{border:2px solid #82996c;background:#edf3e6;border-radius:12px;padding:16px 18px;margin:12px 0}.voice-feedback strong{display:block;font-size:18px}.voice-feedback p{margin:8px 0;font-size:13px}.voice-feedback span{font-size:12px;font-variant-numeric:tabular-nums}.voice-feedback[data-state=thinking],.voice-feedback[data-state=connecting],.voice-feedback[data-state=initializing]{background:#fff1d7;border-color:#bc8731}.voice-feedback[data-state=error]{background:#fbe8e2;border-color:#a65843}.voice-feedback[data-state=thinking] strong:before,.voice-feedback[data-state=connecting] strong:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:10px;animation:voice-spin 1s linear infinite}@keyframes voice-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.voice-feedback strong:before{animation:none!important}}