@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-fg:#f8efe8;--color-bg:#151515;--font-family:var(--font-neue-montreal-mono);--font-size-md:1.0625rem;--font-size-lg:1.125rem;--font-weight-medium:530;--font-weight-semibold:620;--font-weight-bold:800;--line-height-sm:1;--line-height-md:1.25;--spacing-base-unit:1ch;--spacing-y-unit:1ch;--spacing-x-unit:1ch;--spacing-fake-unit:0ch;--spacing-section:8ch;--border-thickness:2px;--border-thickness-offset:calc(var(--border-thickness) * -.5);--border-default:var(--border-thickness) solid var(--border-strong);--border-fake:var(--border-thickness) solid transparent;--page-width:min(68ch, round(down, 100% - 2ch, 2ch));--page-padding:min(calc((100% - var(--page-width)) / 2), calc(var(--spacing-base-unit) * 2.5));--surface-strong:var(--lightningcss-light,var(--color-fg))var(--lightningcss-dark,var(--color-bg));--text-strong:var(--lightningcss-light,var(--color-bg))var(--lightningcss-dark,var(--color-fg));--text-soft:var(--lightningcss-light,color-mix(in srgb, var(--color-bg) 56%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--color-fg) 36%, transparent));--border-strong:var(--lightningcss-light,var(--color-bg))var(--lightningcss-dark,var(--color-fg));--layout-grid:color-mix(in srgb, var(--text-strong) 12%, transparent)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html.contain-on{--spacing-fake-unit:var(--spacing-x-unit);--border-fake:var(--border-thickness) solid var(--border-strong)}[data-mood=lime]{--color-fg:#e2f4a1;--color-bg:#181e03}[data-mood=sky]{--color-fg:#c5f3f7;--color-bg:#041a1c}[data-mood=gum]{--color-fg:#feddfc;--color-bg:#261226}[data-mood=nobita]{--color-fg:#faecb6;--color-bg:#251f05}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html{scroll-behavior:smooth;height:100%}body{-webkit-font-smoothing:antialiased;font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--text-strong);background-color:var(--surface-strong);line-height:var(--line-height-md);font-size:var(--font-size-md);font-feature-settings:"case" on, "liga" off;min-height:100%}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:0;padding:0}cite{font-style:normal}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}h1,.h1{text-transform:uppercase;font-size:3em;line-height:var(--line-height-sm);font-weight:var(--font-weight-bold)}h2,.h2{text-transform:uppercase;font-size:2em;line-height:var(--line-height-sm);font-weight:var(--font-weight-bold)}h3,.h3{text-transform:uppercase;font-size:1em;line-height:var(--line-height-md);font-weight:var(--font-weight-bold)}p{overflow-wrap:break-word;hyphens:auto;margin-bottom:1.25ch}a,[a-style]{color:inherit;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-offset:12%;text-underline-position:from-font;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:8%}a:focus-visible,button:focus-visible,[a-style]:focus-visible{outline:2px dashed var(--text-strong);outline-offset:2px;border-radius:.125rem;text-decoration:none}table{border-collapse:collapse;width:100%}th{font-weight:var(--font-weight-bold);text-transform:uppercase}th,td{text-align:left;vertical-align:baseline;padding:var(--spacing-y-unit) var(--spacing-x-unit);outline:var(--border-thickness) solid var(--border-strong);outline-offset:var(--border-thickness-offset)}pre{font:inherit}ol,ul{padding:0;list-style:none}@media (width>=640px){body{font-size:var(--font-size-lg)}}@media (hover:hover) and (pointer:fine){a:hover,button:hover{font-weight:var(--font-weight-bold)}}}@layer layout{.page-wrapper{padding:var(--page-padding) 0 0 0;flex-flow:column;align-items:center;display:flex;position:relative;overflow:clip}.page-wrapper:after{content:"";opacity:.72;pointer-events:none;z-index:1;will-change:transform;background-image:url(/images/grain-main.webp);background-repeat:repeat;width:300%;height:300%;animation:6s steps(10,end) infinite grain;position:fixed;top:-100%;left:-100%}html.noise-off .page-wrapper:after{animation-play-state:paused}@media (prefers-color-scheme:dark){.page-wrapper:after{opacity:.05}}@keyframes grain{0%{transform:translate(20%,-15%)}10%{transform:translate(-20%,-15%)}20%{transform:translate(20%,-5%)}30%{transform:translate(-20%,-5%)}40%{transform:translate(20%,5%)}50%{transform:translate(-20%,5%)}60%{transform:translate(20%,15%)}70%{transform:translate(-20%,15%)}80%{transform:translate(20%,5%)}90%{transform:translate(-20%,5%)}to{transform:translate(20%,-5%)}}.page{width:var(--page-width);z-index:2;position:relative}main{margin-bottom:calc(var(--border-thickness) * -.5)}html.contain-on .page-wrapper{padding-bottom:var(--page-padding)}html.contain-on .page,html.contain-on .container-base{outline:var(--border-thickness) solid var(--border-strong);outline-offset:var(--border-thickness-offset)}.container-box{padding:var(--spacing-y-unit) var(--spacing-x-unit)}.container-base{padding:var(--spacing-y-unit) var(--spacing-fake-unit)}}@layer component{.top-bar{background-color:var(--text-strong);height:2.5ch}.header{justify-content:space-between;display:flex}.layout-grid{z-index:-2;opacity:0;width:calc(100% + 1px);height:100%;margin-left:-.5px;display:flex;position:absolute;inset:0;overflow:clip}html.grid-on .layout-grid{opacity:1}.layout-grid_col{border-left:1px solid var(--layout-grid);flex:none;width:1ch;height:100%;display:block}.path-stroke-width{stroke-width:.1em}.face-toggle{display:none}.face-toggle.visible{display:block}@media (hover:hover) and (pointer:fine){a:hover .path-stroke-width,button:hover .path-stroke-width{stroke-width:.15em}}}@layer utility{.u-outline{outline:var(--border-thickness) solid var(--border-strong);outline-offset:var(--border-thickness-offset)}.u-spacer{width:100%;height:8ch}.u-link-cover{position:absolute;inset:0}.u-sr-only{white-space:nowrap;border:0 solid #0000;width:1px;height:1px;margin-top:-1px;padding:0;position:absolute;overflow:hidden}.u-cross{width:100%;height:100%}.u-cross path{stroke:var(--border-strong);stroke-width:var(--border-thickness);vector-effect:non-scaling-stroke}.u-text-uppercase{text-transform:uppercase}.u-text-sentencecase{text-transform:none}.u-text-strong{color:var(--text-strong)}.u-text-soft{color:var(--text-soft)}.u-mb-0{margin-bottom:0}}@media (prefers-color-scheme:dark){:root{--border-thickness:1.5px}}