/* A shallow shaded cylinder hints at an edge-on wheel. The readable centre stays
   flat: no perspective, vertical scaling, duplicated cards or gesture overlays. */
.comment-wheel-shell{position:relative;isolation:isolate;--wheel-visible-top:0px;--wheel-visible-height:0px;--wheel-rim-phase:0px}
.comment-wheel-shell::before,.comment-wheel-shell::after{content:"";position:absolute;pointer-events:none;z-index:2;top:var(--wheel-visible-top);height:var(--wheel-visible-height)}
.comment-wheel-shell::before{inset-inline:0;border-radius:50% / 20px;background:linear-gradient(to bottom,rgba(41,33,42,.08),rgba(255,255,255,.18) 3px,transparent min(40px,14%),transparent max(calc(100% - 40px),86%),rgba(41,33,42,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.comment-wheel-shell::after{right:2px;width:9px;max-height:100%;border-radius:50%;background:linear-gradient(to right,rgba(146,39,143,.04),rgba(255,255,255,.75) 35%,rgba(92,54,91,.24)),repeating-linear-gradient(to bottom,rgba(146,39,143,.2) 0 1px,transparent 1px 18px);background-position:0 0,0 var(--wheel-rim-phase);box-shadow:inset 1px 0 1px rgba(255,255,255,.8),-2px 0 5px rgba(41,33,42,.045);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.comment-wheel{overscroll-behavior-y:auto}
.comment-wheel .thread{--wheel-edge:0;--wheel-curve:0;transform:scaleX(calc(1 - var(--wheel-edge)*.024));transform-origin:center;opacity:1;border-radius:calc(3px + var(--wheel-edge)*7px);background-image:linear-gradient(to bottom,rgba(41,33,42,calc((var(--wheel-edge) - var(--wheel-curve))*.04)),transparent min(90px,38%),transparent max(calc(100% - 90px),62%),rgba(41,33,42,calc((var(--wheel-edge) + var(--wheel-curve))*.04)));box-shadow:inset 0 calc(var(--wheel-curve)*-5px) 10px rgba(41,33,42,calc(var(--wheel-edge)*.04)),0 1px 3px rgba(41,33,42,calc(var(--wheel-edge)*.045))}
.comment-wheel .thread:focus-within{transform:none;opacity:1;border-radius:3px;background-image:none;box-shadow:none}
.comment-wheel-braking{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){.comment-wheel .thread{transform:none;opacity:1;border-radius:3px;background-image:none;box-shadow:none}.comment-wheel-shell::after{background-position:0 0}.comment-wheel-shell::before{display:none}}
@media(forced-colors:active){.comment-wheel-shell::before,.comment-wheel-shell::after{display:none}.comment-wheel .thread{opacity:1;transform:none;background-image:none;box-shadow:none}}