.story-play{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.story-rail{gap:5px;width:min(520px,100%);display:flex}.story-tick{background:#ffffff24;border-radius:2px;flex:1;height:3px;transition:background .4s linear,box-shadow .4s linear}.story-tick.done{background:#5cc8ff8c}.story-tick.now{background:linear-gradient(90deg, var(--lq-cyan), var(--lq-violet));box-shadow:0 0 12px #5cc8ffb3}.story-count{color:var(--lq-ink-faint);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:650}.story-scene{width:100%;animation:lq-rise .8s var(--lq-spring) both;flex-direction:column;align-items:center;gap:22px;display:flex}.story-text{flex-direction:column;align-items:center;gap:13px;display:flex}.story-title{max-width:18ch;font-size:clamp(1.9rem,5vw,3.2rem)}.story-caption{max-width:56ch;color:var(--lq-ink-dim);margin:0;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.68}.story-controls{flex-wrap:wrap;justify-content:center;gap:11px;margin-top:4px;display:flex}.slide{aspect-ratio:16/9;perspective:1100px;perspective-origin:50% 42%;width:min(560px,100%)}.slide-deck{width:100%;height:100%;transform-style:preserve-3d;animation:1s cubic-bezier(.19,1,.22,1) both slide-in,9s ease-in-out 1s infinite slide-sway;position:relative;transform:rotateX(13deg)rotate(-2deg)}@keyframes slide-in{0%{opacity:0;transform:rotateX(30deg)rotate(-6deg)translateY(40px)scale(.9)}to{opacity:1;transform:rotateX(13deg)rotate(-2deg)}}@keyframes slide-sway{0%,to{transform:rotateX(13deg)rotate(-2deg)rotateY(-3deg)}50%{transform:rotateX(11deg)rotate(-1deg)rotateY(3deg)}}.slide-card{-webkit-backdrop-filter:blur(20px)saturate(160%);transform:translateZ(var(--z,0px));background:linear-gradient(165deg,#ffffff21,#ffffff0a);border:1px solid #ffffff2b;border-radius:16px;flex-direction:column;justify-content:center;gap:9px;padding:16px 18px;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff4d,0 20px 46px #0206148c}.slide-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background:linear-gradient(120deg,#0000 38%,#5cc8ff80 50%,#0000 62%);position:absolute;inset:0}.s-wide{inset:20% 8%}.s-stack{height:24%;left:14%;right:14%}.s-s1{top:44%}.s-s2{opacity:.8;top:28%}.s-s3{opacity:.55;top:13%}.s-third{align-items:center;width:26%;height:38%;top:30%}.s-p1{left:8%}.s-p2{left:37%}.s-p3{left:66%}.s-half{width:38%;top:22%;bottom:22%}.s-left{left:7%}.s-right{right:7%}.s-dashed{opacity:.72;border-style:dashed}.s-doc{inset:12% 22%}.s-back{opacity:.5;transform:translateZ(0)translate(14px,12px)rotate(3deg)}.s-hist{height:19%;left:16%;right:16%}.s-h1{top:24%}.s-h2{opacity:.78;top:46%}.s-h3{opacity:.55;top:68%}.s-float{width:30%;height:20%}.s-tl{top:14%;left:2%}.s-br{bottom:14%;right:2%}.s-alert{border-color:#ff8a8073;flex-direction:row;align-items:center;gap:12px;bottom:54%}.s-empty{opacity:.7;border-style:dashed;justify-content:center;align-items:center;top:52%}.slide-row{align-items:center;gap:9px;display:flex}.slide-dot{border-radius:50%;flex:none;width:9px;height:9px}.t-bad{background:#ff8a80;box-shadow:0 0 10px #ff8a80cc}.t-warn{background:#ffb27a;box-shadow:0 0 10px #ffb27ab3}.t-ok{background:#5cc8ff;box-shadow:0 0 10px #5cc8ffb3}.t-mute{background:#ffffff4d}.slide-line{background:#ffffff42;border-radius:4px;height:7px}.slide-line.head{background:#ffffff80;height:10px}.slide-tag{border-radius:4px;flex:none;width:30px;height:9px;margin-left:auto}.slide-tag.big{width:54%;height:13px;margin:0}.g-det{background:#76c3f0}.g-ret{background:#5ce1e6}.g-inf{background:#bda6f0}.slide-quote{background:#ff8a802b;border-left:3px solid #ff8a80;border-radius:9px;padding:8px 10px}.slide-mark-text{background:#ffc8c3bf;border-radius:4px;height:8px;display:block}.slide-bang,.slide-qmark{flex:none;font-size:1.7rem;font-weight:800;line-height:1}.slide-bang{color:#ff8a80}.slide-qmark{color:#ffffff57}.slide-stage,.slide-step{animation:pip-in .5s var(--lq-spring) both;animation-delay:calc(var(--i) * .26s + .5s);align-items:center;gap:10px;display:flex}.slide-pip{background:linear-gradient(135deg, var(--lq-cyan), var(--lq-blue));border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 12px #5cc8ffcc}.slide-tick{background:linear-gradient(135deg, var(--lq-cyan), var(--lq-blue));border-radius:5px;flex:none;width:15px;height:15px;box-shadow:0 0 12px #5cc8ffb3}@keyframes pip-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.slide-orb{place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.slide-mark{filter:drop-shadow(0 20px 48px #2e7be899);width:clamp(104px,22vw,210px);height:auto;transform:translateZ(100px)}@media (max-width:560px){.slide{width:100%}.slide-card{border-radius:13px;gap:6px;padding:11px 12px}.slide-line{height:5px}}@media (prefers-reduced-motion:reduce){.slide-deck,.slide-stage,.slide-step,.story-scene{opacity:1!important;animation:none!important;transform:rotateX(0)!important}}.story-play{--lq-ink-dim:var(--text-dim);--lq-ink-faint:var(--text-faint);--lq-cyan:var(--accent);--lq-violet:var(--prov-ai);--lq-spring:var(--spring)}.lq-eyebrow{border-radius:var(--r-pill);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:8px;padding:6px 14px;font-size:.74rem;font-weight:700;display:inline-flex}.lq-eyebrow svg{flex:none;width:14px;height:14px}.lq-h1{letter-spacing:-.035em;font-size:clamp(1.9rem,5vw,3.1rem)}.story-scene{align-items:center}.story-play{padding-top:var(--s4)}
