/* LittleMinty modern read-only page guide */
:root {
  --lm-bg: rgba(16, 19, 22, .97);
  --lm-bg-soft: rgba(28, 33, 37, .96);
  --lm-line: rgba(255,255,255,.11);
  --lm-text: #f5f7f8;
  --lm-muted: #aab4bb;
  --lm-accent: #9df1d5;
  --lm-shadow: 0 28px 80px rgba(0,0,0,.42);
}
.littleminty-root { position:relative; z-index:9900; }
.littleminty-launcher {
  position:fixed; right:22px; bottom:22px; z-index:9901;
  display:flex; align-items:center; gap:10px; min-height:54px;
  padding:7px 14px 7px 7px; border:1px solid rgba(255,255,255,.16);
  border-radius:999px; background:rgba(18,22,25,.92); color:var(--lm-text);
  box-shadow:0 12px 34px rgba(0,0,0,.28); backdrop-filter:blur(18px);
  cursor:pointer; font:inherit; text-align:left;
}
.littleminty-launcher:hover { transform:translateY(-2px); border-color:rgba(157,241,213,.55); }
.littleminty-launcher img { width:40px; height:40px; border-radius:50%; object-fit:cover; background:#dff8ef; }
.littleminty-launcher span { display:flex; flex-direction:column; line-height:1.08; }
.littleminty-launcher strong { font-size:13px; }
.littleminty-launcher small { margin-top:4px; color:var(--lm-muted); font-size:10px; }

.littleminty-panel {
  position:fixed; right:22px; bottom:88px; z-index:9902;
  width:min(430px, calc(100vw - 24px)); max-height:min(760px, 78vh);
  border:1px solid rgba(255,255,255,.14); border-radius:22px;
  background:var(--lm-bg); color:var(--lm-text); box-shadow:var(--lm-shadow);
  overflow:hidden; backdrop-filter:blur(24px);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.littleminty-header { display:flex; align-items:center; gap:12px; padding:14px; border-bottom:1px solid var(--lm-line); }
.littleminty-header img { width:46px; height:46px; border-radius:14px; object-fit:cover; background:#dff8ef; }
.littleminty-header div { display:flex; min-width:0; flex:1; flex-direction:column; }
.littleminty-header strong { font-size:15px; }
.littleminty-header span { margin-top:3px; color:var(--lm-muted); font-size:11px; }
#littleminty-close { width:32px; height:32px; border:1px solid var(--lm-line); border-radius:10px; background:rgba(255,255,255,.05); color:#dce3e6; font-size:21px; cursor:pointer; }

.littleminty-statusrow { display:flex; align-items:center; gap:8px; padding:10px 14px 5px; overflow:hidden; }
.littleminty-status { flex:0 0 auto; padding:5px 8px; border:1px solid rgba(79,213,173,.28); border-radius:999px; background:rgba(79,213,173,.08); color:var(--lm-accent); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.littleminty-context { min-width:0; overflow:hidden; color:var(--lm-muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }

.littleminty-ownerbar { margin:7px 14px 2px; padding:9px 10px; border:1px solid rgba(122,169,255,.25); border-radius:12px; background:rgba(83,120,189,.09); }
.littleminty-ownerbar strong { display:block; color:#dce8ff; font-size:11px; }
.littleminty-ownerbar span { display:block; margin-top:3px; color:#97a9c6; font-size:10px; line-height:1.35; }

.littleminty-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; padding:8px 14px 10px; }
.littleminty-actions--owner { grid-template-columns:1fr 1fr; padding-top:6px; padding-bottom:4px; }
.littleminty-actions button { min-height:40px; padding:7px 8px; border:1px solid var(--lm-line); border-radius:11px; background:rgba(255,255,255,.045); color:#e9eef0; font:600 11px/1.2 inherit; cursor:pointer; }
.littleminty-actions button:hover { border-color:rgba(157,241,213,.38); background:rgba(157,241,213,.08); color:#fff; }
.littleminty-actions--owner button { border-color:rgba(122,169,255,.28); background:rgba(83,120,189,.08); }

.littleminty-log { display:flex; flex-direction:column; gap:9px; min-height:150px; max-height:350px; padding:10px 14px 14px; overflow-y:auto; background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025)); }
.littleminty-msg { display:flex; flex-direction:column; max-width:94%; }
.littleminty-msg--assistant { align-self:flex-start; }
.littleminty-msg--user { align-self:flex-end; align-items:flex-end; }
.littleminty-bubble { margin:0; padding:10px 12px; border:1px solid var(--lm-line); border-radius:14px; background:rgba(255,255,255,.055); color:#eef2f3; font-size:12.5px; line-height:1.45; white-space:pre-wrap; }
.littleminty-bubble--code { max-width:100%; overflow:auto; color:#dbe8df; background:rgba(0,0,0,.28); font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.littleminty-msg--user .littleminty-bubble { border-color:rgba(79,213,173,.25); background:rgba(79,213,173,.1); }
.littleminty-meta { margin-top:4px; padding:0 4px; color:#77848b; font-size:9.5px; }

.littleminty-compose { display:grid; grid-template-columns:1fr auto; gap:8px; padding:12px 14px; border-top:1px solid var(--lm-line); background:var(--lm-bg-soft); }
#littleminty-input { width:100%; min-height:46px; resize:none; padding:10px 11px; border:1px solid var(--lm-line); border-radius:12px; outline:none; background:rgba(0,0,0,.22); color:#fff; font:12px/1.35 inherit; }
#littleminty-input:focus { border-color:rgba(157,241,213,.52); box-shadow:0 0 0 3px rgba(79,213,173,.08); }
#littleminty-send { align-self:stretch; min-width:64px; padding:0 14px; border:0; border-radius:12px; background:var(--lm-accent); color:#0c211a; font:800 12px/1 inherit; cursor:pointer; }
#littleminty-send:disabled { opacity:.55; cursor:wait; }

.littleminty-panel footer { display:flex; justify-content:space-between; gap:12px; padding:8px 14px 10px; border-top:1px solid var(--lm-line); color:#7f8c92; font-size:9.5px; }
body[data-mint-state="minting"] .littleminty-root,
body[data-mint-state="minted"] .littleminty-root,
body[data-exported="true"] .littleminty-root { display:none !important; pointer-events:none !important; }

@media (max-width:600px) {
  .littleminty-launcher { right:12px; bottom:12px; }
  .littleminty-panel { right:12px; bottom:78px; width:calc(100vw - 24px); max-height:76vh; }
  .littleminty-actions { grid-template-columns:1fr; }
  .littleminty-actions--owner { grid-template-columns:1fr 1fr; }
  .littleminty-log { max-height:280px; }
}
@media (prefers-reduced-motion:reduce) {
  .littleminty-launcher { transition:none; }
}