#desktop-notice{position:fixed;inset:0;z-index:10000;background:oklch(15% .005 85);color:oklch(94% .005 85);display:grid;place-content:center;padding:32px;text-align:center;font-family:'Avenir Next',Avenir,sans-serif;overflow:auto}
#desktop-notice[hidden]{display:none}
#desktop-notice h1{font-size:clamp(30px,6vw,52px);font-weight:400;line-height:1.15;max-width:18ch;margin:24px auto}
#desktop-notice p{font-size:18px;line-height:1.6;max-width:42ch;margin:12px auto}
#desktop-notice button{font:inherit;padding:16px 24px;margin:24px auto 0;border:1px solid oklch(60% .005 85);border-radius:8px;background:oklch(25% .005 85);color:inherit;cursor:pointer}
#desktop-notice button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.desktop-loading-note{text-align:center;font-size:16px;line-height:1.5;margin:12px auto}