.div-alicia{
  --da-paper:#F7F8FC; --da-paper-alt:#EFF2FC; --da-ink:#1B2140; --da-ink-soft:#4B5171;
  --da-primary:#2E4BF2; --da-primary-dark:#1E34B8; --da-accent:#F5A623; --da-accent-soft:#FDECC8;
  --da-red:#E1483C; --da-green:#1FA97A; --da-line:#D8DEF3; --da-white:#FFFFFF;
  font-family:'Inter',-apple-system,sans-serif; color:var(--da-ink);
  max-width:360px; margin:0 auto;
}
.div-alicia *, .div-alicia *::before, .div-alicia *::after{ box-sizing:border-box; }

.div-alicia .da-wrap{ position:relative; }
.div-alicia .da-wrap::before{
  content:""; position:absolute; inset:-16px; z-index:0; border-radius:34px;
  background:radial-gradient(ellipse at 50% 0%, rgba(46,75,242,.20), transparent 70%);
}
.div-alicia .da-device{
  position:relative; z-index:1; background:var(--da-white); border-radius:22px;
  box-shadow:0 24px 54px rgba(27,33,64,.20), 0 4px 14px rgba(27,33,64,.08);
  border:1px solid var(--da-line); overflow:hidden;
}
.div-alicia .da-topbar{
  display:flex; align-items:center; justify-content:space-between; padding:11px 14px;
  background:var(--da-ink); color:#fff;
}
.div-alicia .da-name{
  font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.04em;
  display:flex; align-items:center; gap:7px;
}
.div-alicia .da-lamp{ width:7px; height:7px; border-radius:50%; background:var(--da-green); box-shadow:0 0 8px var(--da-green); }

.div-alicia .da-tabs{ display:flex; overflow-x:auto; background:var(--da-paper-alt); border-bottom:1px solid var(--da-line); scrollbar-width:none; }
.div-alicia .da-tabs::-webkit-scrollbar{ display:none; }
.div-alicia .da-tab{
  flex:1; min-width:max-content; padding:9px 10px; font-weight:700; font-size:.74rem;
  color:var(--da-ink-soft); background:none; border:none; cursor:pointer; border-bottom:3px solid transparent; white-space:nowrap;
}
.div-alicia .da-tab.active{ color:var(--da-primary); border-bottom-color:var(--da-primary); background:var(--da-white); }

.div-alicia .da-panel{ display:none; padding:14px; }
.div-alicia .da-panel.active{ display:block; }

.div-alicia .da-hint{ font-size:.78rem; color:var(--da-ink-soft); margin:0 0 10px; }
.div-alicia .da-hint strong{ color:var(--da-ink); }

.div-alicia .da-fields{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.div-alicia .da-fields label{ font-size:.72rem; font-weight:700; color:var(--da-ink-soft); display:block; margin-bottom:4px; }
.div-alicia .da-fields input{
  width:100%; padding:10px 11px; border-radius:9px; border:1px solid var(--da-line);
  font-family:'Space Mono',monospace; font-size:.95rem; background:var(--da-paper-alt); color:var(--da-ink);
}
.div-alicia .da-fields input:focus{ outline:2px solid var(--da-primary); outline-offset:1px; }

.div-alicia .da-example-row{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.div-alicia .da-example-chip{
  font-family:'Space Mono',monospace; font-size:.68rem; background:var(--da-paper-alt); border:1px solid var(--da-line);
  padding:4px 9px; border-radius:999px; cursor:pointer; color:var(--da-ink-soft);
}
.div-alicia .da-example-chip:hover{ border-color:var(--da-primary); color:var(--da-primary); }

.div-alicia .da-mini-btn{
  padding:10px 18px; border-radius:9px; border:none; background:var(--da-primary); color:#fff;
  font-weight:700; cursor:pointer; font-family:'Inter',sans-serif; font-size:.82rem; width:100%;
}
.div-alicia .da-mini-btn:hover{ background:var(--da-primary-dark); }
.div-alicia .da-download-btn{ background:var(--da-accent); color:#5c3d00; font-size:.75rem; padding:8px 14px; width:auto; }
.div-alicia .da-download-btn:hover{ background:#E39916; }

.div-alicia .da-error{ color:var(--da-red); font-size:.76rem; font-weight:600; margin:6px 2px 0; min-height:16px; }

.div-alicia .da-result-strip{
  display:flex; align-items:center; justify-content:space-between; background:var(--da-ink); border-radius:11px;
  padding:12px 14px; margin-top:12px;
}
.div-alicia .da-result-strip .da-r-label{ font-family:'Space Mono',monospace; font-size:.68rem; color:#9AA5E8; }
.div-alicia .da-result-strip .da-r-value{ font-family:'Space Mono',monospace; font-size:1.3rem; font-weight:700; color:#fff; }

.div-alicia .da-steps{
  margin-top:12px; border-radius:12px; border:1px solid var(--da-line);
  background:repeating-linear-gradient(var(--da-white) 0 23px, var(--da-line) 23px 24px);
  position:relative; padding:11px 12px 11px 26px; max-height:230px; overflow-y:auto;
}
.div-alicia .da-steps::before{ content:""; position:absolute; left:17px; top:0; bottom:0; width:2px; background:var(--da-red); opacity:.5; }
.div-alicia .da-steps-title{ font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--da-ink-soft); margin-bottom:6px; }
.div-alicia .da-step-line{ font-family:'Space Mono',monospace; font-size:.76rem; color:var(--da-ink); padding:2px 0; line-height:20px; opacity:0; animation:daStepIn .3s ease forwards; }
@keyframes daStepIn{ from{opacity:0; transform:translateX(-5px);} to{opacity:1; transform:translateX(0);} }
.div-alicia .da-empty{ color:var(--da-ink-soft); font-size:.76rem; font-style:italic; }

.div-alicia .da-hist-entry{
  border-bottom:1px dashed var(--da-line); padding:6px 0; font-family:'Space Mono',monospace; font-size:.74rem;
}
.div-alicia .da-hist-entry .da-hist-result{ color:var(--da-green); font-weight:700; }