*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}:root{--base-color:#657b83;--bg-color:#fdf6e3;--heads-color:#eee8d5;--emph-color:#586e75;--comment-color:#93a1a1;--input-bg:#fefcf6;--input-bg-disabled:#93a1a1;--input-color:#073642;--input-border:#93a1a1;--input-color-placeholder:#b8c4c9;--button-hover:#fdfcf9}@media (prefers-color-scheme:dark){:root{--base-color:#839496;--bg-color:#002b36;--heads-color:#073642;--emph-color:#93a1a1;--comment-color:#586e75;--input-bg:#073642;--input-bg-disabled:#586e75;--input-color:#eee8d5;--input-border:#586e75;--input-color-placeholder:#3b4445;--button-hover:#021014}}:focus:not(:focus-visible){outline:none}:root{font-size:clamp(14px,.392157vw + 12.3529px,18px)}body{background-color:var(--heads-color);color:var(--base-color);font-family:system-ui;font-weight:400;line-height:1.5rem}h1,h2,h3,h4{margin-top:0;margin-bottom:1.5rem;font-weight:600;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.35rem}h4{font-size:1.1rem}a{color:#b58900;-webkit-text-decoration:none;text-decoration:none}a:hover,a:active{color:#cb4b16}