/* app/explain/askos.css — "Vraag het OS"-paneel (T1). Donker met klei, zoals het uitlegpaneel. */
.aos-fab{position:fixed;right:22px;bottom:22px;z-index:900;display:flex;align-items:center;gap:9px;padding:12px 18px 12px 14px;border-radius:999px;border:0;cursor:pointer;
  background:#161514;color:var(--cr);font:600 14px var(--sans);box-shadow:0 18px 40px -16px rgba(16,14,12,.7),inset 0 0 0 1px rgba(244,242,238,.08)}
.aos-fab svg{width:20px;height:20px;color:var(--y)}
.aos-fab:hover{box-shadow:0 18px 40px -14px rgba(226,86,31,.6),inset 0 0 0 1px rgba(226,86,31,.5)}
body.aos-open .aos-fab{display:none}
.aos{position:fixed;right:22px;bottom:22px;z-index:950;width:min(420px,calc(100vw - 32px));height:min(620px,calc(100vh - 44px));display:flex;flex-direction:column;
  background:linear-gradient(170deg,#1d1916,#100E0C);color:var(--cr);border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.65),inset 0 0 0 1px rgba(244,242,238,.08);overflow:hidden}
.aos[hidden]{display:none}
.aos-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 18px 12px 22px;border-bottom:1px solid rgba(244,242,238,.08)}
.aos-eye{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--y);font-weight:700}
.aos-title{font-family:var(--serif);font-size:26px;line-height:1.1;font-weight:500}
.aos-x{background:rgba(244,242,238,.08);border:0;color:var(--cr);width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer;line-height:1}
.aos-x:hover{background:var(--y);color:var(--on-accent)}
.aos-list{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.aos-empty{color:rgba(244,242,238,.62);font-size:14px;line-height:1.55}
.aos-msg{max-width:92%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.aos-msg p+p,.aos-msg ul{margin-top:6px}
.aos-msg ul{padding-left:18px}
.aos-msg code{font-family:'JetBrains Mono',monospace;font-size:12.5px;background:rgba(244,242,238,.1);padding:1px 5px;border-radius:6px}
.aos-msg.user{align-self:flex-end;background:var(--y);color:var(--on-accent);border-bottom-right-radius:6px}
.aos-msg.assistant{align-self:flex-start;background:rgba(244,242,238,.07);border-bottom-left-radius:6px}
.aos-msg.err{background:rgba(180,51,26,.25)}
.aos-msg.busy{display:flex;gap:5px;padding:14px}
.aos-msg.busy span{width:7px;height:7px;border-radius:50%;background:var(--y);animation:aosb 1s infinite ease-in-out}
.aos-msg.busy span:nth-child(2){animation-delay:.15s}.aos-msg.busy span:nth-child(3){animation-delay:.3s}
@keyframes aosb{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:none}}
.aos-form{display:flex;gap:8px;padding:12px 14px 6px;border-top:1px solid rgba(244,242,238,.08)}
.aos-form textarea{flex:1;resize:none;background:rgba(244,242,238,.06);border:1px solid rgba(244,242,238,.12);color:var(--cr);border-radius:14px;padding:10px 12px;font:14px var(--sans);min-width:0}
.aos-form textarea:focus{outline:none;border-color:var(--y);box-shadow:none}
.aos-send{border:0;border-radius:999px;background:var(--y);color:var(--on-accent);font:600 14px var(--sans);padding:0 18px;cursor:pointer}
.aos-send:disabled{opacity:.5;cursor:default}
.aos-foot{font-size:11px;color:rgba(244,242,238,.45);padding:2px 18px 12px}
@media (max-width:640px){.aos{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}.aos-fab span{display:none}.aos-fab{padding:14px;right:16px;bottom:16px}}
@media (max-width:1080px){body:has(.sidebar.open) .aos-fab{display:none}}