:root{color-scheme:light dark;-webkit-hyphens:auto;hyphens:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance}@media (max-width: 500px){:root{font-size:.7rem}}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:light-dark(#f8f9fa,#1a1a1a);color:light-dark(#213547,#ffffff);line-height:1.6;scrollbar-gutter:stable}main{max-width:800px;margin:0 auto;padding:2rem}nav{margin-bottom:2rem;display:flex;justify-content:space-between}nav a{color:light-dark(#646cff,#a5a9ff);text-decoration:none}h1{margin-bottom:2rem;font-size:1.5rem}h3{color:light-dark(#34883c,#a5ffa9)}.card{background:light-dark(#ffffff,#242424);padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:min(63vw,720px);margin:0 auto}.content1,.content2{padding:1ex 0 1ex 1ex}.here1,.here2{padding:1ex 1ex 1ex 0}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}}::view-transition-group(*){animation-duration:.25s}::view-transition-old(root),::view-transition-new(root){animation-duration:80ms;animation-fill-mode:both}::view-transition-new(root){animation-delay:.17s}nav{view-transition-name:nav}.page1 h3,.page2 h1{view-transition-name:header;display:inline-block}.page2 h2,.page1 .card a{view-transition-name:page2}.desc1,.desc2{view-transition-name:description}.content1,.content2{view-transition-name:content}.here1,.here2{view-transition-name:here}::view-transition-image-pair(here){border-radius:0 8px 8px 0}::view-transition-image-pair(content){border-radius:8px 0 0 8px}::view-transition-image-pair(here),::view-transition-image-pair(content){animation-name:glow;animation-duration:inherit}@keyframes glow{0%,to{box-shadow:0 0 #0000;border-color:#0000}50%{box-shadow:0 0 10px #8888;border-color:#8008}}