/* Ask Jade panel */
.ask-scrim{position:fixed;inset:0;background:rgba(20,17,15,.55);z-index:60;opacity:0;pointer-events:none;transition:opacity .3s ease}
.ask-scrim.open{opacity:1;pointer-events:auto}
.ask{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);z-index:61;background:#14110F;color:#F3EEE7;
  display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s ease;
  box-shadow:-20px 0 60px rgba(0,0,0,.35);font-family:"Work Sans",Helvetica,Arial,sans-serif}
.ask.open{transform:none}
.ask::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 40% at 90% 0%,rgba(74,15,20,.6),rgba(20,17,15,0) 70%)}
.ask *{box-sizing:border-box}
.ask-head{position:relative;padding:1.5rem 1.5rem 1.1rem;border-bottom:1px solid rgba(243,238,231,.14)}
.ask-head .k{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#C8A96A;margin:0 0 .5rem}
.ask-head h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;font-size:1.9rem;line-height:1.1;margin:0;color:#F3EEE7}
.ask-head h2 em{font-family:"Libre Caslon Text",Georgia,serif;font-style:italic;color:#C8A96A}
.ask-head p{margin:.6rem 0 0;font-size:.82rem;line-height:1.5;color:#b9ab9c;max-width:none}
.ask-close{position:absolute;top:1.1rem;right:1.1rem;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid rgba(243,238,231,.25);
  background:transparent;color:#F3EEE7;font-size:1.2rem;line-height:1;cursor:pointer}
.ask-close:hover{border-color:#C8A96A;color:#C8A96A}
.ask-log{position:relative;flex:1;overflow-y:auto;padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}
.ask-msg{max-width:88%;font-size:.97rem;line-height:1.6;white-space:pre-wrap}
.ask-msg.jade{align-self:flex-start;font-family:"Libre Caslon Text",Georgia,serif;font-size:1.04rem;color:#F3EEE7}
.ask-msg.jade::before{content:"Jade";display:block;font-family:"Work Sans",Helvetica,Arial,sans-serif;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#C8A96A;margin-bottom:.35rem}
.ask-msg.you{align-self:flex-end;background:#4A0F14;color:#F3EEE7;padding:.7rem 1rem;border-radius:1.1rem 1.1rem .25rem 1.1rem}
.ask-typing{align-self:flex-start;color:#C8A96A;font-size:1.4rem;letter-spacing:.2em;animation:askpulse 1.2s infinite}
@keyframes askpulse{50%{opacity:.35}}
.ask-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1rem;position:relative}
.ask-chips button{border:1px solid rgba(200,169,106,.55);background:transparent;color:#F3EEE7;border-radius:2rem;padding:.55rem .95rem;
  font:400 .84rem/1.2 "Work Sans",Helvetica,Arial,sans-serif;cursor:pointer;text-align:left}
.ask-chips button:hover{border-color:#C8A96A;color:#C8A96A}
.ask-book{position:relative;margin:0 1.5rem 1rem;padding:1.1rem 1.2rem;border:1px solid rgba(200,169,106,.45);background:rgba(74,15,20,.35)}
.ask-book p{margin:0 0 .8rem;font-family:"Libre Caslon Text",Georgia,serif;font-style:italic;font-size:1rem;color:#F3EEE7;max-width:none}
.ask-book a{display:inline-block;margin:0 .5rem .4rem 0;padding:.7rem 1.2rem;border-radius:2rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.ask-book a.primary{background:#F3EEE7;color:#14110F}
.ask-book a.primary:hover{background:#C8A96A}
.ask-book a.ghost{border:1px solid rgba(243,238,231,.4);color:#F3EEE7}
.ask-form{position:relative;display:flex;gap:.6rem;padding:1rem 1.5rem 1.3rem;border-top:1px solid rgba(243,238,231,.14);align-items:flex-end}
.ask-form textarea{flex:1;resize:none;min-height:2.9rem;max-height:7rem;background:transparent;border:0;border-bottom:1px solid rgba(243,238,231,.35);
  color:#F3EEE7;font:400 1rem/1.5 "Work Sans",Helvetica,Arial,sans-serif;padding:.6rem 0;outline:none}
.ask-form textarea:focus{border-bottom-color:#C8A96A}
.ask-form textarea::placeholder{color:#8f8378}
.ask-form button{flex:none;border:0;border-radius:2rem;background:#F3EEE7;color:#14110F;padding:.75rem 1.2rem;cursor:pointer;
  font:500 .74rem/1 "Work Sans",Helvetica,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ask-form button:hover{background:#C8A96A}
.ask-form button:disabled{opacity:.45;cursor:default}
.ask-count{position:relative;padding:0 1.5rem .2rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#8f8378}
.ask .hp{position:absolute;left:-9999px}
.ask :focus-visible{outline:1px solid #C8A96A;outline-offset:3px}
body.ask-lock{overflow:hidden}
@media (prefers-reduced-motion:reduce){.ask,.ask-scrim{transition:none}.ask-typing{animation:none}}
.ask-head{display:flex;gap:1rem;align-items:flex-start;padding-right:4rem}
.ask-face{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #C8A96A;flex:none}
.ask-slot{position:relative;padding:0 1.5rem}
.ask-intro{border-top:1px solid rgba(243,238,231,.14);padding:1.1rem 0 1.3rem}
.ask-intro p{margin:0 0 .9rem;font-family:"Libre Caslon Text",Georgia,serif;font-size:1.02rem;color:#F3EEE7;max-width:none}
.ask-name{display:block;margin:0 0 1rem}
.ask-name span{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#C8A96A;margin-bottom:.4rem;opacity:1}
.ask-name input{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(243,238,231,.35);color:#F3EEE7;font:400 1rem "Work Sans",Helvetica,Arial,sans-serif;padding:.5rem 0;outline:none}
.ask-name input:focus{border-bottom-color:#C8A96A}
.ask-roles{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.ask-roles button{border:1px solid rgba(200,169,106,.55);background:transparent;color:#F3EEE7;border-radius:2rem;padding:.7rem .8rem;font:400 .84rem "Work Sans",Helvetica,Arial,sans-serif;cursor:pointer}
.ask-roles button:hover{background:#F3EEE7;color:#14110F;border-color:#F3EEE7}
.ask-play{display:inline-flex;align-items:center;gap:.45rem;margin-top:.65rem;border:1px solid rgba(200,169,106,.55);background:transparent;color:#C8A96A;border-radius:2rem;padding:.4rem .85rem;font:500 .7rem "Work Sans",Helvetica,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.ask-play.on{background:#C8A96A;color:#14110F}
.ask-play[hidden]{display:none}
.ask-read{display:flex;gap:.9rem;align-items:center;margin:0 0 1rem;text-decoration:none;color:#F3EEE7;border:1px solid rgba(243,238,231,.16);padding:.6rem}
.ask-read img{width:112px;height:63px;object-fit:cover;flex:none}
.ask-read span{font-family:"Libre Caslon Text",Georgia,serif;font-size:.92rem;line-height:1.35}
.ask-read small{display:block;font-family:"Work Sans",Helvetica,Arial,sans-serif;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:#C8A96A;margin-bottom:.25rem}
.ask-read:hover{border-color:#C8A96A}
.ask-book{margin:0 0 1rem}
.ask-chips:empty{display:none}
.ask-form[hidden]{display:none}
@media (max-width:40rem){
  .ask-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.9rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ask-chips::-webkit-scrollbar{display:none}
  .ask-chips button{flex:none;white-space:nowrap}
  .ask-head h2{font-size:1.6rem}
}