@font-face{font-family:Bricolage;src:url('/fonts/bricolage-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{color-scheme:light;background:#fff;scrollbar-color:#bdc0c6 #fff}body{margin:0;color:#202124;font:16px/1.6 Bricolage,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #41474d;outline-offset:4px}button svg,footer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}::selection{background:#e1e7ed}textarea,input{caret-color:#202124}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{max-width:1200px;min-height:100dvh;margin:0 auto;padding:0 44px;display:flex;flex-direction:column}.header{height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;font-size:30px;font-weight:730;letter-spacing:-.04em;line-height:1}.wordmark span{color:#737780}.quiet{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;padding:9px 10px;border-radius:7px;font-size:14px}.quiet:hover,.icon-button:hover{background:#f2f3f4}.count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:5px;background:#eff0f2;color:#555b65;font-size:11px}main{width:100%;max-width:700px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:42px 0 90px}.welcome{margin:0 0 33px;padding:0 3px}.welcome h1{font-size:48px;font-weight:540;line-height:1.12;letter-spacing:-.038em;text-wrap:balance}.welcome p{font-size:17px;line-height:1.65;color:#666b74;margin-top:21px}.composer{border:1px solid #d9dce1;border-radius:16px;background:#fff;padding:18px 18px 14px;transition:border-color .18s}.composer:focus-within{border-color:#858b94}.composer textarea{width:100%;resize:none;display:block;padding:0;border:0;background:transparent;min-height:58px;max-height:170px;outline:none;font-size:17px;line-height:1.55}.composer textarea::placeholder{color:#747983}.composer textarea:focus-visible{outline:0}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.composer-bottom>span{font-size:12px;color:#6b717a}.send{width:37px;height:37px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:#202124;color:white}.send:not(:disabled):hover{background:#3c4045}.send svg{width:21px;height:21px}.send:disabled{background:#e9ebed;color:#8c929a;opacity:1}.suggestions{display:flex;gap:24px;margin:18px 3px 0;flex-wrap:wrap}.suggestions button{border:0;padding:0 0 4px;background:none;font-size:13px;color:#666c74}.suggestions button:hover{color:#202124;text-decoration:underline;text-underline-offset:4px}.suggestions span{font-size:16px;margin-left:4px}footer{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.footer-link{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:5px 0;text-align:left;font-size:11px;color:#6b717b}.footer-link:hover{color:#202124}.footer-link svg{width:13px;height:13px}main.started{justify-content:flex-start;padding:30px 0 0;max-width:720px}.started .compose-area{position:sticky;bottom:0;background:white;padding:18px 0 6px;margin-top:auto}.conversation{display:flex;flex-direction:column;gap:28px;padding-bottom:14px}.message{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.message.owner{align-self:flex-end;background:#f2f3f4;padding:12px 17px;border-radius:15px 15px 3px 15px;max-width:85%;font-size:15px}.message.assistant{align-self:stretch;line-height:1.7;font-size:16px;padding:0 3px}.assistant-name{font-size:13px;font-weight:650;display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#555b65}.assistant-name img{width:17px;height:17px}.note-receipt{display:inline-flex;gap:6px;align-items:center;margin-top:10px;font-size:12px;color:#50715f}.message-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.small-button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe2e6;background:#fff;border-radius:7px;padding:8px 12px;font-size:13px;line-height:1.5;text-decoration:none;min-height:38px}.small-button:hover{background:#f3f4f5}.primary{background:#202124;border-color:#202124;color:#fff}.primary:hover{background:#3c4045}.review{border:1px solid #e0e3e7;border-radius:12px;margin-top:15px;padding:22px;white-space:normal}.review h3{font-weight:600;font-size:18px;letter-spacing:-.015em}.review>p{font-size:13px;color:#666d77;margin-top:7px}.review .field{display:flex;flex-direction:column;gap:5px;margin-top:17px;font-size:13px;font-weight:550}.review input[type=text]{width:100%;border:1px solid #d8dce2;padding:9px 11px;border-radius:7px;font-size:15px;background:#fff}.note-choice{display:flex;gap:10px;align-items:flex-start;margin-top:15px;font-size:14px;line-height:1.5;font-weight:400}.note-choice input{margin-top:4px;accent-color:#202124;width:16px;height:16px;flex-shrink:0}.review .private-label{font-size:11px;color:#727681;display:block;margin-top:4px}.review-bottom{border-top:1px solid #e7e9ec;padding-top:16px;margin-top:19px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.review-bottom>span{margin-left:auto;font-size:11px;color:#6b717a}.review .review-note{font-size:12px;line-height:1.6;color:#666d77;margin-top:12px}.code-link{display:block;border:1px solid #e0e3e7;background:#f8f9fa;border-radius:7px;padding:10px 12px;font-size:12px;overflow-wrap:anywhere;margin-top:12px;line-height:1.55}.example-label{font-size:11px;font-weight:550;color:#626773;padding:3px 7px;border-radius:4px;background:#f0f1f2;display:inline-flex;margin-bottom:8px}.inline-error{color:#a13b33;font-size:13px;margin-top:10px}.drawer{position:fixed;inset:0 0 0 auto;width:420px;max-width:100%;background:#fff;z-index:30;border-left:1px solid #e5e7eb;display:flex;flex-direction:column}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:29px 25px 25px;border-bottom:1px solid #e5e7eb}.drawer h2{font-size:23px;font-weight:580;letter-spacing:-.025em}.drawer-head p{font-size:13px;color:#6b717b;margin-top:5px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;border-radius:7px;font-size:26px;line-height:1;flex-shrink:0}.drawer-body{padding:28px 25px;overflow:auto}.drawer-body section+section{margin-top:35px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.section-head h3{font-size:14px;font-weight:600}.section-head>span{font-size:12px;color:#6b717a}.empty-note{font-size:14px;line-height:1.6;color:#6b717a}.saved-note,.saved-share{padding:14px 0;border-top:1px solid #e8eaed;font-size:14px;overflow-wrap:anywhere}.note-meta{display:flex;align-items:center;gap:10px;margin-top:9px;color:#6b717a;font-size:11px}.note-meta button{border:0;background:none;font-size:11px;padding:4px 0;color:#626871;text-decoration:underline;text-underline-offset:3px}.saved-share strong{font-weight:600}.saved-share>p{font-size:12px;color:#6b717a;margin-top:5px}.saved-share .message-actions{margin-top:9px}.saved-share .small-button{font-size:12px;min-height:32px;padding:5px 9px}.drawer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-top:1px solid #e5e7eb;padding-top:20px}.drawer-actions .quiet{padding-left:0}.destructive{color:#93433d}.scrim{position:fixed;inset:0;background:#20212424;z-index:25}dialog{border:0;border-radius:16px;padding:28px;width:calc(100% - 36px);max-width:490px;max-height:85dvh;overflow:auto;box-shadow:0 16px 70px #141a2529}dialog::backdrop{background:#20212440}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.dialog-head h2{font-size:23px;font-weight:580;letter-spacing:-.025em}#info-content p{font-size:14px;color:#59616b;margin:12px 0}#info-content code{font-size:12px;overflow-wrap:anywhere}#info-content .primary{margin-top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:8px;padding:10px 16px;background:#25282d;color:#fff;z-index:50;font-size:13px;max-width:90%;text-align:center}.invite-shell{max-width:620px;margin:0 auto;padding:38px 24px}.invite-shell .wordmark{display:inline-block;margin-bottom:80px}.invite-shell h1{font-size:34px;font-weight:550;line-height:1.2;letter-spacing:-.03em}.invite-shell p{margin:18px 0;color:#666d77}.invite-shell ul{padding-left:22px;line-height:1.8}.invite-shell .primary{margin-top:15px}.invite-shell .caption{font-size:12px;margin-top:24px}.working{color:#6b717a;font-size:14px}.inert-status{color:#6b717a;font-size:12px;margin-top:10px}@media(min-height:850px){main:not(.started){padding-bottom:130px}.welcome h1{font-size:52px}}@media(max-width:680px){.app{padding:0 22px}.header{height:78px}.wordmark{font-size:27px}.header .quiet{font-size:13px;padding-right:0}main{padding:34px 0 65px}.welcome h1{font-size:39px}.welcome p{font-size:15px;margin-top:18px}.welcome p br{display:none}.welcome{margin-bottom:27px}.composer{padding:15px 14px 12px;border-radius:13px}.composer textarea{font-size:16px;min-height:70px}.composer-bottom>span{font-size:11px}.suggestions{gap:11px 20px;margin-top:15px}.suggestions button{font-size:12px}footer{align-items:flex-start;flex-direction:column;gap:2px;padding:14px 0}.footer-link{font-size:10px}.conversation{gap:24px}.message.assistant{font-size:15px}.message.owner{font-size:14px;max-width:91%}.review{padding:17px}.review-bottom>span{margin-left:0;width:100%}.drawer-head{padding:24px 22px}.drawer-body{padding:23px 22px}main.started{padding-top:20px}.started .compose-area{padding-top:15px}.invite-shell .wordmark{margin-bottom:60px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.suggestions button{display:inline-flex;align-items:center;gap:6px}.suggestions svg{width:14px;height:14px}.note-receipt svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button svg{width:18px;height:18px}
