:root{--paper:#fcfbf9;--ink:#21251f;--muted:#71776d;--accent:#2f6b40;--hairline:rgba(33,37,31,.13);--grid:rgba(33,37,31,.028);--grid-pulse:rgba(33,37,31,.09)}@media (prefers-color-scheme:dark){:root{--paper:#0f120f;--ink:#e7e9e3;--muted:#8d938a;--accent:#8ac59a;--hairline:hsla(80,12%,90%,.17);--grid:hsla(80,12%,90%,.032);--grid-pulse:hsla(80,12%,90%,.1)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem calc(3rem + 5vh);background:var(--paper);color:var(--ink);font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";inset:0;z-index:-1;background:linear-gradient(var(--grid) 1px,transparent 1px) 14px 14px /32px 32px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 14px 14px /32px 32px;-webkit-mask:radial-gradient(ellipse 75% 65% at 50% 50%,transparent 35%,#000 85%);mask:radial-gradient(ellipse 75% 65% at 50% 50%,transparent 35%,#000 85%)}.frame,body:before{position:fixed;pointer-events:none}.frame{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);overflow:visible}.frame rect{x:.5px;y:.5px;width:calc(100% - 1px);height:calc(100% - 1px);fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.track{stroke:var(--hairline)}.glint{stroke:var(--accent);stroke-linecap:round;opacity:.026;animation:lap 4.5s linear infinite}.glow{stroke-width:3;filter:blur(3px);opacity:.12}@keyframes lap{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.marks{background-image:linear-gradient(var(--hairline),var(--hairline)),linear-gradient(var(--hairline),var(--hairline)),linear-gradient(var(--hairline),var(--hairline)),linear-gradient(var(--hairline),var(--hairline)),linear-gradient(var(--hairline),var(--hairline)),linear-gradient(var(--hairline),var(--hairline)),linear-gradient(var(--hairline),var(--hairline)),linear-gradient(var(--hairline),var(--hairline));background-repeat:no-repeat;background-size:8px 1px,1px 8px,8px 1px,1px 8px,8px 1px,1px 8px,8px 1px,1px 8px;background-position:left 2px top 14px,left 14px top 2px,right 2px top 14px,right 14px top 2px,left 2px bottom 14px,left 14px bottom 2px,right 2px bottom 14px,right 14px bottom 2px}.grid-pulse,.marks{position:fixed;inset:0;pointer-events:none}.grid-pulse{z-index:-1;opacity:0;background:linear-gradient(var(--grid-pulse) 1px,transparent 1px) 14px 14px /32px 32px,linear-gradient(90deg,var(--grid-pulse) 1px,transparent 1px) 14px 14px /32px 32px;-webkit-mask:radial-gradient(circle var(--size) at var(--at),#000,transparent);mask:radial-gradient(circle var(--size) at var(--at),#000,transparent);animation-name:grid-pulse;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes grid-pulse{0%,86%{opacity:0}92%{opacity:1}98%,to{opacity:0}}nav h1{margin:0;font-size:clamp(2.1rem,5.5vw,3rem);font-weight:600;letter-spacing:.01em}nav h1 a,nav h1 a:visited{color:var(--ink);text-decoration:none}main{margin-top:1.4rem;font-size:1rem;letter-spacing:.01em;color:var(--muted)}main a,main a:visited{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:.3em;transition:color .2s ease,-webkit-text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}main a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}::selection{background:rgba(47,107,64,.18)}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion:reduce){.glint,.grid-pulse{display:none}}