/* PE-3b128d6d-eb71-4a67-ac72-4a099e50f9b4 | Core(root): CORE-EXECUTION-STANDARD.md | Manifest(root): docs/MD-FILE-MANIFEST.md */
/* DA-9accaca8-574e-4393-8bd5-a996000b2368 | MA-1c670ae7-6aaa-48fb-854a-e69b317b6bae | Review: Apple/review/EVIDENCE-MAP.md. Original La.W adaptation, not Apple Activity rings. */
.scroll-squares{--square-outer:var(--bo-future-blue);--square-middle:var(--bo-heritage-red);--square-inner:var(--bo-black);position:fixed;right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:5;display:grid;justify-items:center;gap:4px;width:64px;color:var(--bo-black);pointer-events:none;background:none}
.scroll-squares[data-dark]{--square-outer:var(--bo-data-blue-6);--square-middle:var(--bo-data-red-6);--square-inner:var(--bo-white);color:var(--bo-white)}
.scroll-squares[data-hidden]{visibility:hidden}
.scroll-squares svg{width:60px;height:60px;fill:none;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter}
.scroll-squares .square-outer{stroke:var(--square-outer)}
.scroll-squares .square-middle{stroke:var(--square-middle)}
.scroll-squares .square-inner{stroke:var(--square-inner)}
.scroll-squares .square-track{opacity:.55}
.scroll-squares [data-square-progress]{stroke-dasharray:100;stroke-dashoffset:100}
.scroll-squares output{font:400 12px/20px 'LW Beo',Arial,sans-serif;font-variant-numeric:tabular-nums}
.scroll-squares .square-label{font:400 12px/20px 'LW Beo',Arial,sans-serif;letter-spacing:.15px;text-align:center}
.square-settings{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;color:inherit;background:none;cursor:pointer}
.square-settings svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}
.scroll-square-dialog{width:min(420px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;padding:32px;border:0;background:var(--bo-white);color:var(--bo-black);font:400 16px/26px 'LW Beo',Arial,sans-serif}
.scroll-square-dialog::backdrop{background:rgb(25 24 23 / .6)}
.scroll-square-dialog h2{font:400 24px/36px 'LW Beo',Arial,sans-serif;margin:24px 0}
.scroll-square-dialog button{min-height:44px;padding:8px 16px;border:1px solid currentColor;border-radius:24px;background:none;color:inherit;font:inherit;cursor:pointer}
.scroll-square-dialog .square-close{float:right;min-width:44px;border:0;font-size:24px}
.scroll-square-dialog [data-square-reset]{margin-block:24px}
.scroll-square-dialog label{display:block;margin:16px 0}
.square-target-row{display:flex;gap:12px;flex-wrap:wrap}
.square-target-row input{width:100px;min-height:44px;border:1px solid var(--bo-black);background:transparent;color:inherit;font:inherit;padding:8px}
.scroll-square-dialog .square-storage-note{font-size:12px;line-height:20px;margin-top:16px}
.scroll-square-dialog [data-square-status]{margin-top:16px}
@media(max-width:700px){.scroll-squares{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:64px}.scroll-squares svg{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.scroll-squares [data-square-progress]{display:none}.scroll-squares .square-track{opacity:.65}}
@media print{.scroll-squares{display:none!important}}