:root{color:#173f42;font-synthesis:none;background:#f4f0e7;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:30px 36px}header{border-bottom:1px solid #c9d0c7;justify-content:space-between;align-items:center;padding:8px 0 24px;display:flex}header a{letter-spacing:.14em;color:inherit;font-size:13px;font-weight:750;text-decoration:none}.tag{letter-spacing:.09em;white-space:nowrap;border:1px solid #bccbc3;border-radius:20px;padding:6px 10px;font-size:10px}.intro{max-width:750px;padding:44px 0 28px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#57736d;margin:0 0 10px;font-size:11px;font-weight:750}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{letter-spacing:-.04em;margin:10px 0 22px;font-size:clamp(42px,6vw,72px)}h2{margin:6px 0 16px;font-size:29px}p{margin:10px 0}.intro>p:not(.eyebrow):not(.notice){max-width:650px;font-size:19px}.notice{background:#e8dfca;border-left:3px solid #b18b43;margin-top:22px;padding:12px 16px;font-size:12px}.access{max-width:600px;margin-bottom:30px}.access p,.hint{color:#60746f;font-size:12px}label{margin-bottom:8px;font-size:13px;font-weight:650;display:block}input,select,button{font:inherit;border-radius:7px}input:not([type=checkbox]),select{color:#173f42;background:#fffcf5;border:1px solid #bac7bd;width:100%;min-width:0;padding:12px}button{color:#fffdf4;cursor:pointer;background:#173f42;border:1px solid #173f42;padding:11px 17px;font-size:13px;font-weight:650}button:hover{background:#28565a}button:disabled{opacity:.48;cursor:default}button.secondary{color:#173f42;background:0 0}.inline{gap:10px;display:flex}.inline>input{flex:1}.inline>button{flex-shrink:0}.workspace{grid-template-columns:260px 1fr;gap:28px;display:grid}.setup{padding:26px 0}.characters{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 28px;display:grid}.characters button{text-align:left;color:#173f42;background:#e4e8df;border-color:#0000;padding:18px 12px}.characters button[aria-pressed=true]{color:#fff;background:#173f42}.characters small{margin-top:6px;font-size:11px;font-weight:400;display:block}.setup #fresh{width:100%;margin:12px 0 0}.setup details{margin-top:22px;font-size:12px}.setup ul{padding-left:18px}.setup li{margin-bottom:12px}.conversation{background:#fffdf7;border:1px solid #ccd3c9;border-radius:14px;padding:26px;box-shadow:0 6px 30px #173f4206}.conversation-head{border-bottom:1px solid #e1e5dc;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.conversation-head h2{margin:0;font-size:35px}.messages{scroll-behavior:smooth;flex-direction:column;gap:14px;height:310px;padding:22px 0;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;background:#eef0e8;border-radius:2px 12px 12px;max-width:87%;padding:13px 17px;font-size:14px}.bubble.user{background:#dbe8e1;border-radius:12px 2px 12px 12px;align-self:flex-end}.bubble small{text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.suggestions{flex-wrap:wrap;gap:7px;margin:4px 0 18px;display:flex}.suggestions button{color:#486a60;background:0 0;border-color:#d1d9ce;padding:6px 10px;font-size:11px}.lower{border-top:1px solid #cbd2c8;grid-template-columns:1fr 1fr;gap:50px;margin:36px 0;padding:30px 0;display:grid}.lower p{font-size:13px}.lower h2{font-size:27px}.consent{align-items:flex-start;gap:10px;margin:20px 0;font-size:12px;font-weight:400;display:flex}.consent input{flex-shrink:0;margin-top:5px}.proposal,.receipt{border:1px solid #c9d4c7;border-radius:7px;margin:12px 0;padding:12px 16px}.receipt{background:#e2ecdf;font-size:12px}.proposal p{white-space:pre-wrap}.proposal button{margin-top:6px}summary{cursor:pointer;color:#57736d}details.evidence{background:#e8ebe2;border-radius:7px;padding:14px 18px;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}code{font-size:11px}#status{min-height:30px;padding:10px 0;font-size:13px}footer{color:#60746f;border-top:1px solid #cbd2c8;padding:20px 0;font-size:10px}audio{width:100%;margin-top:12px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:3px solid #c89842}@media (max-width:760px){main{padding:16px 18px}.intro{padding-top:30px}.workspace{grid-template-columns:1fr;gap:12px}.setup{padding:0 0 14px}.characters{margin:12px 0 18px}.lower{grid-template-columns:1fr;gap:30px}.conversation{padding:18px}.conversation-head{gap:10px}.conversation-head .tag{font-size:8px}.messages{height:300px}.inline{gap:7px}header .tag{font-size:8px}header a{font-size:10px}.intro>p:not(.eyebrow):not(.notice){font-size:16px}h2{font-size:25px}.lower .inline{flex-wrap:wrap}}
