:root{--fg1:#111;--fg2:#333;--fg3:#555;--bg1:#eee;--bg2:#ddd;--bg3:#ccc;--pr1:#4a0080;--pr2:#2b0845;--pr3:#aa8bc1}@media (prefers-color-scheme:dark){:root{--fg1:#eee;--fg2:#ddd;--fg3:#ccc;--bg1:#111;--bg2:#1a1a1a;--bg3:#222;--pr1:#dfb3ff;--pr2:#1d052e;--pr3:#aa8bc1}}*,:before,:after{box-sizing:border-box}body{color:#fff;scroll-snap-type:y mandatory;background-color:#000;margin:0;font-family:Verdana}h1,h2,h3,h4,h5,h6{margin:0}h1,h2,h3{font-family:Georgia}h4{font-weight:400}p{margin:0}a{color:var(--fg3)}a:hover{color:var(--fg1)}a:active{color:var(--fg2)}button{cursor:pointer;width:100%;min-width:20ch;color:var(--fg3);background-color:var(--bg1);border:3px groove var(--fg1);padding:.5em;font-size:1em;font-weight:700;transition:all .1s}button:hover{color:var(--fg2);background-color:var(--bg3)}button:active{color:var(--fg2);background-color:var(--bg2)}button.lure{color:var(--pr1);background-color:var(--pr3);border-color:var(--pr1)}button.lure:hover{color:#fff;background-color:var(--pr1)}button.lure:active{color:#fff;background-color:var(--pr2)}dialog:open{border:5px groove var(--bg1);background-color:var(--bg1);flex-direction:column;display:flex}@media (width<=700px){.only-desktop{display:none}}@media (width>=700px){.only-mobile{display:none}}