.planet-stories{padding:12px;min-width:0}
.planet-stories__item{display:flex;width:100%;flex-direction:column;align-items:center;gap:10px;background:none;border:0;cursor:pointer;padding:4px}
.planet-stories__item:focus-visible{outline:2px solid rgb(var(--color-prim));outline-offset:-2px;border-radius:8px}
.planet-stories__ring{display:block;width:min(100%,var(--story-size));aspect-ratio:1;padding:var(--story-ring);background:linear-gradient(315deg,var(--story-ring-start),var(--story-ring-end));flex-shrink:0}
.planet-stories__ring img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border:var(--story-gap) solid rgb(var(--color-card));background:rgb(var(--color-card))}
.planet-stories__title{font-size:var(--story-title-size);font-weight:var(--story-title-weight);color:var(--story-title-color);text-align:center;display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.8}
.planet-stories__empty{padding:28px 12px;text-align:center;border:1px dashed rgb(var(--color-text-sub) / .25);border-radius:inherit}
.planet-stories__viewer{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:transparent;color:white;overflow:hidden;box-shadow:none}
.planet-stories__viewer[open]{display:flex;align-items:center;justify-content:center}
.planet-stories__viewer::backdrop{background:rgb(0 0 0 / .8);backdrop-filter:blur(5px)}
.planet-stories__screen{position:relative;width:min(100vw,56.25dvh);height:100%;flex-shrink:0}
.planet-stories__progress{position:absolute;inset:0 0 auto;height:3px;background:rgb(255 255 255 / .3);direction:ltr;z-index:3}
.planet-stories__progress span{display:block;height:100%;background:white}
.planet-stories__viewer-header{position:absolute;inset:3px 0 auto;z-index:2;display:flex;align-items:center;gap:10px;padding:12px;padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(rgb(0 0 0 / .5),transparent);text-shadow:0 1px 4px #000}
.planet-stories__viewer-header img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.planet-stories__viewer-header>span{flex:1;min-width:0;font-size:13px;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.planet-stories__media-controls{position:absolute;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px}
.planet-stories__viewer button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:9px;border-radius:50%;background:rgb(0 0 0 / .28);color:white;border:0;cursor:pointer;backdrop-filter:blur(8px);transition:background .15s}
.planet-stories__viewer button:hover{background:rgb(0 0 0 / .5)}
.planet-stories__viewer svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.planet-stories__media-controls button[aria-pressed] svg{width:16px;height:16px}
.planet-stories__viewer .planet-stories__media-controls button,.planet-stories__viewer .planet-stories__close{width:30px;height:30px;padding:7px}
.planet-stories__media-controls button svg,.planet-stories__close svg{width:16px;height:16px}
.planet-stories__viewer button:focus-visible,.planet-stories__viewer a:focus-visible{outline:2px solid white;outline-offset:-3px}
.planet-stories__viewer button:disabled{opacity:.35;cursor:default}
.planet-stories__media{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:transparent}
.planet-stories__viewer-footer{position:absolute;inset:auto 0 0;z-index:2;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;max-height:35%;overflow:auto;background:linear-gradient(transparent,rgb(0 0 0 / .45));pointer-events:none}
.planet-stories__viewer-footer>a{display:block;padding:10px;border-radius:10px;background:rgb(0 0 0 / .4);backdrop-filter:blur(8px);color:white;font-size:13px;text-align:center;pointer-events:auto}
.planet-stories__viewer-footer{padding-right:54px}
.planet-stories__viewer .planet-stories__previous,.planet-stories__viewer .planet-stories__next{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.planet-stories__previous{right:-56px}
.planet-stories__next{left:-56px}
.planet-stories__error{position:absolute;inset:45% 12px auto;text-align:center;color:white;text-shadow:0 1px 4px #000}
@media(max-aspect-ratio:4/5){.planet-stories__previous{right:8px}.planet-stories__next{left:8px}}