/* Orra on every venture: the launcher and chat window, copied from auctus/site/shell.js (the Auctus shell's Auctoris CSS, verbatim),
   plus the floating words (ax-hint) and the in-chat note to a person (ax-ask). Copied byte for byte into each house site as /orra/orra.css. */
.ax-launch{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:2600;width:58px;height:58px;border-radius:50%;border:1px solid rgba(201,162,74,.5);background:#0b0a08;box-shadow:0 8px 28px rgba(0,0,0,.55),0 0 0 4px rgba(201,162,74,.06);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .18s,box-shadow .18s}
.ax-launch:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.6),0 0 0 5px rgba(201,162,74,.12)}
.ax-launch .ax-rings{width:36px;height:36px}
.ax-panel{position:fixed;right:18px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:2601;width:392px;max-width:calc(100vw - 24px);height:min(640px,calc(100vh - 120px));display:none;flex-direction:column;background:#0a0908;border:1px solid rgba(201,162,74,.28);box-shadow:0 24px 60px rgba(0,0,0,.7);font-family:"Cormorant Garamond",Georgia,serif;color:#e8e2d4}
.ax-panel.open{display:flex}
.ax-head{display:flex;align-items:center;gap:12px;padding:14px 14px 12px;border-bottom:1px solid rgba(201,162,74,.14)}
.ax-head .ax-rings{width:34px;height:34px;flex-shrink:0}
.ax-head .t{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.3em;font-size:13px;color:#C9A24A}
.ax-head .s{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.14em;color:rgba(200,196,188,.5);margin-top:3px}
.ax-head a.page{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.14em;color:#e2be76;text-decoration:none;border:1px solid rgba(201,162,74,.3);padding:7px 9px;white-space:nowrap}
.ax-head a.page:hover{background:rgba(201,162,74,.1)}
.ax-x{background:none;border:0;color:rgba(200,196,188,.6);font-size:22px;line-height:1;cursor:pointer;padding:4px 6px}
.ax-x:hover{color:#C9A24A}
.ax-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.5}
.ax-msg{max-width:92%;white-space:normal;word-wrap:break-word}
.ax-msg.u{align-self:flex-end;background:#16140f;border:1px solid rgba(201,162,74,.18);padding:9px 12px}
.ax-msg.a{align-self:flex-start}
.ax-msg.a p{margin:0 0 8px}
.ax-msg.a p:last-child{margin:0}
.ax-msg.a ul{margin:4px 0 8px;padding-left:18px}
.ax-msg a{color:#e2be76}
.ax-msg.note{align-self:stretch;font-style:italic;color:#C9A24A;border-left:2px solid #C9A24A;padding:4px 0 4px 10px;font-size:16px}
.ax-doccard{display:flex;align-items:center;gap:10px;border:1px solid rgba(201,162,74,.3);padding:10px 12px;color:#e8e2d4;text-decoration:none;font-size:15px;background:#0f0e0b}
.ax-doccard b{font-family:Cinzel,Georgia,serif;letter-spacing:.06em;display:block}
.ax-doccard span{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.14em;color:#e2be76}
.ax-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 10px}
.ax-chip{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.02em;line-height:1.35;text-align:left;color:#e2be76;background:transparent;border:1px solid rgba(201,162,74,.32);padding:8px 10px;cursor:pointer;transition:background-color .15s}
.ax-chip:hover{background:rgba(201,162,74,.1)}
.ax-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(201,162,74,.14)}
.ax-form textarea{flex:1;resize:none;height:44px;max-height:120px;background:#060605;border:1px solid rgba(201,162,74,.22);color:#e8e2d4;font-family:inherit;font-size:16px;padding:10px;outline:none}
.ax-form textarea:focus{border-color:rgba(201,162,74,.6)}
.ax-form button{background:#C9A24A;color:#080808;border:0;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;padding:0 14px;cursor:pointer}
.ax-form button:disabled{opacity:.45;cursor:default}
.ax-foot{display:flex;justify-content:space-between;gap:8px;padding:0 14px 10px;font-family:"JetBrains Mono",monospace;font-size:8.5px;letter-spacing:.1em;color:rgba(200,196,188,.38)}
.ax-foot button{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;padding:0}
.ax-foot button:hover{color:#C9A24A}
.ax-think{display:flex;align-items:center;gap:10px;color:rgba(200,196,188,.6);font-style:italic;font-size:15px}
.ax-think .ax-rings{width:22px;height:22px;animation:axspin 2.4s linear infinite}
@keyframes axspin{to{transform:rotate(360deg)}
}
@media (max-width:560px){.ax-panel{right:0;left:0;bottom:0;top:0;width:auto;max-width:none;height:auto;border:0}
.ax-launch{right:14px}
}
@media (prefers-reduced-motion:reduce){.ax-think .ax-rings{animation:none}
}

/* the floating words: a quiet "ask", later "help", drifting out of the circle and settling back */
.ax-hint{position:fixed;right:84px;bottom:calc(36px + env(safe-area-inset-bottom,0px));z-index:2599;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.32em;text-transform:lowercase;color:#e2be76;background:rgba(11,10,8,.86);border:1px solid rgba(201,162,74,.28);padding:6px 10px 6px 12px;pointer-events:none;opacity:0;transform:translateX(14px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.ax-hint.on{opacity:1;transform:none}
.ax-hint::after{content:"";position:absolute;right:-5px;top:50%;width:8px;height:8px;margin-top:-4px;background:rgba(11,10,8,.86);border-right:1px solid rgba(201,162,74,.28);border-top:1px solid rgba(201,162,74,.28);transform:rotate(45deg)}
/* a note to a person, inside the chat */
.ax-ask{display:flex;flex-direction:column;gap:7px;align-self:stretch}
.ax-ask input,.ax-ask textarea{background:#060605;border:1px solid rgba(201,162,74,.22);color:#e8e2d4;font-family:inherit;font-size:16px;padding:9px 10px;outline:none;resize:vertical}
.ax-ask input:focus,.ax-ask textarea:focus{border-color:rgba(201,162,74,.6)}
.ax-ask button{align-self:flex-start;background:#C9A24A;color:#080808;border:0;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;padding:10px 14px;cursor:pointer}
.ax-ask button:disabled{opacity:.45}
.ax-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (prefers-reduced-motion:reduce){.ax-hint{transition:none}}
@media print{.ax-launch,.ax-panel,.ax-hint{display:none!important}}
/* Orra's additions: talk to a person (always in view), the mic and picture tools, pictures in the chat */
.ax-talk{display:block;width:100%;text-align:left;background:rgba(201,162,74,.08);border:0;border-bottom:1px solid rgba(201,162,74,.18);color:#e2be76;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;padding:10px 14px;cursor:pointer}
.ax-talk:hover{background:rgba(201,162,74,.16)}
.ax-form .ax-tool{background:transparent;border:1px solid rgba(201,162,74,.28);padding:0;width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ax-form .ax-tool:hover{background:rgba(201,162,74,.1)}
.ax-form .ax-mic.on{background:rgba(200,16,46,.25);border-color:#C8102E;animation:axpulse 1.2s ease-in-out infinite}
@keyframes axpulse{50%{box-shadow:0 0 0 4px rgba(200,16,46,.18)}}
.ax-img{margin:0;align-self:flex-start;max-width:92%}
.ax-img img{display:block;width:100%;border:1px solid rgba(201,162,74,.3)}
.ax-img figcaption{margin-top:6px}
.ax-img a{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.14em;color:#e2be76}
.ax-foot .ax-voice[aria-pressed="true"]{color:#C9A24A}
@media (prefers-reduced-motion:reduce){.ax-form .ax-mic.on{animation:none}}
/* the file chip: what is attached for Orra to view, above the composer */
.ax-filechip{display:flex;align-items:center;gap:8px;margin:6px 12px 0;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;color:#e2be76;border:1px dashed rgba(201,162,74,.45);padding:6px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ax-filechip[hidden]{display:none}
.ax-filechip button{margin-left:auto;background:none;border:0;color:#9b958a;cursor:pointer;font-size:15px;padding:0 2px}
.ax-form .ax-tool{width:36px}
@media (max-width:420px){.ax-form{gap:6px;padding:10px 8px}.ax-form .ax-tool{width:32px}.ax-form button[type=submit]{padding:0 10px}}

/* a site's own face in place of the rings (Ridgeline: Monty) */
.ax-face{width:100%;height:100%;object-fit:contain;display:block}
.ax-launch .ax-face{width:46px;height:46px}
.ax-head .ax-face{width:34px;height:34px;flex-shrink:0}
.ax-think .ax-face{width:18px;height:18px}
