:root[data-font=system]{--f-ui:system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root[data-font=condensed]{--f-ui:"Bahnschrift", "DIN Alternate", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif}:root[data-page=narrow]{--page-w:1100px}:root[data-page=wide]{--page-w:1680px}:root[data-density=compact] .content{gap:10px}:root[data-density=compact] .card>header{padding:8px 12px}:root[data-density=compact] .card .body{padding:10px 12px}:root[data-density=compact] .form{gap:9px}:root[data-density=compact] .stat{gap:2px;padding:10px 12px}:root[data-density=compact] .stat>b{font-size:22px}:root[data-density=compact]{--h-lg:36px;--h-md:32px;--h-sm:28px}:root[data-density=compact] .btn{padding:0 11px}:root[data-density=compact] table.t th{padding:6px 10px}:root[data-density=compact] table.t td{padding:5px 10px}:root[data-density=compact] .events li{padding:5px 12px}:root[data-density=compact] .nav a{padding:6px 10px}:root[data-density=compact] .choice{padding:9px 11px}:root[data-rowlines=off] table.t td{border-bottom-color:#0000}:root[data-stripes=on] table.t tbody tr:nth-child(2n):not(.on):not(.picked):not(.keep):not(.drop):not(.drop-over):not(.folder-row):not(:hover) td{background-color:color-mix(in srgb, var(--ink) 3.5%, transparent)}:root[data-stripes=on] table.t tbody tr.click:hover td{background:var(--sunk)}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){:root[data-motion=system] *,:root[data-motion=system] :before,:root[data-motion=system] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root[data-contrast=high] .card,:root[data-contrast=high] .stat,:root[data-contrast=high] .choice{border-color:var(--line-2)}:root[data-contrast=high] :focus-visible{outline-width:3px}
