/* A shared chalk/violet material, animated once per visible loading region. */
.ls-region{position:relative;isolation:isolate;overflow:hidden}
.ls-region::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;
  background:linear-gradient(110deg,transparent 28%,#eee6ff08 48%,#eee6ff0d 50%,transparent 70%);
  transform:translateX(-100%);animation:ls-light 3.6s ease-in-out infinite;animation-play-state:paused}
.ls-region.ls-active::after{animation-play-state:running}
@keyframes ls-light{0%,12%{transform:translateX(-100%)}88%,100%{transform:translateX(100%)}}
.ls-placeholder{pointer-events:none!important;cursor:default!important}
.ls-placeholder.skel,.ls-placeholder .skel,.ls-region .skelh,
.epsec .ls-placeholder .epc-art{background:linear-gradient(135deg,#282431,#15151c 65%,#1b1923)}
.ls-placeholder.skel::before,.ls-placeholder .skel::before,.ls-region .skel::before{content:none!important}
.ls-art{display:block;position:relative;overflow:hidden;border:1px solid #d9cbed13;
  border-radius:var(--r-s,10px);background:linear-gradient(135deg,#282431,#15151c 65%,#1b1923)}
.ls-frame{position:absolute;inset:15%;border:1px solid #e6d7ff09;border-radius:inherit;
  background:radial-gradient(ellipse at 25% 15%,#c6afe80d,transparent 65%)}
.ls-bars{display:grid;gap:.55rem;min-width:0;width:100%}
.ls-bars i{display:block;width:82%;height:.65rem;border-radius:5px;
  background:linear-gradient(100deg,#d5cce522,#d5cce50b)}
.ls-bars i+ i{width:55%;height:.5rem}
.ls-placeholder .t .ls-bars{padding-top:.3rem}.ls-placeholder .s .ls-bars i{width:47%;height:.45rem}
.ls-placeholder .dr-t .ls-bars i{height:.85rem;width:72%}
.ls-placeholder .dr-m .ls-bars i{width:46%;height:.5rem}
.ls-placeholder .dr-p .ls-bars{gap:.45rem;padding-top:.25rem}
.ls-placeholder .dr-t,.ls-placeholder .dr-m,.ls-placeholder .dr-p{position:relative}
.ls-placeholder .dr-body .ls-bars{position:absolute;top:.2em;left:0}
.ls-region .skelh{color:transparent;background:linear-gradient(100deg,#d5cce522,#d5cce50b)}
.ls-placeholder .epc-cap{display:flex;flex-direction:column;justify-content:center;padding:.7rem .15rem}
.ls-placeholder .epc-cap .ls-bars i{width:76%;height:.65rem}.ls-placeholder .epc-cap .ls-bars i+ i{width:40%;height:.45rem}
.ls-placeholder .lc-body{min-width:0;flex:1}.ls-placeholder .lc-n .ls-bars{padding:.35rem 0}
.ls-placeholder .lc-n .ls-bars i{height:.85rem;width:85%}.ls-placeholder .lc-m .ls-bars i{height:.5rem;width:55%}
.ls-stack i{position:absolute;inset:0 auto auto 0;width:52%;height:100%;border-radius:5px;
  border:1px solid #ded1f51a;background:linear-gradient(140deg,#3c334c,#1f1d2a);transform:rotate(-9deg)}
.ls-stack i:nth-child(2){translate:35% 0;rotate:8deg}.ls-stack i:nth-child(3){translate:70% 0;rotate:16deg}
.pickcard.ls-placeholder .ls-stack{position:relative;flex:none;width:4.8rem;height:4.5rem}
.pickcard.ls-placeholder .lc-body{width:45%}
.calwid.ls-region.skel{background:none}
.calwid.ls-region .cw-grp{border-radius:12px;background:linear-gradient(125deg,#c5afe90b,transparent)}
.calwid.ls-region .cw-it u,.calwid.ls-region .cw-h,.calwid.ls-region .cw-hd span{background:linear-gradient(100deg,#d5cce522,#d5cce50b)}
.ls-timeline{display:grid;gap:2.4rem;padding:.6rem 0 2rem}
.ls-day-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.15rem}
.ls-day-heading i{display:block;width:7rem;height:.8rem;border-radius:5px;background:#d5cce51a}
.ls-day-heading span{height:1px;flex:1;background:linear-gradient(90deg,#d5cce519,transparent)}
.ls-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ls-event{display:flex;align-items:center;gap:1.1rem;padding:1.1rem;border-radius:16px;
  border:1px solid #d9cbed0c;background:linear-gradient(120deg,#b99bdb08,transparent)}
.ls-event-art{flex:0 0 29%;aspect-ratio:2/3}
.ls-event-copy{flex:1;min-width:0}.ls-event-copy>.ls-bars:first-child i{height:.9rem;width:90%}
.ls-event-meta{display:block;margin:1rem 0 1.5rem}.ls-event-meta .ls-bars{display:flex;gap:.7rem}
.ls-event-meta .ls-bars i{width:25%;height:.45rem}.ls-event-meta .ls-bars i+ i{width:15%}
.ls-history .ls-events{grid-template-columns:1fr}.ls-history .ls-event-art{flex-basis:32%;aspect-ratio:16/9}
.ls-history .ls-event{padding:1.3rem;gap:1.5rem}.ls-history .ls-event-copy{max-width:30rem}
@media(max-width:700px){
  .ls-events{grid-template-columns:1fr}.ls-event{padding:.9rem;gap:.9rem}.ls-event-art{flex-basis:21%}
  .ls-timeline{gap:1.8rem}.ls-event-meta{margin:.7rem 0 1rem}
  .ls-history .ls-event{padding:.85rem;gap:1rem}.ls-history .ls-event-art{flex-basis:34%}
  .ls-history .ls-event-copy>.ls-bars:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){.ls-region::after{animation:none;transform:none;opacity:.35}}
