:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#233d36;background:#f9faf6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8db5a0;outline-offset:4px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 4vw;border-bottom:1px solid #e1e7dd;background:#ffffffa0}.brand{font-size:28px;font-weight:650;letter-spacing:-1px}.brand em{font-weight:400}.brand span{display:block;font-size:8px;letter-spacing:2px;margin-top:6px}header nav{display:flex;gap:25px;align-items:center;font-size:13px}.account{padding:12px 18px;border-radius:30px;background:#244b40;color:white}main{display:flex;flex:1;min-height:0;width:100%;max-width:1600px;margin:auto}.conversation{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;padding:0 clamp(16px,4vw,64px)}.branchbar{display:flex;gap:10px;align-items:center;padding:18px 0;flex-shrink:0}.branchbar nav{display:flex;gap:6px;overflow:auto}.branchbar button{white-space:nowrap;border:1px solid #dce5d8;background:transparent;border-radius:30px;padding:9px 13px;font-size:12px;color:#456152}.branchbar button[aria-current=true]{background:#e3ecdF;border-color:#b5c9b7}.branchbar>button{margin-left:auto}#thread{flex:1;overflow:auto;overscroll-behavior:contain;padding:12px 6px 25px;scrollbar-width:thin}#welcome{text-align:center;padding:clamp(20px,5vh,70px) 0 30px}.orbit{font-size:58px;color:#658c63;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:3px;color:#74846e}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4.8vw,66px);letter-spacing:-2px;line-height:1.08;margin:18px 0 24px}#welcome p{font-size:15px;line-height:1.8;color:#6c796b}.starters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:28px auto 22px}.starters button{padding:13px 16px;border:1px solid #dfe5d8;background:#fff9;border-radius:15px;font-size:12px;color:#4c6555}small{font-size:11px;color:#778371}.message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;margin:0 0 28px;max-width:780px}.message.user{margin-left:auto;background:#eaf0e5;border-radius:20px;padding:15px 20px;width:fit-content;max-width:85%}.message.assistant{padding:10px 4px}.message strong{display:block;font-size:10px;letter-spacing:1.5px;color:#7b8c78;margin-bottom:8px}#working{color:#758370;font-size:13px}#composer{display:flex;gap:12px;align-items:flex-end;border:1px solid #cddac5;border-radius:26px;background:white;padding:14px 16px;box-shadow:0 10px 40px #304d3010;flex-shrink:0}textarea{resize:none;max-height:140px;min-height:30px;flex:1;min-width:0;border:0;background:transparent;font-size:16px;line-height:1.5;color:#233d36}textarea:focus{outline:none}#send{border:0;border-radius:50%;width:40px;height:40px;background:#315b45;color:white;font-size:25px}button:disabled{opacity:.5;cursor:default}footer{padding:12px 6px max(16px,env(safe-area-inset-bottom));font-size:10px;color:#7b8976;display:flex;align-items:center;justify-content:space-between;gap:10px}footer button,#dismiss{border:0;background:none;color:#526b57;font-size:11px}aside{width:290px;flex-shrink:0;padding:26px 25px 0 0}details{border:1px solid #dce5d7;background:#fff9;border-radius:20px;padding:20px;max-height:50dvh;overflow:auto}summary{cursor:pointer;font-size:14px;font-weight:600}summary small{display:block;margin:8px 0;letter-spacing:1.4px;font-size:8px}details p{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.aside-note{font-family:Georgia,serif;font-style:italic;color:#8b987e;font-size:22px;line-height:1.5;margin:45px 20px}#notice{font-size:13px;color:#785633;margin:8px}#invitation{padding:13px 18px;border:1px solid #d4dfca;border-radius:16px;background:#f0f5e9;font-size:12px;margin-bottom:12px}#invitation p{margin:0 0 8px;line-height:1.6}#invitation a{font-weight:650;margin-right:14px}dialog{border:1px solid #d2deca;border-radius:22px;padding:28px;color:#233d36;max-width:calc(100vw - 32px)}dialog::backdrop{background:#15352560;backdrop-filter:blur(5px)}dialog label{display:block;font-size:14px}dialog input{width:100%;margin:15px 0;padding:12px;border:1px solid #b7cab0;border-radius:10px}dialog button{padding:10px 18px;border:0;border-radius:12px;background:#e4eedc;margin-right:10px}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.footer-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}footer{flex-wrap:wrap}#welcome h1{letter-spacing:-3px}#welcome h1 em{font-weight:400}.branchbar{padding-top:24px}
@media(max-width:900px){header{padding:16px 20px}.brand{font-size:23px}.brand span{display:none}header nav{gap:13px;font-size:12px}main{flex-direction:column}aside{order:-1;width:auto;padding:8px 16px 0}details{padding:10px 15px;border-radius:14px;max-height:23dvh}summary small{display:none}.aside-note{display:none}.conversation{padding:0 16px}.branchbar{padding:10px 0;overflow:auto}.branchbar button{font-size:11px;padding:8px 10px}#welcome{padding-top:20px}.orbit{font-size:38px;margin-bottom:10px}.message{font-size:14px}#invitation{font-size:11px}footer{font-size:10px}.footer-actions{gap:12px}}
