/* Sculpted story objects: colored geometry, inset light, and a physical base. */
.stories .story-ring{position:relative;background:linear-gradient(135deg,#ffd4af 1%,#f880a6 30%,#a680e2 65%,#dbc6ff 91%);box-shadow:0 0 0 4px #fff9f5,0 7px 15px #8d5a9620,inset 0 1px 1px #fff8}
.stories .story-core{position:relative;isolation:isolate;background:radial-gradient(circle at 32% 18%,#fffef9 0%,#fff3f4 25%,#edd9f3 63%,#dbc4e9 100%);box-shadow:inset 0 3px 5px #fff,inset 0 -4px 8px #ad79bd24;border-color:#fff6f3;overflow:visible;transform:translateZ(0)}
.stories .story-core:before{content:'';position:absolute;inset:4px 9px auto;height:17px;border-radius:50%;background:linear-gradient(#fff9,#fff0);z-index:-1;pointer-events:none}
.stories .story-core:after{content:'';position:absolute;inset:auto 12px 8px;height:9px;border-radius:50%;background:#75418e12;filter:blur(3px);z-index:-1;pointer-events:none}
.stories .story-core.core-1{background:radial-gradient(circle at 30% 20%,#fffdf0,#ffeec9 48%,#efd0bf)}
.stories .story-core.core-2{background:radial-gradient(circle at 30% 20%,#fff7f2,#ffdae7 55%,#edc1dc)}
.stories .story-core.core-3{background:radial-gradient(circle at 30% 20%,#fff8fb,#ead8fa 53%,#d5bce8)}
.stories .story-core.core-4{background:radial-gradient(circle at 30% 20%,#f8fbff,#dfdcfa 50%,#bfc2e6)}
.stories .story-core.core-5{background:radial-gradient(circle at 30% 20%,#fff7e9,#f9e0df 50%,#debfdf)}
.stories .story-core .ui-icon{display:block;width:46px;height:46px;max-width:none;stroke:none;filter:drop-shadow(0 3px 2px #774b8d17);transform:translateY(-1px) rotate(-2deg);transition:transform .45s cubic-bezier(.22,.8,.3,1),filter .45s}
.stories .story:hover .story-core .ui-icon,.stories .story:focus-visible .story-core .ui-icon{animation:story-object-rock 1.3s ease-in-out infinite;filter:drop-shadow(0 7px 3px #774b8d25)}
.stories .story:hover .story-ring,.stories .story:focus-visible .story-ring{box-shadow:0 0 0 4px #fff1f6,0 9px 22px #a66fb037,inset 0 1px 1px #fff8}
@keyframes story-object-rock{0%,100%{transform:translateY(-3px) rotate(-6deg) scale(1.08)}50%{transform:translateY(-7px) rotate(5deg) scale(1.1)}}
@media(max-width:700px){.stories .story-core .ui-icon{width:36px;height:36px}.stories .story-core:before{inset:3px 7px auto;height:12px}.stories .story-core:after{inset:auto 9px 5px;height:6px}.stories .story-core{border-width:2px}}
@media(prefers-reduced-motion:reduce){.stories .story-core .ui-icon{animation:none!important;transition:none!important}.stories .story:hover .story-core .ui-icon,.stories .story:focus-visible .story-core .ui-icon{transform:translateY(-2px) scale(1.06)}}