@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--text:#fcfdfd;--text-diff:#e6eaea;--surface:#171717;--primary:#5cb8e5;--secondary:#222426;--on-secondary:#2c3032;--outline:rgba(252,253,253,.3);--diff:rgba(34,36,38,.6);--scrim:rgba(0,0,0,.5);--input:#2a2c2e;--error:#d46e6e}@media(prefers-color-scheme:light){:root{--text:#1a1e20;--text-diff:#2c3235;--surface:#fff;--primary:#006da3;--secondary:#ebf2f5;--on-secondary:#d3e2eb;--outline:rgba(25,29,31,.3);--diff:rgba(235,242,245,.6);--input:#dfe8ed;--error:#bf4040}}body{padding:0;margin:0;font-family:Inter;font-weight:400;font-size:16px;background-color:var(--surface);color:var(--text);position:relative}body.panel{display:flex}@media screen and (max-width:768px){body.panel{flex-direction:column}}html{scroll-behavior:smooth;scroll-padding:78px}@media screen and (max-width:768px){html{scroll-padding:56px}}h1,h2,h3,h4,p{margin:0}p{line-height:22px}h1{font-size:42px;font-weight:300}@media screen and (max-width:768px){h1{font-size:36px}}h2{font-size:36px;font-weight:300}@media screen and (max-width:768px){h2{font-size:28px}}h3{font-size:24px;font-weight:400}@media screen and (max-width:768px){h3{font-size:22px}}h4{font-size:20px;font-weight:400;margin-bottom:8px}ul{margin:0;padding-left:32px}:focus-visible{outline:2px solid var(--primary);outline-offset:5px}