:root{font-family:Arial,sans-serif;color:#263b37;background:#f6f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1320px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1d7}.brand{font:italic 38px Georgia,serif;color:#263b37;text-decoration:none;display:flex;gap:24px;align-items:center}.brand span,.eyebrow{font:10px Arial,sans-serif;letter-spacing:2px;color:#73827a}.brand span{max-width:100px;line-height:1.6}main{max-width:1320px;margin:auto;padding:40px 48px}h1{font:normal 52px/1.1 Georgia,serif;margin:12px 0 24px;letter-spacing:-1.5px}.heading{display:flex;align-items:center;justify-content:space-between}.private{font-size:12px;color:#73827a}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.stage{background:#e1e7dc;border-radius:24px;overflow:hidden;position:relative;min-height:540px;display:flex;flex-direction:column}.stage-art{position:relative;flex:1;min-height:400px;background:radial-gradient(ellipse at 50% 40%,#eff1e7,#cad7c6);background-size:cover;background-position:center}.stage-art img,.stage-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage-label{display:flex;justify-content:space-between;padding:16px 24px;background:#e1e7dc;font-size:14px}.stage-label #state{color:#52695c;font-size:12px}.controls{padding:0 20px 20px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:1px solid #ccd6ca;border-radius:50px;padding:12px 20px;background:#f8faf4;color:#263b37}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#2e5547;border:0;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.primary:hover{background:#244538}.stop{color:#934f44}.quiet{background:transparent;border:0;font-size:12px}input{font:inherit;border:1px solid #ced7cb;border-radius:12px;padding:14px;background:#fffefa;color:#263b37;min-width:0}input:focus,button:focus-visible{outline:2px solid #70977c;outline-offset:3px}.conversation{border:1px solid #dce1d7;border-radius:24px;display:flex;flex-direction:column;min-height:540px;background:#fcfbf7;overflow:hidden}.conversation-head{padding:24px;display:flex;justify-content:space-between;border-bottom:1px solid #e5e8df}.conversation-head #micState{font-size:11px;color:#78877c}#transcript{height:380px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px}#empty{margin:auto;text-align:center;color:#7c8b80}#empty h2{font:normal 27px Georgia;color:#3f5549}p{line-height:1.6}.spark{font-size:55px;color:#acbca4}.bubble{max-width:90%;padding:14px 18px;border-radius:16px;background:#edf1e7;white-space:pre-wrap;font-size:14px;line-height:1.6}.bubble.user{align-self:flex-end;background:#345b4b;color:#fff}.bubble small{display:block;font-size:10px;margin-bottom:4px;opacity:.65}#textForm{display:flex;padding:12px 20px 20px;gap:8px;margin-top:auto}#message{width:100%;background:transparent;border:0;border-bottom:1px solid #dce1d7;border-radius:0}#send{font-size:22px;padding:7px 16px}#interim{font-size:12px;color:#728373;min-height:20px;margin:0 24px}#notice{font-size:12px;color:#6c7c71;max-width:850px}footer{display:flex;justify-content:space-between;font-size:11px;color:#8b968c;padding:24px 0}#placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#5b7760;padding:80px 0}#placeholder span{font:90px Georgia}#placeholder p{font-size:12px}.login{max-width:420px;margin:6vh auto}.login h1{font-size:64px}.login p{color:#7a877e}.login form{display:flex;flex-direction:column;gap:14px;margin-top:30px}.login label{font-size:12px}#loginError{color:#a34d3f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:800px){header{padding:20px}main{padding:28px 18px}.workspace{grid-template-columns:1fr}.stage{min-height:430px}.stage-art{min-height:330px}h1{font-size:40px}.private{font-size:10px}.conversation{min-height:360px}#transcript{height:240px}footer{gap:15px;flex-direction:column}.login h1{font-size:52px}}
