:root{--bg-primary: hsl(20, 30%, 98%);--bg-secondary: hsl(20, 30%, 95%);--text-primary: #222222;--text-secondary: #404040;--text-muted: #808080;--border-light: #808080;--border-dark: #404040;--hover-bg: #2980b9;--hover-text: #ffffff;--nav-bg: var(--bg-primary);--nav-border: var(--border-light);--nav-border-accent: var(--border-dark);--nav-text: var(--text-primary);--nav-hover-bg: var(--hover-bg);--nav-hover-text: var(--hover-text);--form-bg: #ffffff;--form-border: #dddddd;--form-border-focus: #666666;--form-text: var(--text-primary);--portfolio-border: #cccccc;--portfolio-overlay: rgba(0, 0, 0, .7);--tag-bg: #F8FCFD;--tag-border: #a1a1a1;--tag-text: var(--text-primary);--bg-grid-pattern: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- Grid Lines --%3E%3Cpath d='M10 0v100M30 0v100M70 0v100M90 0v100M0 10h100M0 30h100M0 70h100M0 90h100' stroke='%23000000' stroke-opacity='0.05' stroke-width='1' fill='none'/%3E%3Cpath d='M50 0v100M0 50h100' stroke='%23000000' stroke-opacity='0.1' stroke-width='1' fill='none'/%3E%3C!-- Crosshair (Center) --%3E%3Cpath d='M46.5 50h7M50 46.5v7' stroke='%23000000' stroke-opacity='0.3' stroke-width='1' fill='none'/%3E%3C!-- Dot (Corners) --%3E%3Crect x='0' y='0' width='1' height='1' fill='%23000000' fill-opacity='0.3'/%3E%3C/svg%3E")}html.dark{--bg-primary: #170b1c;--bg-secondary: #2c1338;--text-primary: #ffffff;--text-secondary: #e5c8f6;--text-muted: #b8a1c9;--border-light: #5a2a73;--border-dark: #7d4094;--hover-bg: #2980b9;--hover-text: #ffffff;--nav-bg: var(--bg-secondary);--nav-border: var(--border-light);--nav-border-accent: var(--border-light);--nav-text: var(--text-primary);--nav-hover-bg: var(--hover-bg);--nav-hover-text: var(--hover-text);--form-bg: var(--bg-secondary);--form-border: var(--border-light);--form-border-focus: var(--border-dark);--form-text: var(--text-primary);--portfolio-border: var(--border-light);--portfolio-overlay: rgba(0, 0, 0, .8);--tag-bg: var(--bg-secondary);--tag-border: var(--border-light);--tag-text: var(--text-primary);--bg-grid-pattern: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- Grid Lines --%3E%3Cpath d='M10 0v100M30 0v100M70 0v100M90 0v100M0 10h100M0 30h100M0 70h100M0 90h100' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='1' fill='none'/%3E%3Cpath d='M50 0v100M0 50h100' stroke='%23ffffff' stroke-opacity='0.1' stroke-width='1' fill='none'/%3E%3C!-- Crosshair (Center) --%3E%3Cpath d='M46.5 50h7M50 46.5v7' stroke='%23ffffff' stroke-opacity='0.3' stroke-width='1' fill='none'/%3E%3C!-- Dot (Corners) --%3E%3Crect x='0' y='0' width='1' height='1' fill='%23ffffff' fill-opacity='0.3'/%3E%3C/svg%3E")}header{top:.5em;position:relative}html{background-color:var(--bg-primary);background-image:var(--bg-grid-pattern);background-attachment:fixed;font-family:Atkinson Hyperlegible Next Variable,sans-serif;color:var(--text-primary)}body{margin:0 auto;width:100%;max-width:60em;padding:1rem;line-height:1.5;color:var(--text-primary);border:1px solid var(--portfolio-border);background-color:var(--bg-primary)}*{box-sizing:border-box}strong,b{font-weight:700}h1{margin:1rem 0;font-size:1.75rem;padding-top:.25rem;border-bottom:3px solid var(--border-dark);padding-bottom:.5rem;color:var(--text-primary)}h2{border-bottom:1px dashed var(--border-light);padding-bottom:.5rem;color:var(--text-primary)}button{padding:.5rem;margin-bottom:1em;width:100%;background:var(--bg-primary);border:1px solid var(--border-light);border-bottom:3px solid var(--border-dark);flex-direction:column;align-items:flex-start;font:inherit;color:var(--text-primary);cursor:pointer}button:hover,button:focus{background-color:var(--hover-bg);color:var(--hover-text)}body:before{content:"";position:fixed;top:-1em;left:0;right:0;height:1.25em;background:linear-gradient(to right,pink,red 10%,orange 22%,#ff0 36%,green 53%,#00f 68%,indigo 82%,violet 100%,#fff0);opacity:1;z-index:2;pointer-events:none}header{position:sticky;top:1em;z-index:1}header nav{padding:.5em;background:var(--nav-bg);border:1px solid var(--nav-border);border-bottom:3px solid var(--nav-border-accent);display:flex;flex-direction:column;align-items:flex-start}.nav-top-row{display:flex;align-items:center;width:100%}.site-title{font-size:1.25em;white-space:nowrap;margin:0;color:var(--nav-text)}.nav-links{display:grid;grid-template-columns:repeat(4,2fr);gap:.25rem;width:100%;max-height:unset;overflow:visible;transition:none;scrollbar-width:none;padding-top:.5rem}.nav-links::-webkit-scrollbar{display:none}.nav-links a{display:block;text-align:center;text-decoration:none;font-size:1rem;font-weight:700;text-transform:uppercase;border:1px solid var(--nav-border);padding:1px;color:var(--nav-text);font-size:.9em}.nav-links a.active{border-top:3px solid var(--nav-border)}.nav-links a:hover,.nav-links a:focus{background-color:var(--nav-hover-bg);color:var(--nav-hover-text)}@media screen and (min-width: 769px){body{margin-top:1em;margin-bottom:1em}header nav{padding:.15em;flex-direction:row;justify-content:space-between;align-items:center}.nav-top-row{display:contents}.site-title{margin:0 0 0 .25em}.nav-links{display:flex;max-height:unset;overflow:visible;width:auto;padding-top:0}.nav-links a{padding:2px 10px;margin:.25em;background-color:transparent}}.tile-container{display:grid;gap:1rem}.tile-item{border:1px solid var(--border-light);padding:.5rem;background-color:var(--bg-primary)}.tile-item:hover,.tile-item:focus{background-color:var(--hover-bg);color:var(--hover-text)}.tile-item a{text-decoration:none;color:inherit;display:block}@media screen and (min-width: 769px){.tile-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{margin-right:.25em;border:1px dotted var(--tag-border);padding:.25em .5em;background-color:var(--tag-bg);color:var(--tag-text);line-height:1.1}.tag:hover,.tag:focus{background-color:var(--nav-hover-bg);color:var(--nav-hover-text)}.tag a{color:inherit;text-decoration:none}.tag--active{outline:2px solid var(--border-dark);outline-offset:2px}pre,code,kbd{font-family:Geist Mono Variable,monospace!important}pre{position:relative;padding:3.5em 1.5em 1em 1em!important;background-color:#282a36!important;overflow-x:auto!important;margin-block-end:1em!important}pre:before{content:attr(data-language);position:absolute;top:1em;left:1em;padding:.25em .5em;background-color:#6272a4;color:#f8f8f2;font-size:.8rem;font-weight:700}pre:not([data-language]):before{content:"TEXT"}code{font-size:.9rem!important;padding:.2rem .4rem!important;background-color:#44475a!important;color:#f8f8f2!important}pre code{padding:0!important;background-color:transparent!important;color:inherit!important;border-radius:0!important}