*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5)}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-full{height:100%}.max-w-4xl{max-width:56rem}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.break-all{word-break:break-all}.b,.border{border-width:1px}.px,.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-mono{font-family:Fira Code,"monospace",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / .2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / .1));text-shadow:var(--un-text-shadow)}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:shadow-lg:hover{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--c-bg: #f2f2f2;--c-neon: #00aa2c;--c-text: #333333;--c-text-hover: var(--c-neon);--c-scroll: #d9d9d9;--c-scroll-hover: var(--c-neon);--c-terminal-highlight: #0088aa;--c-terminal-hostname: #aa5500;--c-card-bg: rgb(from var(--c-text) r g b / .05);--c-bg-soft: rgb(from var(--c-text) r g b / .03);--c-card-bg-hover: rgb(from var(--c-text) r g b / .1);--c-grid: rgb(from var(--c-neon) r g b / .03);scrollbar-color:var(--c-scroll) var(--c-bg)}@media(prefers-color-scheme:dark){:root{--c-bg: #0a0a0a;--c-neon: #00ff41;--c-text: #e0e0e0;--c-text-hover: var(--c-neon);--c-scroll: #333333;--c-scroll-hover: var(--c-neon);--c-terminal-highlight: #00d4ff;--c-terminal-hostname: #ff9944;--c-card-bg: rgb(from var(--c-text) r g b / .05);--c-bg-soft: rgb(from var(--c-text) r g b / .03);--c-card-bg-hover: rgb(from var(--c-text) r g b / .1);--c-grid: rgb(from var(--c-neon) r g b / .03);scrollbar-color:var(--c-scroll) var(--c-bg)}}html{background-color:var(--c-bg);font-family:Rubik,sans-serif;scroll-behavior:smooth;background-image:linear-gradient(var(--c-grid) 1px,transparent 1px),linear-gradient(90deg,var(--c-grid) 1px,transparent 1px);background-size:30px 30px}*{margin:0;padding:0;list-style:none}body{color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a[role=button],.clickable{transition:transform .1s cubic-bezier(.4,0,.2,1)}button:active,a[role=button]:active,.clickable:active{transform:scale(.95)}::selection{background:var(--c-neon);color:var(--c-bg)}a{color:inherit;text-decoration:none}body{min-height:100vh}.app-layout{padding-top:8vh;display:grid;grid-template-columns:1fr min(65rem,calc(100% - 48px)) 1fr;grid-column-gap:24px}.app-layout>*{grid-column:2}
