:root{
  --lc-bar-bg:#0e1424;
  --lc-bar-fg:#eef2ff;
  --lc-bar-muted:#b8c0df;
  --lc-bar-line:rgba(148,163,184,0.28);
  --lc-bar-accent:#38bdf8;
  --lc-bar-height:0px;
  --lc-chip-bg:rgba(56,189,248,0.15);
  --lc-chip-border:rgba(56,189,248,0.35);
  --lc-panel-bg:#0b1020;
  --lc-panel-fg:#f3f6ff;
  --lc-panel-muted:#c7d0ea;
  --lc-panel-line:rgba(148,163,184,0.25);
}

.lc-skip{
  position:fixed;
  top:10px;
  left:10px;
  z-index:10000;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid var(--lc-bar-line);
  background:var(--lc-bar-bg);
  color:var(--lc-bar-fg);
  text-decoration:none;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:13px;
  transform:translateY(-200%);
  transition:transform .12s ease;
}
.lc-skip:focus{transform:translateY(0)}

html.lc-has-bar header{top:var(--lc-bar-height)}
html.lc-has-bar .sim-return{top:var(--lc-bar-height)}
html.lc-has-bar :target{scroll-margin-top:calc(var(--lc-bar-height) + 12px)}

.lc-bar{
  position:sticky;
  top:0;
  z-index:9999;
  background:var(--lc-bar-bg);
  color:var(--lc-bar-fg);
  border-bottom:1px solid var(--lc-bar-line);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.lc-bar__inner{
  max-width:1200px;
  margin:0 auto;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.lc-bar__group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lc-bar__progress{
  width:100%;
}
.lc-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:var(--lc-chip-bg);
  border:1px solid var(--lc-chip-border);
  color:var(--lc-bar-muted);
  font-size:12px;
  white-space:nowrap;
}
.lc-chip strong{color:var(--lc-bar-fg);font-weight:700}
.lc-link, .lc-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,0.35);
  background:rgba(255,255,255,0.06);
  color:var(--lc-bar-fg);
  text-decoration:none;
  font-size:13px;
  cursor:pointer;
}
.lc-link:hover,.lc-btn:hover{border-color:rgba(56,189,248,0.7)}
.lc-link:focus,.lc-btn:focus,.lc-role:focus,.lc-panel input:focus,.lc-panel textarea:focus{
  outline:2px solid var(--lc-bar-accent);
  outline-offset:2px;
}
.lc-role{
  padding:6px 8px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,0.45);
  background:rgba(255,255,255,0.08);
  color:var(--lc-bar-fg);
  font-size:13px;
}
.lc-status{font-size:12px;color:var(--lc-bar-muted)}

.lc-progress{
  border:1px solid var(--lc-bar-line);
  border-radius:12px;
  padding:10px 12px;
  background:rgba(255,255,255,0.04);
  margin:12px 0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.lc-bar__progress .lc-progress{
  margin:0;
  background:rgba(255,255,255,0.03);
}
.lc-progress__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.lc-progress__grid{display:flex;gap:14px;flex-wrap:wrap;flex:1}
.lc-progress__item{min-width:200px}
.lc-progress__label{font-size:12px;color:var(--lc-bar-muted)}
.lc-progress__value{font-size:18px;font-weight:700}
.lc-progress__note{font-size:12px;color:var(--lc-bar-muted);text-align:right}

.lc-viewed-marker{
  display:inline-block;
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  border:1px solid rgba(34,211,238,0.55);
  color:#94f0ff;
  font-size:11px;
}

.lc-overlay{
  position:fixed;
  inset:0;
  background:rgba(5,8,16,0.6);
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease, visibility .2s ease;
  z-index:10000;
}
.lc-overlay.lc-overlay--open{opacity:1;visibility:visible}

.lc-panel{
  position:fixed;
  right:0;
  top:0;
  height:100vh;
  width:min(460px,92vw);
  background:var(--lc-panel-bg);
  color:var(--lc-panel-fg);
  border-left:1px solid var(--lc-panel-line);
  transform:translateX(100%);
  transition:transform .22s ease;
  z-index:10001;
  display:flex;
  flex-direction:column;
}
.lc-panel[aria-hidden="false"]{transform:translateX(0)}
.lc-panel__header{
  padding:14px;
  border-bottom:1px solid var(--lc-panel-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.lc-panel__title{margin:0;font-size:16px;font-weight:800}
.lc-panel__body{padding:14px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:12px}
.lc-panel__footer{padding:12px;border-top:1px solid var(--lc-panel-line);display:flex;gap:10px;flex-wrap:wrap}
.lc-glossary__more{margin-left:auto}
.lc-panel label{font-size:12px;color:var(--lc-panel-muted);display:block;margin-bottom:6px}
.lc-panel textarea{
  width:100%;
  min-height:160px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,0.4);
  background:rgba(255,255,255,0.04);
  color:var(--lc-panel-fg);
  padding:10px;
  font-family:inherit;
  font-size:14px;
  resize:vertical;
}
.lc-panel textarea:disabled{opacity:0.65;cursor:not-allowed}
.lc-panel input[type="search"]{
  width:100%;
  border-radius:10px;
  border:1px solid rgba(148,163,184,0.4);
  background:rgba(255,255,255,0.04);
  color:var(--lc-panel-fg);
  padding:10px;
  font-size:14px;
}
.lc-panel .lc-muted{color:var(--lc-panel-muted);font-size:12px;line-height:1.5}

.lc-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.lc-result{
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,0.3);
  background:rgba(255,255,255,0.03);
}
.lc-result__title{font-weight:700;margin:0 0 4px 0}
.lc-result__row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lc-result__meta{font-size:12px;color:var(--lc-panel-muted);display:flex;gap:8px;flex-wrap:wrap}
.lc-result .lc-muted{margin-top:6px}
.lc-badge{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.45);
  font-size:11px;
}
.lc-badge.lc-badge--viewed{
  border-color:rgba(34,211,238,0.55);
  color:#bff8ff;
  background:rgba(34,211,238,0.10);
}

.card.span4 .code{
  line-height:1.6;
}
.lc-glossary{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.lc-glossary__item{
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,0.3);
  background:rgba(255,255,255,0.03);
}
.lc-glossary__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.lc-glossary__term{
  margin:0;
  font-size:15px;
  line-height:1.35;
}
.lc-glossary__item p{
  margin:0 0 6px 0;
  font-size:13px;
  color:var(--lc-panel-muted);
}
.lc-glossary__item p:last-child{
  margin-bottom:0;
}
.lc-glossary__toggle{
  font-size:12px;
  padding:5px 9px;
  white-space:nowrap;
}
.lc-glossary__details{
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow:hidden;
  max-height:0;
  opacity:0;
  transition:max-height 180ms ease, opacity 180ms ease;
}
.lc-glossary__details[data-open="true"]{
  max-height:220px;
  opacity:1;
}
.lc-glossary__details[hidden]{
  display:none;
}
.lc-glossary__item--flash{
  border-color:rgba(56,189,248,0.9);
  background:rgba(56,189,248,0.08);
  box-shadow:0 0 0 2px rgba(56,189,248,0.18);
  transition:background 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

@media(max-width:720px){
  .lc-bar__inner{flex-direction:column;align-items:flex-start}
}