/* Customize: change the accent color. */
  :root{--accent:#087e80}
  *{box-sizing:border-box}body{margin:0;background:#f8faf8;color:#142d32;font:18px/1.55 Arial,sans-serif}main{max-width:1050px;margin:auto;padding:55px 28px 170px}.brand{font-weight:700;color:var(--accent);letter-spacing:2px;font-size:15px}h1{font-size:clamp(46px,7vw,84px);line-height:1.05;max-width:800px;letter-spacing:-3px;margin:75px 0 28px}h1 em{font-style:normal;color:var(--accent)}.intro{max-width:530px;color:#536b70;font-size:21px}.ideas{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.ideas button{border:1px solid #b7d1cb;background:white;border-radius:8px;padding:13px 18px;color:#142d32;font:inherit;cursor:pointer}.footnote{margin-top:65px;color:#536b70;font-size:15px;max-width:560px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c17b24;outline-offset:3px}


  #sq-toggle{position:fixed;right:24px;bottom:24px;z-index:1000;border:0;border-radius:99px;padding:18px 25px;background:var(--accent);color:white;font:bold 17px Arial;box-shadow:0 6px 30px #142d3230;cursor:pointer}
  #sq-panel{position:fixed;right:24px;bottom:94px;z-index:1000;width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 116px);background:white;color:#142d32;border:1px solid #d2e2dc;border-radius:18px;box-shadow:0 12px 60px #142d3220;overflow:auto;font:16px/1.45 Arial,sans-serif}
  #sq-panel[hidden]{display:none}#sq-panel header{padding:20px 22px;background:#142d32;color:white;display:flex;align-items:center;justify-content:space-between}#sq-panel h2{font-size:21px;margin:0}#sq-close{background:none;color:white;border:0;font-size:25px;cursor:pointer}#sq-mode{font-size:12px;color:#96e3cb;margin-top:4px}
  #sq-connection{padding:14px 20px;border-bottom:1px solid #d2e2dc}#sq-connection label{font-size:13px;display:block;margin-bottom:5px}#sq-key{box-sizing:border-box;width:100%;padding:9px;font:14px Arial;border:1px solid #9bbab1;border-radius:6px}.sq-key-actions{display:flex;gap:8px;margin:8px 0}#sq-connection button{font:13px Arial;padding:7px 10px;border:1px solid #b7d1cb;border-radius:6px;background:#f8faf8;color:#142d32;cursor:pointer}#sq-key-note{font-size:11px;margin:5px 0 0;color:#536b70}
  #sq-log{padding:18px 20px;max-height:210px;overflow:auto;white-space:normal;overflow-wrap:anywhere}.sq-message{margin:0 0 15px;padding-bottom:15px;border-bottom:1px solid #e6efec}.sq-message > strong{display:block;font-size:12px;letter-spacing:1px;color:var(--accent);margin-bottom:6px}#sq-form{padding:0 20px 18px}#sq-form label{display:block;font-size:13px;margin-bottom:6px}#sq-input{box-sizing:border-box;width:100%;font:16px Arial;padding:12px;border:1px solid #9bbab1;border-radius:7px}#sq-send{margin-top:10px;width:100%;background:var(--accent);color:white;border:0;border-radius:7px;padding:12px;font:bold 15px Arial;cursor:pointer}#sq-send:disabled{opacity:.6;cursor:wait}#sq-status{font-size:13px;color:#536b70;min-height:20px;margin:10px 0 0}#sq-privacy{font-size:11px;padding:0 20px 16px;color:#536b70;margin:0}
  @media(max-width:500px){#sq-panel{right:16px;bottom:87px}#sq-toggle{right:16px;bottom:16px}#sq-log{max-height:170px}}
  body.sq-full main,body.sq-full #sq-toggle{display:none}body.sq-full #sq-panel{position:relative;right:auto;bottom:auto;margin:40px auto;width:650px;max-height:none}body.sq-full #sq-log{max-height:50vh}body.sq-full #sq-close{display:none}

.route-nav{max-width:1050px;margin:auto;padding:20px 24px;display:flex;gap:18px;flex-wrap:wrap;font-size:15px}.route-nav a{color:#087e80}
#sq-connection{background:#eaf7f2;border-bottom:2px solid #98cdbd}#sq-connection label{font-size:16px;font-weight:bold;margin-bottom:10px}#sq-key{padding:12px;font-size:16px;background:white}#sq-connection button[type=submit]{background:#087e80;color:white;font-weight:bold}.sq-key-actions{flex-wrap:wrap}#sq-connection details{margin-top:12px}#sq-key-note{font-size:12px}
.sq-content{white-space:pre-wrap}.sq-content p{margin:0 0 10px}.sq-content ul,.sq-content ol{padding-left:24px;margin:8px 0}.sq-content strong{font-weight:700}.sq-content code{background:#edf2ef;padding:2px 5px;border-radius:4px;font-size:14px}.sq-content pre{overflow-x:auto;background:#edf2ef;padding:12px;border-radius:8px;white-space:pre-wrap}.sq-content pre code{padding:0}.sq-content h3,.sq-content h4,.sq-content h5{margin:12px 0 8px}.sq-content a{color:#087e80}.sq-content blockquote{margin:8px 0;padding-left:12px;border-left:3px solid #98cdbd}
/* Full-page route: fill the viewport, with setup beside the conversation. */
body.sq-full{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:white}
body.sq-full .route-nav{flex:none;width:100%;max-width:none;margin:0;padding:16px 24px;border-bottom:1px solid #d2e2dc;background:#f8faf8}
body.sq-full #sq-panel{position:relative;inset:auto;flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;margin:0;width:100%;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;overflow:hidden}
body.sq-full #sq-panel header{grid-column:1/-1;padding:18px 26px}
body.sq-full #sq-connection{grid-column:1;grid-row:2/5;margin:0;padding:28px 22px;overflow:auto;border:0;border-right:1px solid #d2e2dc}
body.sq-full #sq-log{grid-column:2;grid-row:2;min-height:0;max-height:none;overflow-y:auto;padding:32px clamp(24px,5vw,90px)}
body.sq-full .sq-message{max-width:1000px;margin:0 auto 24px;padding-bottom:24px;font-size:18px;line-height:1.65}
body.sq-full #sq-form{grid-column:2;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px 12px;padding:16px clamp(24px,5vw,90px) 8px;border-top:1px solid #d2e2dc;background:#f8faf8}
body.sq-full #sq-form label{grid-column:1/-1;margin:0}body.sq-full #sq-send{margin:0}body.sq-full #sq-status{grid-column:1/-1;margin:0}
body.sq-full #sq-privacy{grid-column:2;grid-row:4;padding:0 clamp(24px,5vw,90px) 12px;background:#f8faf8}
@media(max-width:700px){
 body.sq-full .route-nav{padding:10px 14px;gap:10px;font-size:13px}
 body.sq-full #sq-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(80px,1fr) auto auto}
 body.sq-full #sq-panel header{grid-column:1;padding:12px 16px}body.sq-full #sq-panel h2{font-size:18px}
 body.sq-full #sq-connection{grid-column:1;grid-row:2;max-height:190px;padding:12px 16px;border-right:0;border-bottom:1px solid #d2e2dc}
 body.sq-full #sq-log{grid-column:1;grid-row:3;padding:18px 16px}
 body.sq-full .sq-message{font-size:16px}
 body.sq-full #sq-form{grid-column:1;grid-row:4;padding:10px 16px 6px;grid-template-columns:minmax(0,1fr) 72px}
 body.sq-full #sq-privacy{grid-column:1;grid-row:5;padding:0 16px 8px}
}
/* Readable conversation measure and clear separation between reply blocks. */
body.sq-full .sq-message{max-width:72ch;width:100%;min-width:0}
.sq-content{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.sq-content p{display:block;white-space:normal;line-height:1.7;margin:0 0 1em}
.sq-content p:last-child{margin-bottom:0}
.sq-content li{margin-bottom:.5em}
.source-guide{margin:45px 0 0;max-width:900px}.source-guide h2{font-size:30px}.source-guide p{font-size:16px;line-height:1.7}.source-guide details{margin:14px 0;border:1px solid #b7d1cb;border-radius:10px;padding:16px;background:white}.source-guide summary{font-weight:bold;cursor:pointer}.source-guide pre{max-height:440px;overflow:auto;white-space:pre;font:13px/1.6 Consolas,monospace;background:#142d32;color:#eaf7f2;padding:20px;border-radius:8px}.copy-source{margin-top:12px;border:0;border-radius:6px;padding:9px 13px;background:#087e80;color:white;cursor:pointer}.copy-source:disabled{opacity:.5;cursor:wait}