/* Reversible LOG367 interaction/color preview. */
.ls-home .ls-pill.ro-download{background:linear-gradient(110deg,transparent 42%,#fff3 47%,#fff9 50%,#fff3 53%,transparent 58%) 160% 0/250% 100% no-repeat,linear-gradient(120deg,#c3f2ff,#a8e8ff 55%,#8cdaff);color:#102b62;box-shadow:inset 0 1px 1px #fffffff0,inset 0 -2px 0 #2671b225,0 6px 18px #042e9120}
.ls-home .ls-header .ls-account-link{background:#fff;color:#204bff;box-shadow:inset 0 -2px 0 #1542be12,0 5px 15px #04166c20}
.ls-home .ls-header .ls-account-link:hover{background:#eef6ff;color:#1640d9}
.ls-home :is(.ls-pill,.ls-primary-nav a,.gallery-controls button,.ls-theme-options button){transition:transform .42s cubic-bezier(.22,1.55,.45,1),background .2s,box-shadow .25s;transform-origin:center}
@media(hover:hover) and (pointer:fine){
 .ls-home .ls-pill:hover{transform:translateY(-3px) scale(1.025)}
 .ls-home .ls-pill.ro-download:hover{transform:translateY(-3px) scale(1.035);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 0 #2671b225,0 10px 24px #1252ba30}
 .ls-primary-nav a:hover,.ls-theme-options button:hover{transform:translateY(-2px)}
 .gallery-controls button:hover{transform:scale(1.09)}
}
.ls-home :is(.ls-pill,.ls-primary-nav a,.gallery-controls button,.ls-theme-options button):active{transform:translateY(1px) scale(.955,.93)!important;transition:transform .08s ease-out}
.gallery-slide{transition:transform .78s cubic-bezier(.18,1.08,.32,1),opacity .6s;box-shadow:0 18px 40px #13244e25,0 2px 5px #13244e12}
.gallery-slide[data-position=center]{box-shadow:0 22px 44px #13244e2b,0 3px 7px #13244e16}
/* One large aligned dashboard with a native keyboard/touch range control. */
.ls-theme-pair{display:block!important;perspective:none}
.ro-theme-comparison{width:min(100%,calc(clamp(230px,100svh - 390px,790px)*1.839));margin:auto;padding:15px;border-radius:28px;background:linear-gradient(125deg,#367dff,#204bff 56%,#1638d0);box-shadow:inset 0 1px 0 #ffffff65,0 20px 45px #173ddb18;color:#fff}
.ro-compare-labels{display:flex;justify-content:space-between;gap:20px;padding:4px 7px 14px;font-size:15px;font-weight:750}
.ro-compare-screen{position:relative;aspect-ratio:2560/1392;border-radius:14px;isolation:isolate;overflow:hidden;background:#202a3f;box-shadow:0 1px 0 #fff7,0 10px 20px #09238f45}
.ro-compare-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ro-compare-light{clip-path:inset(0 calc(100% - var(--theme-split)) 0 0);z-index:1}
#theme-reveal{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.ro-compare-divider{position:absolute;top:0;bottom:0;left:var(--theme-split);width:3px;background:#fff;transform:translateX(-50%);z-index:3;pointer-events:none;box-shadow:0 0 12px #09288480}
.ro-compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;color:#204bff;font-size:28px;font-weight:800;letter-spacing:3px;box-shadow:0 5px 18px #0a2f8160,inset 0 -2px 0 #c3d5ff;transition:scale .22s cubic-bezier(.2,1.4,.3,1)}
#theme-reveal:focus-visible+.ro-compare-divider span{outline:4px solid #8ae1ff;outline-offset:5px}
#theme-reveal:active+.ro-compare-divider span{scale:1.1}
.ro-compare-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 7px 4px;font-size:14px;line-height:1.4}
.ro-compare-bottom label{font-weight:750;cursor:ew-resize}.ro-compare-bottom>span{color:#e3eeff}
@media(max-width:760px){
 .ls-theme-heading{margin-bottom:22px}.ro-theme-comparison{width:100%;padding:10px;border-radius:20px}
 .ro-compare-screen{border-radius:10px}.ro-compare-labels{font-size:13px;padding:4px 3px 11px}
 .ro-compare-divider span{width:40px;height:40px;font-size:23px}
 .ro-compare-bottom{padding:13px 3px 3px;font-size:12px;gap:10px}.ro-compare-bottom>span{max-width:130px;text-align:right}
 .ls-themes{padding-bottom:25px}
}
@media(prefers-reduced-motion:reduce){html:not(.ls-motion-on) :is(.ls-pill,.ls-primary-nav a,.gallery-controls button,.ls-theme-options button,.gallery-slide){transition:none}}
@media(forced-colors:active){.ro-compare-divider{background:CanvasText}.ro-compare-divider span{border:2px solid ButtonText}.ro-theme-comparison{border:1px solid CanvasText}}