@media not (dynamic-range:high){article:before{content:"If you see this, the styling is disabled because your display or browser does not support it. Use a MacBook, make sure your screen is set to Apple XDR Display, and open this article in Safari";text-align:center;display:block;font-size:xx-large;font-weight:700}article div p:nth-child(2):after{content:" If you see this, the styling is disabled because your display or browser does not support it. Use a MacBook, make sure your screen is set to Apple XDR Display, and open this article in Safari.";font-weight:700}video{display:none}#contain+p:before{content:"The above visualization only works if you are on HDR. ";font-weight:700;display:block;margin-block:1lh;text-align:center}}@media(dynamic-range:high){.comment{border-left-color:#fff}.comment .avatar{display:none!important}html{color-scheme:light}*{color:#fff!important}nav img{filter:none!important}hgroup a{filter:brightness(1.5);backdrop-filter:brightness()}body{backdrop-filter:brightness(3) blur(.6px);background:#fff!important;margin-block:1ch}.e-content{filter:blur(.6px)}:focus-visible{outline:solid 2px white;outline-offset:3px}::selection{background:#fff}hr{border:none;background:linear-gradient(to right,gray,#fff);height:5px;filter:brightness(2);backdrop-filter:brightness()}article img{filter:brightness(10);backdrop-filter:brightness()}#dark{background:#fff;span{backdrop-filter:brightness();filter:brightness(2);background:gray}}}#contain{display:flex;justify-content:center;align-items:center;gap:1ch;flex-direction:row}#dark,#light{font-size:large;display:grid;place-content:center;aspect-ratio:1/1;width:50%}