:root{--shadow-stroke: oklch(.6 0 0);--shadow-fill: oklch(.96 0 0);--real-stroke: oklch(.4 .12 245);--real-fill: oklch(.95 .015 245);--resolution-stroke: oklch(.45 .15 145);--resolution-fill: oklch(.95 .05 145);--user-position-stroke: oklch(.45 .15 100);--user-position-fill: oklch(.95 .05 100)}@media (prefers-color-scheme: dark){:root{--shadow-stroke: oklch(.8 0 0);--shadow-fill: oklch(.3 0 0);--real-stroke: oklch(.8 .125 245);--real-fill: oklch(.3 .025 245);--resolution-stroke: oklch(.9 .15 145);--resolution-fill: oklch(.25 .05 145);--user-position-stroke: oklch(.9 .15 100);--user-position-fill: oklch(.25 .05 100)}}.resolution-marker-line{position:absolute;top:0;bottom:0;width:0;border-left:3px dashed var(--resolution-stroke);transform:translate(-50%);pointer-events:none;z-index:4}.resolution-marker-line.left{left:0%}.resolution-marker-line.right{left:100%}.resolution-badge{position:absolute;left:50%;transform:translate(-50%,-100%);background:var(--resolution-fill);color:var(--resolution-stroke);font-size:.625rem;font-weight:700;padding:2px 4px;border-radius:4px;width:max-content;z-index:10}.resolution-badge.left{transform:translate(-.5rem,-100%)}.resolution-badge.right{transform:translate(calc(-100% + .5rem),-100%)}.user-position-marker-line{position:absolute;top:0;bottom:0;width:0;border-left:3px dashed var(--user-position-stroke);transform:translate(-50%);pointer-events:none;z-index:3}.user-position-marker-line.koth{top:-1.375rem}.user-position-marker-line.left{left:0%}.user-position-marker-line.right{left:100%}.user-position-badge{position:absolute;left:50%;transform:translate(-50%,-100%);background:var(--user-position-fill);color:var(--user-position-stroke);font-size:.625rem;font-weight:700;padding:2px 5px;border-radius:4px;width:max-content;border:none}.user-position-badge.left{transform:translate(-.5rem,-100%)}.user-position-badge.right{transform:translate(calc(-100% + .5rem),-100%)}h1,h2,h3{margin:0}
