.storyverse{position:relative;isolation:isolate;padding:22px 18px 12px;margin:20px 0 28px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:24px;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%),#040913;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff20,0 15px 40px #0003}.storyverse:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#bce9ff77 .6px,transparent .9px);background-size:33px 39px;opacity:.25}.storyverse-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.storyverse-head small{font:8px monospace;letter-spacing:.2em;color:#96b5d1}.storyverse-head h2{font:900 clamp(23px,4vw,37px)/1 system-ui;font-style:italic;letter-spacing:-.045em;margin:8px 0 15px;background:linear-gradient(165deg,#fff 10%,#98cfff 35%,#7783b3 48%,#fff 53%,#cb7dff 75%,#36dcff);background-clip:text;color:transparent;filter:drop-shadow(0 0 12px #7f55ff55)}.storyverse-head h2 span{display:inline-block;text-shadow:0 0 15px #5daaff;transform:rotate(-20deg)}.storyverse-scroll{display:flex;gap:6px}.storyverse-scroll button{background:#15253b;border:1px solid #75cbff55;border-radius:10px;width:31px;height:31px;padding:0;color:#c8eeff;font:24px/1 system-ui}.storyverse>.stories{display:flex!important;gap:15px;overflow-x:auto;overflow-y:hidden;perspective:1000px;scroll-snap-type:x proximity;padding:18px 8px 35px;margin:0;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.storyverse .holo-story{position:relative;isolation:isolate;flex:0 0 133px!important;min-width:133px;width:133px;height:202px;padding:0 8px 16px!important;border:1px solid var(--story-glow)!important;border-radius:16px 7px 16px 7px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;background:#070d1a!important;overflow:visible;scroll-snap-align:center;box-shadow:0 0 15px color-mix(in srgb,var(--story-glow) 25%,transparent),inset 0 1px 0 #ffffff70;transform:rotateY(-8deg);transition:transform .35s,box-shadow .35s;animation:storyverseHover 6s ease-in-out infinite}.storyverse .holo-story:nth-child(2n){animation-delay:-3s}.storyverse .holo-story:hover,.storyverse .holo-story:focus-visible{transform:translateY(-7px) rotateY(0);box-shadow:0 0 28px color-mix(in srgb,var(--story-glow) 50%,transparent);animation-play-state:paused}.holo-story-art{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--story-glow) 38%,#081020),#03050b 80%)}.holo-story-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#02050ce8 90%);pointer-events:none}.holo-story-art img,.holo-story-art video{width:100%;height:100%;object-fit:cover}.storyverse .holo-story>.avatar{width:43px;height:43px;min-width:43px;border:2px solid var(--story-glow);box-shadow:0 0 14px color-mix(in srgb,var(--story-glow) 50%,transparent);background:#102337;color:#fff;position:relative;overflow:hidden;z-index:1}.storyverse .holo-story small{font:600 12px/1.2 system-ui;color:#eef7ff;max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.holo-story-kind{font:7px monospace;letter-spacing:.06em;color:var(--story-glow);position:relative;z-index:1}.storyverse-base{position:absolute;left:12%;right:12%;height:9px;bottom:-17px;border:1px solid var(--story-glow);border-radius:50%;box-shadow:0 0 13px var(--story-glow);background:color-mix(in srgb,var(--story-glow) 20%,transparent)}.storyverse-planet{position:absolute;width:85px;height:85px;left:24px;top:30px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#ffffff80,var(--story-glow) 15%,#071021 75%);box-shadow:0 0 25px color-mix(in srgb,var(--story-glow) 30%,transparent)}.storyverse-orbit{position:absolute;left:10%;right:10%;height:95px;top:27px;border:1px solid var(--story-glow);border-radius:50%;transform:rotate(-35deg) scaleY(.55)}.storyverse-sparks{position:absolute;inset:0;background-image:radial-gradient(var(--story-glow) 1px,transparent 1.5px);background-size:37px 43px;opacity:.35}.storyverse #newStory>.avatar{font-size:30px;width:49px;height:49px}.storyverse #newStory .storyverse-planet{opacity:.4}
#modal:has(.storyverse-viewer){width:min(570px,calc(100vw - 20px));background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--story-glow) 15%,#030610),#030610)!important;color:#edf6ff!important;border:1px solid var(--story-glow);box-shadow:0 0 55px color-mix(in srgb,var(--story-glow) 25%,transparent);animation:storyverseEnter .55s cubic-bezier(.22,1,.36,1)}.storyverse-viewer{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;min-height:370px;background:radial-gradient(ellipse,color-mix(in srgb,var(--story-glow) 20%,transparent),#030710)!important;padding-top:56px!important}.storyverse-viewer img,.storyverse-viewer video{position:relative;z-index:1;width:100%;max-height:57dvh;object-fit:contain;border-radius:12px}.storyverse-viewer>p{position:relative;z-index:1;color:#fff;text-shadow:0 2px 10px #000;white-space:pre-wrap;overflow-wrap:anywhere}.storyverse-view-ring{position:absolute;inset:8% 5%;border:2px solid var(--story-glow);border-radius:48%;box-shadow:inset 0 0 25px color-mix(in srgb,var(--story-glow) 30%,transparent),0 0 30px color-mix(in srgb,var(--story-glow) 30%,transparent);animation:storyversePulse 6s ease-in-out infinite;z-index:-1;pointer-events:none}.storyverse-author{position:absolute;top:12px;left:15px;right:15px;font:600 12px system-ui;color:#fff;display:flex;align-items:center;gap:8px}.storyverse-author>img{width:30px;height:30px;border-radius:50%;object-fit:cover}.storyverse-author>span{margin-left:5px}#modal:has(.storyverse-viewer) .story-progress i.active{background:var(--story-glow);box-shadow:0 0 12px var(--story-glow)}.storyverse-creator-intro{padding:20px;border-radius:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 20%,transparent),#ffffff03);margin-bottom:18px}.light .storyverse{background:radial-gradient(ellipse at 50% 100%,#91a5ff22,transparent),#edf5ff}.light .storyverse-head small{color:#425b78}.light .storyverse-head h2{background-image:linear-gradient(160deg,#15314d,#1876bb,#7549a8);filter:none}.light .storyverse-scroll button{color:#16324d;background:#fff}
@keyframes storyverseHover{50%{translate:0 -4px}}@keyframes storyverseEnter{from{opacity:0;transform:scale(.92);filter:brightness(1.6)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes storyversePulse{50%{transform:rotate(4deg) scale(.96);opacity:.55}}@media(max-width:480px){.storyverse{padding:17px 10px 8px}.storyverse>.stories{gap:13px}.storyverse .holo-story{flex-basis:118px!important;min-width:118px;width:118px;height:181px}.storyverse-planet{left:18px}.storyverse-viewer{min-height:330px}.storyverse-head h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.storyverse .holo-story,#modal:has(.storyverse-viewer),.storyverse-view-ring{animation:none;transition:none}}.prism-motion-off .storyverse .holo-story,.prism-motion-off .storyverse-view-ring{animation:none!important}

/* Unframed deck and independently traveling electrical edges. */
#content>.storyverse{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;margin:0 0 24px;padding:12px 0 4px;overflow:visible}
.storyverse:before{display:none}.storyverse-head{padding:0 10px}.storyverse-head h2{color:#cfeaff;background:linear-gradient(160deg,#fff 5%,#8accff 37%,#8a91d0 48%,#fff 53%,#d894ff 75%,#42dfff);background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.035em;margin:8px 0 10px}
.storyverse>.stories{padding:15px 10px 34px}.story-electricity{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;pointer-events:none;color:var(--story-glow);z-index:3;filter:drop-shadow(0 0 3px var(--story-glow))}
.electric-current{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:7 4 1 15 3 70;animation:storyCurrent 3s linear infinite;vector-effect:non-scaling-stroke}
.electric-arc{fill:none;stroke:#e4faff;stroke-width:1;stroke-linejoin:bevel;opacity:0;animation:storyArc 4.5s ease-in-out infinite;vector-effect:non-scaling-stroke}.arc-two{animation-delay:-2s}.holo-story:nth-child(2n) .electric-current{animation-direction:reverse;animation-delay:-1.1s}.holo-story:nth-child(3n) .electric-arc{animation-delay:-1.5s}.holo-story:hover .electric-current,.holo-story:focus-visible .electric-current{stroke-width:2;animation-duration:1.5s}
@keyframes storyCurrent{to{stroke-dashoffset:-100}}@keyframes storyArc{0%,35%,65%,100%{opacity:0}40%,58%{opacity:.85}49%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.electric-current,.electric-arc{animation:none!important}.electric-current{stroke-dasharray:none;opacity:.5}.electric-arc{display:none}}
.prism-motion-off .electric-current,.prism-motion-off .electric-arc{animation:none!important}

.storyverse-head h2 .storyverse-title-planet{display:inline-block;position:relative;width:.86em;height:.86em;vertical-align:-.02em;margin:0 .08em;transform:none;isolation:isolate;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d4faff,#32c5ff 22%,#203585 65%,#080b2d 90%);box-shadow:0 0 10px #36c5ff66;-webkit-text-fill-color:initial}
.storyverse-title-planet:before{content:'';position:absolute;inset:12% -30%;border:2px solid #a56bff;border-radius:50%;transform:rotate(-30deg) scaleY(.48);box-shadow:0 0 7px #be66ff;z-index:-1}
.storyverse-title-planet>i{position:absolute;inset:12% -30%;border:2px solid transparent;border-bottom-color:#8fecff;border-right-color:#dc9aff;border-radius:50%;transform:rotate(-30deg) scaleY(.48);filter:drop-shadow(0 0 3px #91dfff);pointer-events:none}

.sample-cover:after{content:"";position:absolute;inset:-2px;border:1px solid var(--story-glow);border-radius:inherit;pointer-events:none;box-shadow:0 0 10px var(--story-glow);animation:storyversePulse 4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.sample-cover:after{animation:none}}