:root{--mask:#4a2380;--mask-deep:#361960;--mask-trace:#7349b0;--gold:#e6c04f;--silk:#fff;--paper:#f4f5fa;--card:#fff;--ink:#17142c;--ink-soft:#58546f;--line:#dddfea;--link:#5a2a9e;--ch1:#f2c80f;--ch2:#12b5cf;--ch3:#d6399f;--ch4:#3b6fe0;--led-green:#2fbf62;--led-amber:#f0a020;--led-red:#e0453c;--font-display:"Chakra Petch", "Segoe UI", system-ui, sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-code:"IBM Plex Mono", ui-monospace, Consolas, monospace;--measure:70ch;--page:74rem;--r:6px}*,:before,:after{box-sizing:border-box}html{background:var(--paper)}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}img,video,iframe{max-width:100%}a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--ch2);outline-offset:3px;border-radius:3px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.1}.wrap{width:min(100% - 2.5rem, var(--page));margin-inline:auto}.skip{background:var(--gold);color:var(--ink);z-index:10;padding:.5rem 1rem;position:absolute;top:.5rem;left:-999px}.skip:focus{left:.5rem}.board{background-color:var(--mask);color:var(--silk);background-image:radial-gradient(#ffffff17 1.2px,#0000 1.3px);background-size:22px 22px}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.1rem;display:flex}.brand{font-family:var(--font-display);color:var(--silk);align-items:center;gap:.6rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.nav{gap:1.6rem;display:flex}.nav a{color:#fffc;border-bottom:2px solid #0000;padding-block:.25rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--silk)}.nav a[aria-current=page]{color:var(--silk);border-bottom-color:var(--gold)}.board-strip{border-bottom:4px solid var(--gold)}.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;padding-block:3.5rem 4rem;display:grid}.hero h1{letter-spacing:-.025em;max-width:12ch;font-size:clamp(2.8rem,7vw,5.2rem);line-height:.98}.hero p{color:#ffffffd9;max-width:40ch;margin:1.4rem 0 0;font-size:1.2rem}.hero-links{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.btn{font-family:var(--font-display);border-radius:var(--r);border:2px solid #0000;padding:.75rem 1.4rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block}.btn-primary{background:var(--gold);color:var(--ink)}.btn-primary:hover{background:#f2d06a}.btn-ghost{color:var(--silk);border-color:#ffffffb3}.btn-ghost:hover{border-color:var(--silk);background:#ffffff1a}.board-art{width:100%;height:auto;display:block;overflow:visible}.board-art .t{fill:none;stroke:var(--mask-trace);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.board-art .t-gold{stroke:var(--gold)}.board-art .pulse{fill:none;stroke:#fff6c4;stroke-width:4px;stroke-linecap:round;stroke-dasharray:14 186;filter:drop-shadow(0 0 4px #fff2a8);animation:2.4s linear infinite flow}.board-art .pulse:nth-of-type(2){animation-delay:-.8s}.board-art .pulse:nth-of-type(3){animation-delay:-1.6s}@keyframes flow{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}.board-art .via{fill:var(--mask-deep);stroke:var(--gold);stroke-width:3.5px}.board-art .chip{fill:#1b1426;stroke:#2a203a;stroke-width:2px}.board-art .pin{fill:#d9dbe0}.board-art .chip-text{fill:#9a90b0;font-family:var(--font-display);font-size:13px;font-weight:600}.board-art .silk{fill:var(--silk);font-family:var(--font-display);letter-spacing:.05em;font-size:16px;font-weight:700}.board-art .silk-small{fill:#ffffffbf;font-family:var(--font-display);font-size:13px;font-weight:600}.board-art .pad{fill:var(--gold);transition:fill .15s}.board-art .smd-led{fill:var(--ch3)}.board-art .led-glow{fill:var(--ch3);opacity:.35;animation:1.6s ease-in-out infinite blink}@keyframes blink{50%{opacity:.05}}.board-art a{cursor:pointer}.board-art a:hover .pad,.board-art a:focus-visible .pad,.board-art a:hover .silk{fill:#fff2a8}@media (width<=54rem){.hero .wrap{grid-template-columns:1fr;padding-block:2.5rem 3rem}.board-art{max-width:30rem}}.scope{color:#cfd6e4;border-top:4px solid var(--gold);background-color:#0b0d12;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:60px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-bottom:1px solid #000;position:relative}.scope-rows{padding-block:.6rem}.ch{align-items:center;height:40px;display:flex}.ch-label{width:7.5rem;margin-left:max(1.25rem, calc((100% - var(--page)) / 2));font-family:var(--font-display);color:var(--c);white-space:nowrap;flex:none;font-size:.9rem;font-weight:700}.ch-label span{background:var(--c);color:#0b0d12;border-radius:3px;margin-right:.3rem;padding:.1rem .45rem;display:inline-block}.ch-wave{height:40px;animation:sweep var(--speed,3s) linear infinite;background-repeat:repeat-x;background-size:120px 40px;flex:1}@keyframes sweep{to{background-position-x:-120px}}.ch-read{white-space:nowrap;text-align:right;width:9.5rem;padding-right:max(1.25rem, calc((100% - var(--page)) / 2));font-variant-numeric:tabular-nums;color:var(--c);flex:none;font-size:.9rem}.ch1{--c:var(--ch1);--speed:2.2s}.ch2{--c:var(--ch2);--speed:3.2s}.ch3{--c:var(--ch3);--speed:1.8s}.ch4{--c:var(--ch4);--speed:4s}.ch1 .ch-wave{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Cpath d='M0 31H1V9H60V31H120' fill='none' stroke='%23f2c80f' stroke-width='2.5'/%3E%3C/svg%3E")}.ch2 .ch-wave{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Cpath d='M0 20C15 20 15 6 30 6S45 20 60 20 75 34 90 34 105 20 120 20' fill='none' stroke='%2312b5cf' stroke-width='2.5'/%3E%3C/svg%3E")}.ch3 .ch-wave{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Cpath d='M0 31H1V9H28V31H120' fill='none' stroke='%23d6399f' stroke-width='2.5'/%3E%3C/svg%3E")}.ch4 .ch-wave{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Cpath d='M0 9H14V31H28V9H56V31H70V9H84V31H112V9H120' fill='none' stroke='%233b6fe0' stroke-width='2.5'/%3E%3C/svg%3E")}@media (width<=40rem){.ch-label{width:3.6rem}.ch-label .ch-name,.ch-read{display:none}}.page-head{padding-block:3rem 1.5rem}.page-head h1{font-size:clamp(2.4rem,6vw,3.6rem)}.page-head p{color:var(--ink-soft);max-width:60ch;margin:.8rem 0 0;font-size:1.15rem}.section{margin-top:4rem}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem;display:flex}.section-head h2{font-size:clamp(1.8rem,3.5vw,2.3rem)}.section-head a{font-weight:600}.post-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.post-row{color:inherit;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--c,var(--ch4));border-radius:var(--r);grid-template-columns:8.5rem 1fr;gap:.3rem 2rem;padding:1.3rem 1.5rem;text-decoration:none;display:grid}.post-row:hover{border-color:var(--c);box-shadow:0 6px 20px -12px var(--c)}.post-row time{color:var(--ink-soft);font-variant-numeric:tabular-nums;padding-top:.25rem}.post-row h3{color:var(--ink);font-size:1.4rem}.post-row p{color:var(--ink-soft);max-width:var(--measure);margin:.35rem 0 0}.tags{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;font-size:.85rem;display:flex}.tags span{color:#4a3f78;background:#eceaf6;border-radius:999px;padding:.1rem .55rem;font-weight:500}@media (width<=40rem){.post-row{grid-template-columns:1fr}}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:1.4rem;display:grid}.project{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.project:hover{box-shadow:0 14px 30px -18px var(--m);transform:translateY(-3px)}.project-board{background-color:var(--m);background-image:radial-gradient(circle at 14px 14px, var(--gold) 5px, transparent 5.5px), radial-gradient(circle at calc(100% - 14px) 14px, var(--gold) 5px, transparent 5.5px), linear-gradient(90deg, transparent 38%, #ffffff2e 38%, #ffffff2e 39.5%, transparent 39.5%), linear-gradient(0deg, transparent 55%, #ffffff2e 55%, #ffffff2e 58%, transparent 58%);align-items:flex-end;height:5.5rem;padding:.8rem 1.1rem;display:flex;position:relative}.project-board .status{color:#fff;background:#00000059;border-radius:999px;padding:.2rem .65rem .2rem .5rem}.project-body{flex-direction:column;flex:1;gap:.5rem;padding:1.2rem 1.3rem 1.3rem;display:flex}.project h3{font-size:1.35rem}.project p{color:var(--ink-soft);margin:0}.project .tags{margin-top:auto;padding-top:.5rem}.mask-0{--m:#1f7a4a}.mask-1{--m:#1d4fa8}.mask-2{--m:#b3262e}.mask-3{--m:#4a2380}.mask-4{--m:#202326}.status{align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:inline-flex}.led{background:#9aa0aa;border-radius:50%;flex:none;width:.6rem;height:.6rem}.led[data-status=in\ progress]{background:var(--led-amber);box-shadow:0 0 8px var(--led-amber)}.led[data-status=done]{background:var(--led-green);box-shadow:0 0 8px var(--led-green)}.led[data-status=paused]{background:var(--led-red);box-shadow:0 0 6px var(--led-red)}.empty{border:2px dashed var(--line);border-radius:var(--r);color:var(--ink-soft);background:var(--card);padding:2rem}.article-head{max-width:var(--measure);padding-block:3rem 1.5rem}.article-head h1{font-size:clamp(2.2rem,5vw,3.3rem)}.article-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;margin-top:1rem;display:flex}.article-meta .tags{margin-top:0}.video{aspect-ratio:16/9;border-radius:var(--r);background:#000;max-width:58rem;margin:.5rem 0 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 40px -24px #17142c}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.prose{max-width:var(--measure)}.prose>*+*{margin-top:1.15em}.prose h2{margin-top:2em;font-size:1.75rem}.prose h3{margin-top:1.7em;font-size:1.3rem}.prose p,.prose ul,.prose ol{margin-block:0}.prose li+li{margin-top:.35em}.prose img{border-radius:var(--r);height:auto}.prose blockquote{border-left:5px solid var(--ch2);border-radius:0 var(--r) var(--r) 0;background:#e7f6f9;margin-inline:0;padding:.6rem 1.2rem}.prose :not(pre)>code{font-family:var(--font-code);color:#3d2d73;background:#eceaf6;border-radius:4px;padding:.1em .4em;font-size:.88em}.prose pre{font-family:var(--font-code);border-radius:var(--r);padding:1.1rem 1.2rem;font-size:.9rem;line-height:1.55;overflow-x:auto}.prose table{border-collapse:collapse;background:var(--card);display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:.55rem .8rem}.prose th{background:var(--mask);color:#fff;font-family:var(--font-display)}.prose hr{border:0;border-top:2px solid var(--line);margin-block:2.5em}.back{margin-top:3rem;font-weight:600;display:inline-block}.site-footer{border-top:4px solid var(--gold);margin-top:6rem}.site-footer .wrap{color:#ffffffd9;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;padding-block:2.2rem;display:flex}.site-footer ul{flex-wrap:wrap;gap:1.4rem;margin:0;padding:0;list-style:none;display:flex}.site-footer a{color:var(--silk)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.board-art .pulse{display:none}}