@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--color-white: #ffffff;--color-white-soft: #f8f8f8;--color-white-mute: #f2f2f2;--color-black: #181818;--color-black-soft: #222222;--color-black-mute: #282828;--color-indigo: #2c3e50;--color-divider-light-1: rgba(60, 60, 60, .29);--color-divider-light-2: rgba(60, 60, 60, .12);--color-divider-dark-1: rgba(84, 84, 84, .65);--color-divider-dark-2: rgba(84, 84, 84, .48);--color-text-light-1: var(--color-indigo);--color-text-light-2: rgba(83, 83, 83, .66);--color-text-dark-1: var(--color-white);--color-text-dark-2: var(--color-white-mute);--color-text-dark-3: rgba(235, 235, 235, .64)}@media not all and (prefers-color-scheme: light){:root{--color-background: var(--color-black);--color-background-soft: var(--color-black-soft);--color-background-mute: var(--color-black-mute);--color-border: var(--color-divider-dark-2);--color-border-hover: var(--color-divider-dark-1);--color-heading: var(--color-text-dark-1);--color-text: var(--color-text-dark-2);--color-caption: var(--color-text-dark-3);--section-gap: 160px}}@media (prefers-color-scheme: light){:root{--color-background: var(--color-white);--color-background-soft: var(--color-white-soft);--color-background-mute: var(--color-white-mute);--color-border: var(--color-divider-light-2);--color-border-hover: var(--color-divider-light-1);--color-heading: var(--color-text-light-1);--color-text: var(--color-black);--color-caption: var(--color-text-light-2)}}[data-theme=dark]:root{--color-background: var(--color-black);--color-background-soft: var(--color-black-soft);--color-background-mute: var(--color-black-mute);--color-border: var(--color-divider-dark-2);--color-border-hover: var(--color-divider-dark-1);--color-heading: var(--color-text-dark-1);--color-text: var(--color-text-dark-2);--color-caption: var(--color-text-dark-3);--section-gap: 160px}[data-theme=light]:root{--color-background: var(--color-white);--color-background-soft: var(--color-white-soft);--color-background-mute: var(--color-white-mute);--color-border: var(--color-divider-light-2);--color-border-hover: var(--color-divider-light-1);--color-heading: var(--color-text-light-1);--color-text: var(--color-black);--color-caption: var(--color-text-light-2)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;max-width:100%;overflow-x:hidden;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;font-size:15px;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{display:flex;padding:1.1rem;position:sticky;top:0;background:linear-gradient(to right,#8e63be,#000);border-bottom:1px solid var(--color-divider-dark-1)}header a{width:min-content;text-decoration:none;-webkit-user-select:none;user-select:none}@media (hover: hover){header a:hover{background-color:unset}}header h1{padding:2px 8px;margin:-4px;color:#fff;font-size:large;font-weight:semibold;background-image:linear-gradient(to bottom,#000,#000dff61);border-radius:12px;box-shadow:0 2px 12px 4px #000a}header h1 b{font-weight:700}header h1 .prompt{color:#0f0;font-size:larger;line-height:1vh}header h1:active{color:#cba6f7}@media all and (hover: hover){header h1{transition:color .1s,filter .2s,box-shadow .3s}header h1:hover{box-shadow:0 4px 12px 4px #000a;filter:brightness(.75)}}@media not all and (hover: hover){header h1{transition:color .1s}}header ul{display:flex;margin-left:auto;list-style-type:none}header ul li{margin-left:.5em}header ul li a{font-weight:500;color:#cba6f7;transition:color .5s;-webkit-user-select:none;user-select:none;padding:4px 8px;background:radial-gradient(#444,#222);border-radius:8px;box-shadow:0 2px 12px 4px #000a}header ul li a:active{color:#74c7ec}@media (hover: hover){header ul li a:hover{color:#f2cdcd}}.toggle{display:flex;margin-left:1em}input[type=checkbox]{height:0;width:0;visibility:hidden}input[type=checkbox]:checked+label:after{left:calc(100% - 4px);transform:translate(-100%)}label{display:block;position:relative;align-self:center;width:50px;height:25px;background:#555;border-radius:100px;cursor:pointer;-webkit-user-select:none;user-select:none}label span{scale:.7;padding:1px;width:25px;color:#fff}label:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:17.5px;background:radial-gradient(#999,#666);border-radius:90px;transition:.3s}label:hover:after{box-shadow:0 4px 12px 4px #0005}#app{font-size:medium;transition:opacity ease-in .2s}#app.fade{opacity:0}@media (min-width: 1024px){body{display:flex}}@media (hover: hover){a:hover{background-color:var(--color-caption)}}main{width:100vw;padding:1rem 1.1rem 1.1rem}p,.mono{font-family:SF Mono,Source Code Pro,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,monospace}.caption{color:var(--color-caption);font-size:smaller}