body{--border-idle: hsl(0, 0%, 75%);--border-hover: hsl(0, 0%, 60%);--bg-l0: hsl(0, 0%, 100%);--bg-l0-transparent: hsl(0, 0%, 100%, 80%);--bg-l1: hsl(0, 0%, 95%);--bg-l2: hsl(0, 0%, 92%);--font-family: "Plus Jakarta Sans";--font-heading-size: clamp(2rem, calc(1rem + 3.5vw), 3.5rem);--font-heading: 500 var(--font-heading-size) var(--font-family);--font-text-size: 1.1rem;--font-text: 400 var(--font-text-size) var(--font-family);--fg-l0: black;--fg-l1: hsl(0, 0%, 15%);--fg-l2: hsl(0, 0%, 30%);--fg-l3: hsl(0, 0%, 50%);--fg-accent-hover: rgb(255, 94, 0);--fg-accent: rgba(255, 94, 0, .826);--vertical-padding: 8ch;--radius-l: 20px;--radius-m: 10px}body.dark{--border-idle: hsl(0, 0%, 26%);--border-hover: hsl(0, 0%, 40%);--bg-l0: black;--bg-l0-transparent: hsl(0, 0%, 0%, 80%);--bg-l1: hsl(0, 0%, 10%);--bg-l2: hsl(0, 0%, 16%);--fg-l0: white;--fg-l1: hsl(0, 0%, 85%);--fg-l2: hsl(0, 0%, 70%);--fg-l3: hsl(0, 0%, 50%)}@media (prefers-color-scheme: dark){body.system{--border-idle: hsl(0, 0%, 26%);--bg-l0: black;--bg-l0-transparent: hsl(0, 0%, 0%, 80%);--bg-l1: hsl(0, 0%, 10%);--bg-l2: hsl(0, 0%, 16%);--fg-l0: white;--fg-l1: hsl(0, 0%, 85%);--fg-l2: hsl(0, 0%, 70%);--fg-l3: hsl(0, 0%, 50%)}}*{margin:0;box-sizing:border-box;font-family:var(--font-family),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--fg-l2)}*:not(input){-webkit-user-select:none;user-select:none}html{max-width:100%}body{background:var(--bg-l0);overflow:hidden}h1,h2,h3{letter-spacing:-.06em;color:var(--fg-l0)}h1{font-weight:700;font:var(--font-heading);font-feature-settings:"rlig" 1}h3{margin-top:1rem;margin-bottom:.4rem;font-size:2rem;font-weight:200;color:var(--fg-l1)}p,a{line-height:1.5;text-decoration:none;color:var(--fg-l2)}code{font-family:monospace;padding:3px 6px;font-size:1em;background:var(--bg-l2);border-radius:4px}.external-link{text-decoration:none;font-feature-settings:"calt" 0;color:var(--fg-accent);font-weight:500;transition:.2s;text-underline-offset:4px;text-decoration-color:transparent}.external-link:hover,.external-link:focus{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--fg-accent-hover);color:var(--fg-accent-hover)}.link-back{transition:color .2s}.link-back:before{content:"←";display:inline-block;margin-right:.4em;transition:transform .2s}.link-back:hover{color:var(--fg-l0)}.link-back:hover:before{transform:translate(-2px)}.flex{display:flex}input[type=text],input[type=password]{padding:8px 16px;border-radius:var(--radius-m);background:var(--bg-l0);border:1px solid var(--border-idle);box-shadow:0 4px 10px #0000001a;margin:10px 0}button{padding:8px 16px;background:var(--fg-accent);border:1px solid var(--fg-accent-hover);color:var(--bg-l0);font-weight:500;border-radius:var(--radius-m);cursor:pointer;margin:0 5px}button:hover{background:var(--fg-accent-hover)}*::-webkit-scrollbar{width:15px;z-index:6}*::-webkit-scrollbar-track{background:var(--bg-l1)}*::-webkit-scrollbar-thumb{background-color:var(--border-hover);border-radius:var(--radius-m);border:4px solid var(--bg-l1)}@media (prefers-reduced-motion: reduce){*{animation:0!important;transition:0!important}}html body.reduce-motion *>*{animation:0!important;transition:0s!important}