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

.pc-alicia .pc-wrap{ position:relative; }
.pc-alicia .pc-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%);
}
.pc-alicia .pc-device{
  position:relative; z-index:1; background:var(--pc-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(--pc-line); overflow:hidden;
}
.pc-alicia .pc-topbar{
  display:flex; align-items:center; justify-content:space-between; padding:11px 14px;
  background:var(--pc-ink); color:#fff;
}
.pc-alicia .pc-name{
  font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.04em;
  display:flex; align-items:center; gap:7px;
}
.pc-alicia .pc-lamp{ width:7px; height:7px; border-radius:50%; background:var(--pc-green); box-shadow:0 0 8px var(--pc-green); }

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

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

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

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

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

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

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

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

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

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