@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=IBM+Plex+Sans:wght@300;400;500&display=swap";
:root{--bg:#1b0c1a;--bg2:#2d222f;--bg3:#3a1a2e;--plum:#4b2138;--muted:#6d3c52;--rose:#765d67;--blush:#fadcd5;--text-primary:#fadcd5;--text-sec:#fadcd59e;--text-muted:#fadcd559;--surface:#fadcd50a;--border:#fadcd51f;--border-h:#fadcd547;--accent:#9b6070;--accent-h:#fadcd5;--ba:#fadcd50a;--bb:#fadcd51f;--bt:#fadcd59e;--bm:#fadcd559;--r:#6d3c52;--rm:#9b6070}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"),radial-gradient(70% 50% at 100% 0,#4b213873 0%,#0000 60%),radial-gradient(50% 60% at 0 100%,#2d222f80 0%,#0000 55%),radial-gradient(40% 40%,#1b0c1a00 0%,#0000 100%);font-family:IBM Plex Mono,monospace;font-weight:300;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--plum);color:var(--blush)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--plum);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.underline-draw{display:inline-block;position:relative}.underline-draw:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.underline-draw:hover:after,.underline-draw.active:after{transform:scaleX(1)}.corner-draw{position:relative}.corner-draw:before,.corner-draw:after{content:"";opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:-1px}.corner-draw:before{background:linear-gradient(to right, var(--accent) 14px, transparent 14px, transparent calc(100% - 14px), var(--accent) calc(100% - 14px)) 0 0 / 100% 1px no-repeat, linear-gradient(to right, var(--accent) 14px, transparent 14px, transparent calc(100% - 14px), var(--accent) calc(100% - 14px)) 0 100% / 100% 1px no-repeat}.corner-draw:after{background:linear-gradient(to bottom, var(--accent) 14px, transparent 14px, transparent calc(100% - 14px), var(--accent) calc(100% - 14px)) 0 0 / 1px 100% no-repeat, linear-gradient(to bottom, var(--accent) 14px, transparent 14px, transparent calc(100% - 14px), var(--accent) calc(100% - 14px)) 100% 0 / 1px 100% no-repeat}.corner-draw:hover:before,.corner-draw:hover:after{opacity:1}.fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.fade-up.in-view{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transform:translateY(14px)}.stagger.in-view>:first-child{animation:.55s 40ms forwards fadeUp}.stagger.in-view>:nth-child(2){animation:.55s .1s forwards fadeUp}.stagger.in-view>:nth-child(3){animation:.55s .16s forwards fadeUp}.stagger.in-view>:nth-child(4){animation:.55s .22s forwards fadeUp}.stagger.in-view>:nth-child(5){animation:.55s .28s forwards fadeUp}.stagger.in-view>:nth-child(6){animation:.55s .34s forwards fadeUp}.stagger.in-view>:nth-child(7){animation:.55s .4s forwards fadeUp}.stagger.in-view>:nth-child(8){animation:.55s .46s forwards fadeUp}.stagger.in-view>:nth-child(9){animation:.55s .52s forwards fadeUp}.stagger.in-view>:nth-child(10){animation:.55s .58s forwards fadeUp}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{box-shadow:0 0 #9b607080}50%{box-shadow:0 0 0 5px #9b607000}}.t-comment{color:var(--text-muted)}.t-key{color:var(--accent)}.t-val{color:var(--blush)}.t-bool{color:var(--muted)}.t-brace{color:var(--text-sec)}