*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg-page);color:var(--text-mid);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--lh-body)}
img,video{max-width:100%;display:block}
a{color:var(--text-hi);text-decoration:none;border-bottom:1px solid var(--violet-line);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
a:hover{color:var(--text-hi);border-bottom-color:var(--marker)}
::selection{background:var(--violet);color:#0B0910}
:focus-visible{outline:2px solid var(--marker);outline-offset:3px}