@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/Portfolio/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2)format("woff2"),url(/Portfolio/assets/chakra-petch-latin-600-normal-DQKfcdKo.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/Portfolio/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(/Portfolio/assets/chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/Portfolio/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/Portfolio/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/Portfolio/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/Portfolio/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/Portfolio/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/Portfolio/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/Portfolio/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/Portfolio/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/Portfolio/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2)format("woff2"),url(/Portfolio/assets/jetbrains-mono-latin-600-normal-BfsvjouI.woff)format("woff")}:root{--bg:#f6f6fb;--panel:#ecebf6;--text:#14123a;--muted:#4c4874;--faint:#5f5a8a;--border:#362e9621;--border-strong:#3e30be4d;--blue:#2c4be0;--violet:#7432e8;--accent:#bf1681;--signal:#4a35dc;--tag:#4a35dc0d;--surface-top:#fffffffa;--surface-bottom:#fbfbfffa;--edge-a:#2c4be042;--edge-b:#7432e824;--spot:#4a35dc0f;--led-off:#3e30be29;--led:#0b9a60;--code:#f2f2f9;--add:#0a7c4e;--spark:var(--accent);--board-trace:#343a962b;--board-via:#343aaa52;--card-shadow:0 1px 2px #1e185a0d, 0 18px 40px -22px #281e8238;--f-display:"Chakra Petch", system-ui, sans-serif;--f-body:"Figtree", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--act:3.5rem;--tabs:2.75rem;--sbar:1.75rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%233a3fd6'/%3E%3Cstop offset='1' stop-color='%237432e8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 2v17l4.5-4.2 2.9 6.4 2.8-1.2-2.8-6.2 6.2-.2z' fill='none' stroke='rgba(20,18,58,.35)' stroke-width='3.2' stroke-linejoin='round'/%3E%3Cpath d='M3 2v17l4.5-4.2 2.9 6.4 2.8-1.2-2.8-6.2 6.2-.2z' fill='url(%23g)' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, default;--cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23bf1681'/%3E%3Cstop offset='1' stop-color='%237432e8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 2v17l4.5-4.2 2.9 6.4 2.8-1.2-2.8-6.2 6.2-.2z' fill='none' stroke='rgba(20,18,58,.35)' stroke-width='3.2' stroke-linejoin='round'/%3E%3Cpath d='M3 2v17l4.5-4.2 2.9 6.4 2.8-1.2-2.8-6.2 6.2-.2z' fill='url(%23g)' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M15.5 4.5l3-2.5M17 8.5h4' stroke='%23fff' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M15.5 4.5l3-2.5M17 8.5h4' stroke='%23bf1681' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 3 2, pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#07061a;--panel:#0c0a24;--text:#f4f1ff;--muted:#aba4d9;--faint:#948dc6;--border:#7c5cff33;--border-strong:#8c6eff80;--blue:#4f7cff;--violet:#a24dff;--accent:#ff4fd8;--signal:#8f73ff;--tag:#7c5cff1a;--surface-top:#18133af5;--surface-bottom:#0c0a20f5;--edge-a:#5a78ff61;--edge-b:#a050ff2e;--spot:#6e50ff29;--led-off:#8c6eff38;--led:#3dff9a;--code:#0b0921;--add:#3ddc97;--spark:#fff;--board-trace:#2c3ed657;--board-via:#4656f085;--card-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}*{box-sizing:border-box;margin:0;padding:0}html{cursor:var(--cursor-default);scroll-behavior:smooth;scroll-padding-top:4rem}:is(p,li,h1,h2,h3,h4,dd,blockquote,pre,code,kbd,.terminal-output){cursor:text}label{cursor:var(--cursor-default)}:any-link,button,summary,select,[role=button],input:is([type=checkbox],[type=radio],[type=submit],[type=button]){cursor:var(--cursor-pointer)}:is(:any-link,button,summary,[role=button]) *{cursor:inherit}input:not([type=checkbox],[type=radio],[type=submit],[type=button]),textarea,[contenteditable=true]{cursor:text}:disabled,[aria-disabled=true]{cursor:not-allowed}[aria-busy=true]{cursor:progress}html{scrollbar-gutter:stable}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--violet) 45%, transparent) padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--violet) 75%, transparent) padding-box}::-webkit-scrollbar-corner{background:0 0}html::-webkit-scrollbar{width:11px}html::-webkit-scrollbar-track{border-left:1px solid var(--border);background:var(--panel)}html::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--blue), var(--violet) 60%, var(--accent)) padding-box;border-width:3px}html::-webkit-scrollbar-thumb:hover{border-width:2px}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--violet) 55%, transparent) transparent}html{scrollbar-color:var(--violet) var(--panel)}}html,body{overflow-x:clip}html.intro-lock{overscroll-behavior:none;scrollbar-gutter:stable;overflow:hidden}body{min-height:100svh;padding:var(--tabs) 0 var(--sbar) var(--act);background:var(--bg);color:var(--text);font-family:var(--f-body);-webkit-font-smoothing:antialiased}.circuit-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:2px}main{z-index:10;position:relative}.wrap{width:min(100% - 4rem,72rem);margin-inline:auto}.display{font-family:var(--f-display);letter-spacing:-.005em;font-weight:650;line-height:1.05}.h2{font-size:clamp(2rem,4.2vw,3.1rem)}.lede{max-width:50ch;color:var(--muted);font-size:1.0625rem;line-height:1.6}.section{padding-block:clamp(4.5rem,12vh,6.5rem)}.section-divider{pointer-events:none;align-items:center;gap:.9rem;height:1.5rem;margin-block:-.75rem;display:flex;position:relative}.section-divider-score{background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--violet) 35%, var(--border-strong)) 0 6px, transparent 6px 11px);flex:1;height:1px}.section-divider-score:first-child{transform:scaleX(-1)}.section-divider-tab{gap:.45rem;display:flex}.section-divider-tab i{border:1px solid color-mix(in oklab, var(--violet) 55%, var(--border-strong));background:var(--bg);border-radius:50%;width:6px;height:6px}@media (max-width:900px){.section-divider:has(+.stack){margin-bottom:1rem}}.section-head{flex-direction:column;gap:.8rem;width:-moz-fit-content;width:fit-content;margin-bottom:2.5rem;display:flex}.chip{isolation:isolate;background:linear-gradient(180deg, var(--surface-top), var(--surface-bottom)) padding-box, linear-gradient(140deg, var(--edge-a), var(--edge-b) 55%, var(--edge-a)) border-box;box-shadow:var(--card-shadow);border:1px solid #0000;border-radius:14px;position:relative}.chip:after{content:"";border-radius:inherit;background:linear-gradient(140deg, var(--blue), var(--violet), var(--accent));opacity:0;pointer-events:none;padding:1px;transition:opacity .25s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.chip[data-powered]:after{opacity:.4}.chip:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), var(--spot), transparent 65%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.chip:hover:after,.chip:hover:before{opacity:1}}.chip-led{background:var(--led-off);border-radius:50%;width:6px;height:6px;transition:background-color .4s ease-out,box-shadow .4s ease-out;position:absolute;top:16px;right:16px}.chip[data-powered] .chip-led{background:var(--blue);box-shadow:0 0 6px 1px var(--blue)}.btn{isolation:isolate;border:1px solid var(--border-strong);background:color-mix(in oklab, var(--bg) 75%, transparent);min-height:2.75rem;font:600 .9375rem var(--f-body);cursor:var(--cursor-pointer);transition:border-color .15s ease, background-color .15s ease, filter .15s ease, transform .16s var(--ease-out);border-radius:8px;align-items:center;gap:.5rem;padding:0 1.25rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(120deg,#3440d0,#6d22dc);border-color:#0000}.btn-primary:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);position:absolute;inset:0;transform:translate(-110%)}@media (hover:hover) and (pointer:fine){.btn:hover{border-color:var(--text);background-color:color-mix(in oklab, var(--violet) 10%, var(--bg))}.btn-primary:hover{filter:brightness(1.12);border-color:#0000}.btn-primary:hover:after{transition:transform .7s var(--ease-out);transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.btn,.btn:active{transform:none}.btn-primary:after{display:none}}.tag{border:1px solid var(--border);background:var(--tag);color:var(--muted);border-radius:6px;padding:.25rem .625rem;font-size:.8125rem}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.live{color:var(--muted);font:500 .75rem var(--f-mono);align-items:center;gap:.4rem;display:inline-flex}.live i{background:var(--led);width:7px;height:7px;box-shadow:0 0 6px var(--led);border-radius:50%}.reveal .rv{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transition-delay:calc(var(--i,0) * 60ms);transform:translateY(14px)}.reveal .rv-fade{opacity:0;transition:opacity .6s var(--ease-out);transition-delay:calc(var(--i,0) * 60ms)}.reveal .rv-clip{clip-path:inset(0 0 100%);transition:clip-path .65s var(--ease-in-out), transform .65s var(--ease-out);transition-delay:calc(var(--i,0) * 60ms);transform:translateY(.25em)}.reveal .rv-scan{clip-path:inset(0 100% 0 0);transition:clip-path .8s var(--ease-in-out);transition-delay:calc(var(--i,0) * 60ms)}.reveal .in.rv,.reveal .in .rv{opacity:1;transform:none}.reveal .in.rv-fade,.reveal .in .rv-fade,.reveal .seen.rv-fade{opacity:1}.reveal .in.rv-clip,.reveal .in .rv-clip{clip-path:inset(0 0 -.3em);transform:none}.reveal .in.rv-scan,.reveal .in .rv-scan{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.reveal .rv,.reveal .rv-clip,.reveal .rv-scan{clip-path:none;transition:opacity .2s;transform:none}.reveal .rv-clip,.reveal .rv-scan{opacity:0}.reveal .in.rv-clip,.reveal .in .rv-clip,.reveal .in.rv-scan,.reveal .in .rv-scan{opacity:1}}::selection{background:color-mix(in oklab, var(--accent) 32%, transparent);color:var(--text)}input,textarea{caret-color:var(--accent)}a,button{-webkit-tap-highlight-color:transparent}@media (max-width:900px){:root{--bottom-nav:3.5rem;--safe-bottom:env(safe-area-inset-bottom,0px)}body{padding-left:0;padding-bottom:calc(var(--sbar) + var(--bottom-nav) + var(--safe-bottom))}.wrap{width:min(100% - 2.5rem,72rem)}.section-head{margin-bottom:2rem}}@media (max-width:420px){.wrap{width:calc(100% - 2rem)}}.section-head h2,.stack-copy h2{position:relative}.section-head h2:after,.stack-copy h2:after{content:"";background:linear-gradient(90deg, var(--blue), var(--violet), var(--accent));opacity:0;transform-origin:0;border-radius:2px;width:100%;height:2px;position:absolute;bottom:-.2em;left:0;transform:scaleX(0)}.reveal .section-head.in h2:after,.reveal .stack-copy.in h2:after{animation:heading-current 1.4s var(--ease-out) .45s both}@keyframes heading-current{0%{opacity:1;transform:scaleX(0)}55%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.reveal .section-head.in h2:after,.reveal .stack-copy.in h2:after{animation:none}html{scroll-behavior:auto}}.contact-section{min-height:calc(100svh - var(--tabs) - var(--sbar));align-content:center;padding-block:2.5rem;display:grid}.contact{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);display:grid;overflow:hidden}.contact-form{flex-direction:column;gap:1rem;padding:2rem;display:flex}.contact-form h2{font-size:clamp(1.75rem,3.2vw,2.4rem)}.field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.field input,.field textarea{border:1px solid var(--border-strong);background:color-mix(in oklab, var(--bg) 60%, transparent);color:var(--text);font:400 1rem var(--f-body);border-radius:8px;padding:.7rem .8rem;transition:border-color .15s}@media (hover:hover) and (pointer:fine){.field input:hover,.field textarea:hover{border-color:color-mix(in oklab, var(--violet) 55%, var(--border-strong))}}.field input:focus,.field textarea:focus{border-color:var(--violet);outline:none}.field textarea{resize:vertical;min-height:7rem}.field [aria-invalid=true]{border-color:var(--accent)}.field-error,.contact-error{color:var(--accent);animation:message-in .2s var(--ease-out);font-size:.8rem}@keyframes message-in{0%{opacity:0;transform:translateY(-4px)}}.send-button{justify-content:center;position:relative;overflow:hidden}.send-fill{transform-origin:0;background:#ffffff38;position:absolute;inset:0;transform:scaleX(0)}.request{border-left:1px solid var(--border);background:var(--code);font-family:var(--f-mono);flex-direction:column;gap:1.2rem;padding:2rem;display:flex}.request-header{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.request-status{align-items:center;gap:.5rem;display:inline-flex}.request-status:before{content:"";background:var(--led-off);border-radius:50%;width:7px;height:7px;transition:background-color .2s,box-shadow .2s}.request-status[data-state=sending]:before{background:var(--blue);box-shadow:0 0 6px var(--blue)}.request-status[data-state=ok]:before{background:var(--led);box-shadow:0 0 6px var(--led)}.request-status[data-state=error]:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}.request pre{min-height:12rem;font:400 .84rem / 1.7 var(--f-mono);white-space:pre-wrap;word-break:break-word}.request pre .json-key{color:var(--violet)}.request pre .json-string{color:var(--accent)}.request-steps{color:var(--muted);flex-direction:column;gap:.55rem;font-size:.82rem;list-style:none;display:flex}.request-steps li{align-items:center;gap:.6rem;display:flex}.request-steps i{background:var(--led-off);border-radius:50%;width:8px;height:8px;transition:background-color .2s,box-shadow .2s}.request-steps li[data-state=active],.request-steps li[data-state=done]{color:var(--text)}.request-steps li[data-state=active] i{background:var(--blue);box-shadow:0 0 6px var(--blue)}.request-steps li[data-state=done] i{background:var(--led);box-shadow:0 0 8px var(--led)}.request-steps li[data-state=error]{color:var(--accent)}.request-steps li[data-state=error] i{background:var(--accent);box-shadow:0 0 6px var(--accent)}.request-steps li[data-state=active] i{animation:1s ease-in-out infinite step-pulse}@keyframes step-pulse{50%{opacity:.45}}.send-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:.9em;height:.9em;animation:.7s linear infinite send-spin}@keyframes send-spin{to{transform:rotate(1turn)}}.field input:read-only,.field textarea:read-only{cursor:progress;opacity:.7}.contact-success{animation:success-in .36s var(--ease-out);outline:none;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.75rem;padding-block:1rem;display:flex}@keyframes success-in{0%{opacity:0;transform:translateY(8px)}}.contact-success-mark{fill:none;width:3rem;height:3rem;stroke:var(--led);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in oklab, var(--led) 60%, transparent))}.contact-success-mark circle{stroke-dasharray:132;stroke-dashoffset:132px;animation:draw .52s var(--ease-out) forwards}.contact-success-mark path{stroke-dasharray:30;stroke-dashoffset:30px;animation:draw .32s var(--ease-out) .38s forwards}@keyframes draw{to{stroke-dashoffset:0}}.contact-success-title{font:600 1.35rem var(--f-display);color:var(--text)}.contact-success-body{max-width:34ch;color:var(--muted);overflow-wrap:anywhere}.contact-success .btn{margin-top:.5rem}@media (max-width:900px){.contact{grid-template-columns:minmax(0,1fr)}.request{border-top:1px solid var(--border);border-left:0}}.contact-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact-turnstile:empty{display:none}.request-status[data-state=ok]:before{animation:status-ripple 1.1s var(--ease-out)}@keyframes status-ripple{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--led) 70%, transparent)}to{box-shadow:0 0 6px var(--led), 0 0 0 12px transparent}}@media (max-width:600px){.contact-section{padding-block:1.5rem 2rem}.contact-form,.request{padding:1.4rem 1.2rem}.request pre{min-height:0;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.request-status[data-state=ok]:before,.request-steps li[data-state=active] i,.field-error,.contact-error,.contact-success{animation:none}.contact-success-mark circle,.contact-success-mark path{stroke-dashoffset:0;animation:none}.send-spinner{animation-duration:1.6s}}html:has(.window[open]){overflow:hidden}.window{max-width:none;max-height:none;color:var(--text);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.window::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0403109e}.window[open]{animation:window-in .22s var(--ease-out)}.window[open]::backdrop{animation:.22s window-backdrop-in}@keyframes window-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes window-backdrop-in{0%{opacity:0}}.window-frame{border:1px solid var(--border-strong);background:var(--code);border-radius:12px;flex-direction:column;width:min(44rem,100vw - 2rem);max-height:min(44rem,100dvh - 2rem);display:flex;overflow:hidden;box-shadow:0 40px 80px -30px #0009}.window-bar{border-bottom:1px solid var(--border);background:var(--panel);color:var(--muted);font:500 .78rem var(--f-mono);align-items:center;gap:.8rem;padding:.55rem .6rem .55rem 1rem;display:flex}.window-dots{flex-shrink:0;gap:.4rem;display:flex}.window-dots i{background:var(--led-off);border-radius:50%;width:10px;height:10px}.window-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.window-prompt{color:var(--accent)}.window-actions{flex-shrink:0;gap:.4rem;display:flex}.window-button{border:1px solid var(--border);color:var(--muted);font:inherit;transition:color .15s ease, border-color .15s ease, transform .12s var(--ease-out);background:0 0;border-radius:6px;padding:.3rem .65rem;text-decoration:none}@media (hover:hover) and (pointer:fine){.window-button:hover{border-color:var(--border-strong);color:var(--text)}}.window-button:active{transform:scale(.97)}.window-body{min-height:0;overflow:auto}.git-show{font:400 .84rem / 1.7 var(--f-mono);padding:1.1rem 1.3rem 1.4rem}.git-show-meta{color:var(--muted)}.git-show-hash{color:var(--signal)}.git-show-ref{color:var(--accent)}.git-show-message{color:var(--text);margin-top:.9rem;padding-left:2rem;font-weight:600}.git-show-message.is-org{color:var(--muted);margin-top:0;font-weight:400}.git-show-file{color:var(--text);margin-top:1.1rem;font-weight:600}.git-show-diff{margin-top:.3rem;list-style:none}.git-show-diff li{white-space:pre-wrap;animation:diff-in .32s var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms + .12s);border-radius:4px;padding:0 .6rem}.git-show-diff .is-hunk{color:var(--signal)}.git-show-diff .is-hunk:not(:first-child){margin-top:.45rem}.git-show-diff .is-add{background:color-mix(in oklab, var(--add) 12%, transparent);color:var(--add)}.git-show-diff .is-del{background:color-mix(in oklab, var(--accent) 10%, transparent);color:var(--accent)}.git-show-diff .is-ctx{color:var(--muted)}@keyframes diff-in{0%{opacity:0;transform:translate(-6px)}}.window-browser .window-frame{width:min(76rem,100vw - 2rem);height:min(52rem,100dvh - 2rem);max-height:none}.window-browser .window-body{flex:1;overflow:hidden}.window-address{border:1px solid var(--border);background:var(--bg);max-width:100%;color:var(--text);border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .75rem;display:inline-flex}.window-address-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.window-address svg{fill:none;width:.8rem;height:.8rem;stroke:var(--add);stroke-width:2px;flex-shrink:0}.window-viewport{background:var(--code);height:100%;position:relative}.window-viewport iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .3s;display:block}.window-viewport.is-loaded iframe{opacity:1}.window-loading{color:var(--muted);font:.85rem var(--f-mono);place-items:center;display:grid;position:absolute;inset:0}.window-viewport.is-loaded .window-loading{display:none}@media (max-width:600px){.window-frame{width:calc(100vw - 1.5rem)}.window-browser .window-frame{border-radius:0;width:100vw;height:100dvh}.window-browser .window-actions button:first-child{display:none}.window-bar{gap:.5rem;padding-left:.75rem}.window-dots{display:none}}@media (prefers-reduced-motion:reduce){.window[open],.git-show-diff li{animation:none}.window[open]::backdrop{animation:none}}.section-head .is-code{font-family:var(--f-mono);letter-spacing:-.02em;font-weight:600}.gitlog{padding:1.75rem 1.75rem 1rem}.gitlog-header{border-bottom:1px solid var(--border);color:var(--faint);font:500 .78rem var(--f-mono);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;padding-bottom:1.1rem;display:flex}.gitlog-lane{align-items:center;gap:.4rem;display:flex}.gitlog-lane i{border-radius:2px;width:14px;height:2px}.gitlog-lane.is-main i{background:var(--violet)}.gitlog-lane.is-studies i{background:var(--accent)}.commit{border-radius:10px;grid-template-columns:4.5rem minmax(0,1fr);gap:.5rem;transition:background-color .2s;display:grid;position:relative}.commit:hover{background:var(--tag)}.commit-graph{position:relative}.commit-lane{transform-origin:top;width:2px;transition:transform .7s var(--ease-in-out);border-radius:2px;position:absolute}.commit:not(.is-lit) .commit-lane{transform:scaleY(0)}.commit-lane.is-main{background:var(--violet);left:1.2rem}.commit-lane.is-studies{background:var(--accent);left:2.9rem}.commit-node{background:var(--bg);opacity:.5;border:2.5px solid;border-radius:50%;width:16px;height:16px;transition:transform .5s cubic-bezier(.215,.61,.355,1),opacity .5s,box-shadow .5s;position:absolute;top:1.25rem;transform:translate(-7px)scale(.7)}.commit-node.is-main{border-color:var(--violet);left:calc(1.2rem + 1px)}.commit-node.is-studies{border-color:var(--accent);left:calc(2.9rem + 1px)}.commit.is-lit .commit-node{opacity:1;transform:translate(-7px)scale(1)}.commit.is-lit .commit-node.is-main{box-shadow:0 0 0 4px color-mix(in oklab, var(--violet) 25%, transparent)}.commit.is-lit .commit-node.is-studies{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 25%, transparent)}.commit-fork{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.commit-fork path{fill:none;stroke:var(--accent);stroke-width:2px}.commit-body{padding:1rem 1rem 1.4rem 0}.commit-meta{color:var(--faint);font:500 .8rem var(--f-mono);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.commit-hash{color:var(--blue)}.commit-ref{font:500 .75rem var(--f-mono);border-radius:5px;padding:.15rem .5rem}.commit-ref.is-head{background:color-mix(in oklab, var(--violet) 16%, transparent);color:var(--violet)}.commit-ref.is-branch{background:color-mix(in oklab, var(--accent) 14%, transparent);color:var(--accent)}.commit-title{margin-top:.45rem;font-size:1.2rem}.commit-org{color:var(--muted);margin-top:.15rem;font-size:.92rem}.commit-list{max-width:62ch;color:var(--muted);margin:.7rem 0 0 1.1rem;font-size:.95rem;line-height:1.65}.commit-diff{color:var(--add);font:500 .78rem var(--f-mono);flex-wrap:wrap;gap:.35rem .8rem;margin-top:.8rem;display:flex}.commit-diff span{opacity:.85}@media (prefers-reduced-motion:reduce){.commit-lane{transition:none}.commit:not(.is-lit) .commit-lane{transform:none}}.commit-node:after{content:"";opacity:0;border:2px solid;border-radius:50%;position:absolute;inset:-2.5px}.commit-node.is-main{color:var(--violet)}.commit-node.is-studies{color:var(--accent)}.commit.is-lit .commit-node:after{animation:commit-ripple .9s var(--ease-out) .25s}@keyframes commit-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (max-width:600px){.gitlog{padding:1.1rem 1rem .5rem}.commit{grid-template-columns:4rem minmax(0,1fr);gap:.25rem}.commit-body{padding:.9rem .5rem 1.2rem 0}.commit-title{font-size:1.1rem}.commit-list{margin-left:1rem;font-size:.92rem}}@media (prefers-reduced-motion:reduce){.commit.is-lit .commit-node:after{animation:none}}.commit-show{border:1px solid var(--border);background:var(--tag);color:var(--muted);font:500 .78rem var(--f-mono);transition:color .15s ease, border-color .15s ease, transform .12s var(--ease-out);border-radius:6px;margin-top:.75rem;padding:.3rem .65rem}.commit-show span{color:var(--accent)}@media (hover:hover) and (pointer:fine){.commit-show:hover{border-color:color-mix(in oklab, var(--accent) 55%, var(--border));color:var(--text)}}.commit-show:active{transform:scale(.97)}.hero{min-height:calc(100svh - var(--tabs) - var(--sbar));grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-content:center;align-items:center;gap:2.8rem 4rem;padding-block:3.5rem;display:grid;position:relative}.hero-copy{grid-area:2/1;align-self:start;width:100%;max-width:40rem}.hero-role{color:var(--text);font-size:clamp(1.4rem,2.2vw,1.9rem)}.hero .lede{margin-top:.8rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.8rem;display:flex}.hero-fade{opacity:0;transform:translateY(10px)}.hero.is-compiled .hero-fade{opacity:1;transition:opacity .48s cubic-bezier(.215,.61,.355,1),transform .48s cubic-bezier(.215,.61,.355,1);transition-delay:calc(.9s + var(--i,0) * 90ms);transform:none}.nameplate{grid-area:1/1;align-self:end;width:100%;max-width:34rem;position:relative}.name-art{aspect-ratio:929/90;width:100%;height:auto;display:block;overflow:visible}.n-cu{fill:color-mix(in oklab, var(--text) 22%, transparent)}.n-txt{fill:var(--text)}.n-spark{fill:url(#ng)}.tt-trace{fill:none;stroke:var(--board-trace);stroke-width:2.1px;stroke-linejoin:round}.tt-via{fill:var(--bg);stroke:var(--board-via);stroke-width:2px}.tt-trail{fill:none;stroke:url(#ng);stroke-width:3px;stroke-linecap:round;opacity:.8}.tt-core{fill:none;stroke:var(--spark);stroke-width:3.4px;stroke-linecap:round}.tt-ring{fill:none;stroke:var(--accent)}.tt-bolt-glow{fill:none;stroke:var(--violet);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;opacity:.35}.tt-bolt-core{fill:none;stroke:var(--accent);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.tt-spark{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round}:root[data-theme=dark] .tt-core{filter:drop-shadow(0 0 4px var(--violet)) drop-shadow(0 0 9px var(--accent))}:root[data-theme=dark] .tt-bolt-glow{stroke:var(--accent);opacity:.45;filter:blur(2px)}:root[data-theme=dark] .tt-bolt-core{stroke:#fff}:root[data-theme=dark] .tt-spark{stroke:#ffd9f5;filter:drop-shadow(0 0 2px var(--accent))}.code-view{z-index:30;background:var(--bg);opacity:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.code-view.is-open{opacity:1;pointer-events:auto}.code-window{border:1px solid var(--border-strong);background:var(--code);border-radius:12px;width:min(100%,46rem);overflow:hidden;box-shadow:0 40px 80px -40px #000000b3}.code-header{border-bottom:1px solid var(--border);color:var(--faint);font:500 .8rem var(--f-mono);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex;position:relative}.code-header button{border:1px solid var(--border-strong);color:var(--muted);font:500 .75rem var(--f-mono);cursor:var(--cursor-pointer);transition:color .15s ease, border-color .15s ease, transform .16s var(--ease-out);background:0 0;border-radius:6px;padding:.25rem .6rem}.code-window pre{color:var(--text);font:400 clamp(.82rem, 1.2vw, .98rem) / 1.8 var(--f-mono);padding:1.2rem 0}.code-line{white-space:pre;opacity:0;transition:opacity .32s var(--ease-out);grid-template-columns:3.2rem 1fr;display:grid}.code-line.is-written{opacity:1}.code-line b{color:var(--faint);text-align:right;padding-right:1.3rem;font-weight:400}.tok-keyword{color:var(--violet)}.tok-component{color:var(--blue)}.tok-string{color:var(--accent)}.tok-attr{color:var(--muted)}.tok-fn{color:var(--text);font-weight:600}.tok-name{color:var(--accent);border-radius:4px;transition:background-color .3s,box-shadow .3s}.tok-name.is-picked{background:color-mix(in oklab, var(--accent) 18%, transparent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 40%, transparent)}.code-progress{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.code-progress i{background:linear-gradient(90deg, var(--blue), var(--violet), var(--accent));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.code-caret{vertical-align:-.2em;background:var(--accent);width:.55em;height:1.1em;margin-left:2px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}pre.is-compiling .code-line:not(:has(.tok-name)){opacity:.32}.code-landing{z-index:79;background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 40%, transparent), color-mix(in oklab, var(--violet) 18%, transparent) 60%, transparent);pointer-events:none;border-radius:50%;position:fixed}.code-flyer{text-shadow:0 0 18px color-mix(in oklab, var(--accent) 55%, transparent);z-index:80;color:var(--accent);font:700 1rem var(--f-display);white-space:pre;pointer-events:none;transform-origin:0 0;position:fixed}.terminal{grid-area:1/2/span 2;justify-self:end;width:100%;max-width:30rem;overflow:visible}.terminal-header{border-bottom:1px solid var(--border);color:var(--faint);font:500 .78rem var(--f-mono);align-items:center;gap:.4rem;padding:.8rem 1rem;display:flex}.terminal-header b{background:var(--led-off);border-radius:50%;width:10px;height:10px}.terminal-header em{margin-left:.6rem;font-style:normal}.terminal-badge{z-index:2;border:1px solid var(--border-strong);background:var(--surface-top);font:600 .78rem var(--f-body);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .75rem;display:flex;position:absolute;top:-.9rem;right:1.2rem}.terminal-badge i{background:var(--led);width:7px;height:7px;box-shadow:0 0 6px var(--led);border-radius:50%}.terminal-output{min-height:15.5rem;color:var(--text);font:400 .84rem / 1.75 var(--f-mono);white-space:pre-wrap;padding:1.1rem 1.1rem .6rem}.terminal-output .is-prompt{color:var(--accent)}.terminal-output .is-command{color:var(--blue)}.terminal-output .is-muted{color:var(--muted)}.terminal-output .is-key{color:var(--violet)}.terminal-commands{border-top:1px solid var(--border);flex-wrap:wrap;gap:.4rem;padding:.8rem 1rem 1rem;display:flex}.terminal-commands button{border:1px solid var(--border-strong);color:var(--muted);font:500 .76rem var(--f-mono);cursor:var(--cursor-pointer);transition:color .15s ease, border-color .15s ease, background-color .15s ease, transform .16s var(--ease-out);background:0 0;border-radius:6px;padding:.35rem .6rem}.terminal-commands button:active,.code-header button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.terminal-commands button:hover,.code-header button:hover{border-color:var(--text);color:var(--text)}}.terminal-commands button[aria-pressed=true]{border-color:var(--violet);background:var(--tag);color:var(--text)}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);row-gap:2.2rem;padding-block:2.75rem 3rem}.nameplate{max-width:100%}.terminal{grid-area:auto/1;justify-self:stretch;max-width:none}}@media (max-width:600px){.hero{row-gap:1.8rem;padding-block:2.25rem 2.5rem}.hero-actions .btn{flex:auto;justify-content:center}.code-window pre{padding:1rem 0;font-size:clamp(.56rem,2.45vw,.82rem)}.code-line{grid-template-columns:2.6em 1fr}.code-line b{padding-right:1em}.terminal-output{min-height:14rem;padding:1rem .95rem .5rem;font-size:.8rem}}@media (pointer:coarse) and (max-width:900px){.terminal-commands button{min-height:2.5rem;padding:.45rem .8rem}.code-header button{min-height:2.5rem}}@media (prefers-reduced-motion:reduce){.code-caret{animation:none}.hero-fade{opacity:1;transform:none}}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.project{flex-direction:column;gap:1rem;padding:2rem;display:flex;overflow:hidden}.project h3{font-size:1.5rem}.project p{color:var(--muted);font-size:.98rem;line-height:1.6}.project-wide{grid-column:1/-1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:2rem;display:grid}.project-wide.is-flipped{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.project-body{flex-direction:column;gap:1rem;display:flex}.project-media{flex-direction:column;gap:.5rem;display:flex}.project-top{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.project-links{flex-wrap:wrap;gap:.9rem;margin-top:auto;font-size:.875rem;display:flex}.project-links a{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:.3em;transition:color .15s,text-decoration-color .15s}@media (hover:hover) and (pointer:fine){.project-links a:hover{color:var(--text);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}.project-halves{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.project-half{border:1px solid var(--border);background:var(--tag);border-radius:10px;flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.project-half b{font:500 .8rem var(--f-mono)}.project-slot{background:linear-gradient(180deg, var(--surface-top), var(--surface-bottom)) padding-box, repeating-linear-gradient(90deg, var(--border-strong) 0 8px, transparent 8px 14px) border-box;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2rem}.project-slot .project-body{gap:.6rem}.socket{aspect-ratio:1.5;border:1.5px dashed var(--border-strong);border-radius:8px;place-items:center;width:7.5rem;display:grid;position:relative}.socket:before,.socket:after{content:"";background:repeating-linear-gradient(90deg, var(--border-strong) 0 4px, transparent 4px 11px);height:6px;position:absolute;left:12px;right:12px}.socket:before{top:-7px}.socket:after{bottom:-7px}.socket span{border:1.5px solid var(--border-strong);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:10px}.live.is-pending i{background:var(--led-off);box-shadow:none}.xray{border:1px solid var(--border);background:var(--code);cursor:crosshair;border-radius:10px;line-height:0;position:relative;overflow:hidden}.xray img{width:100%;height:auto;display:block}.xray.is-cropped{aspect-ratio:2}.xray.is-cropped img{object-fit:cover;object-position:top;height:100%}.xray-schematic{background:var(--code);-webkit-mask:radial-gradient(130px circle at var(--lx,-200px) var(--ly,-200px), #000 98%, transparent);mask:radial-gradient(130px circle at var(--lx,-200px) var(--ly,-200px), #000 98%, transparent);position:absolute;inset:0}.xray-schematic svg{width:100%;height:100%;display:block}.xray-ring{top:calc(var(--ly,-200px) - 130px);left:calc(var(--lx,-200px) - 130px);width:260px;height:260px;box-shadow:0 0 0 1.5px var(--accent);pointer-events:none;border-radius:50%;position:absolute}.xray-hint{color:var(--muted);font:500 .75rem var(--f-mono)}.sch-box{fill:var(--bg);stroke:var(--border-strong);stroke-width:1.5px}.sch-title{fill:var(--text);font:600 13px var(--f-mono)}.sch-detail{fill:var(--muted);font:500 11px var(--f-mono)}.sch-wire{fill:none;stroke:var(--violet);stroke-width:1.6px;stroke-dasharray:4 6;animation:1.2s linear infinite sch-flow}.sch-pad{fill:var(--accent)}@keyframes sch-flow{to{stroke-dashoffset:-20px}}.reveal .xray img{transition:transform 1.4s var(--ease-out);transform:scale(1.06)}.reveal .in .xray img{transform:none}.xray-hint.is-touch{display:none}@media (max-width:900px){.projects,.project-wide,.project-wide.is-flipped{grid-template-columns:minmax(0,1fr)}.project{gap:1.25rem;padding:1.5rem}.project-wide .project-media{order:-1}.project-slot{grid-template-columns:auto minmax(0,1fr)}}@media (max-width:520px){.project{padding:1.25rem}.project h3{font-size:1.35rem}.project-halves{grid-template-columns:minmax(0,1fr);gap:.75rem}.project-slot{grid-template-columns:minmax(0,1fr);gap:1.25rem}}.xray.is-touch .xray-schematic{clip-path:circle(0 at var(--lx,50%) var(--ly,50%));transition:clip-path .65s var(--ease-in-out);-webkit-mask:none;mask:none}.xray.is-touch.is-revealed .xray-schematic{clip-path:circle(150% at var(--lx,50%) var(--ly,50%))}.xray.is-touch .xray-ring{display:none}@media (pointer:coarse) and (max-width:900px){.xray{cursor:var(--cursor-pointer)}.xray-hint.is-pointer{display:none}.xray-hint.is-touch{display:inline}.project-links a{padding-block:.7rem}}@media (prefers-reduced-motion:reduce){.reveal .xray img{transform:none}.xray-schematic{transition:none}.sch-wire{animation:none}}.reveal .project .tag{opacity:0;transition:opacity .32s var(--ease-out), transform .38s var(--ease-out);transition-delay:calc(var(--i,0) * 60ms + var(--t,0) * 40ms);transform:translateY(6px)scale(.96)}.reveal .project.in .tag{opacity:1;transform:none}.reveal .xray:after{content:"";z-index:3;background:linear-gradient(90deg, transparent calc(100% - 70px), color-mix(in oklab, var(--accent) 16%, transparent) calc(100% - 3px), var(--accent) calc(100% - 2px), transparent);opacity:0;pointer-events:none;position:absolute;inset:0;transform:translate(-100%)}.reveal .in .xray:after{animation:xray-sweep .8s var(--ease-in-out) calc(var(--i,0) * 60ms)}@keyframes xray-sweep{0%{opacity:1;transform:translate(-100%)}90%{opacity:1}to{opacity:0;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.reveal .project .tag{transform:none}.reveal .in .xray:after{animation:none}}.project-run{border:1px solid color-mix(in oklab, var(--accent) 45%, var(--border));background:color-mix(in oklab, var(--accent) 9%, transparent);color:var(--text);font:600 .8125rem var(--f-body);transition:border-color .15s ease, background-color .15s ease, transform .12s var(--ease-out);border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .75rem .3rem .6rem;display:inline-flex}.project-run svg{width:.75rem;height:.75rem;fill:var(--accent)}@media (hover:hover) and (pointer:fine){.project-run:hover{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 16%, transparent)}}.project-run:active{transform:scale(.97)}@media (max-width:600px){.project-links{gap:.6rem 1.1rem}.project-run{flex-basis:100%;justify-content:center;min-height:2.75rem}}.stack{height:320vh}.stack-sticky{top:var(--tabs);height:calc(100svh - var(--tabs) - var(--sbar));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:2rem;display:grid;position:sticky}.stack-copy{border:1px solid var(--border);background:color-mix(in oklab, var(--bg) 90%, transparent);border-radius:16px;padding:2rem}.stack-copy .lede{margin-top:.9rem}.stack-layers{flex-direction:column;gap:.4rem;margin-top:2rem;list-style:none;display:flex}.stack-layers li{--w:0;background:color-mix(in oklab, var(--c) calc(var(--w) * 12%), transparent);opacity:calc(.5 + var(--w) * .5);transform:translateX(calc(var(--w) * 6px));border-radius:10px;padding:.85rem 1rem .85rem 1.3rem;position:relative}.stack-layers li:before{content:"";background:var(--c);width:3px;opacity:calc(.3 + var(--w) * .7);border-radius:2px;position:absolute;top:.7rem;bottom:.7rem;left:0}.stack-layers li[data-level="0"]{--c:var(--blue)}.stack-layers li[data-level="1"]{--c:color-mix(in oklab, var(--blue) 50%, var(--violet))}.stack-layers li[data-level="2"]{--c:var(--violet)}.stack-layers li[data-level="3"]{--c:var(--accent)}.stack-layers b{font-family:var(--f-display);font-size:1.1rem;font-weight:600;display:block}.stack-layers span{color:var(--muted);font:500 .8rem var(--f-mono);margin-top:.2rem;display:block}.stack-scene{perspective:1700px;perspective-origin:50% 30%;place-items:center;height:36rem;display:grid;position:relative}.stack-scene:before{content:"";background:radial-gradient(closest-side, color-mix(in oklab, var(--bg) 88%, transparent) 0, color-mix(in oklab, var(--bg) 70%, transparent) 25%, color-mix(in oklab, var(--bg) 45%, transparent) 50%, color-mix(in oklab, var(--bg) 18%, transparent) 75%, transparent 100%);pointer-events:none;position:absolute;inset:-22% -28%}.stack-plates{width:20rem;height:20rem;transform-style:preserve-3d;will-change:transform;position:relative}.stack-plate{--w:0;border:1px solid var(--border-strong);background:linear-gradient(140deg, var(--surface-top), var(--surface-bottom));will-change:transform, opacity;border-radius:16px;transition:border-color .3s,box-shadow .3s;position:absolute;inset:0}.stack-plate:before{content:"";background:repeating-linear-gradient(0deg, var(--border) 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, var(--border) 0 1px, transparent 1px 22px);border-radius:10px;position:absolute;inset:12px}.stack-plate.is-focused{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 30px 50px -30px #00000080}.stack-plate-name{color:var(--muted);font:500 .8rem var(--f-mono);letter-spacing:.12em;position:absolute;bottom:16px;left:20px}.stack-plate.is-focused .stack-plate-name{color:var(--text)}.stack-plate-parts{flex-wrap:wrap;align-content:flex-end;gap:8px;display:flex;position:absolute;inset:26px 26px 46px}.stack-plate-parts em{color:#ece9ff;font:500 .78rem var(--f-mono);background:#16132f;border-radius:5px;padding:.45rem .6rem;font-style:normal;box-shadow:0 2px #00000040}.stack-plate.is-chip{background:linear-gradient(160deg,#2a2650,#16132f 50%);border-color:#ffffff1a}.stack-plate.is-chip:before{display:none}.stack-plate.is-chip .stack-plate-name{color:#ece9ffbf}.stack-plate.is-chip.is-focused .stack-plate-name{color:#fff}.stack-die{aspect-ratio:1;background:conic-gradient(from var(--a,30deg), var(--blue), var(--violet), var(--accent), var(--blue));border-radius:7px;width:8.5rem;position:absolute;top:46%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #ffffff0a,0 0 0 8px #ffffff1a,inset 0 0 22px #00000080}.stack-die:before{content:"";background:repeating-linear-gradient(0deg,#0000004d 0 1px,#0000 1px 7px),repeating-linear-gradient(90deg,#0000004d 0 1px,#0000 1px 10px);position:absolute;inset:0}.stack-die:after{content:"";border:1px solid #fff6;border-radius:2px;position:absolute;inset:18px}@media (max-width:900px){.stack-sticky{height:calc(100svh - var(--tabs) - var(--sbar) - var(--bottom-nav) - var(--safe-bottom));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.25rem}.stack-copy{padding:1.5rem}.stack-scene{height:min(30rem,70svh)}.stack-plates{width:16rem;height:16rem}}@media (max-width:700px){.stack-sticky{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:center;gap:.5rem}.stack-copy{padding:1.1rem 1.2rem 1.2rem}.stack-copy h2{font-size:clamp(1.55rem,7vw,2rem)}.stack-copy .lede{margin-top:.5rem;font-size:.95rem}.stack-layers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:1rem;display:grid}.stack-layers li{padding:.55rem .7rem .6rem .95rem}.stack-layers li:before{top:.55rem;bottom:.55rem}.stack-layers b{font-size:.95rem}.stack-layers span{font-size:.7rem}.stack-scene{perspective:1100px;height:100%;min-height:15rem}.stack-plates{width:12.5rem;height:12.5rem}.stack-plate-parts{gap:6px;inset:16px 16px 34px}.stack-plate-parts em{padding:.3rem .45rem;font-size:.66rem}.stack-plate-name{font-size:.66rem;bottom:11px;left:14px}.stack-die{width:5.4rem}}.reveal .stack-layers li:before{transform-origin:top;transition:transform .5s var(--ease-out);transition-delay:calc(var(--i,0) * 60ms + 80ms);transform:scaleY(0)}.reveal .stack-copy.in .stack-layers li:before{transform:none}.reveal .stack-layers span.rv{transition-delay:calc(var(--i,0) * 60ms + .14s)}.reveal .stack-plate-parts em{opacity:0;transition:opacity .32s var(--ease-out), transform .42s var(--ease-out);transition-delay:calc(.32s + var(--p,0) * .11s + var(--e,0) * 70ms);transform:translateY(-10px)scale(.92)}.reveal .stack-scene.in .stack-plate-parts em{opacity:1;transform:none}.reveal .stack-plate-name{opacity:0;transition:opacity .4s var(--ease-out), color .3s ease;transition-delay:calc(.24s + var(--p,0) * .11s), 0s}.reveal .stack-scene.in .stack-plate-name{opacity:1}.reveal .stack-scene.in .stack-die{animation:die-power 1.1s var(--ease-out) .76s both}@keyframes die-power{0%{filter:brightness(.35)saturate(.3)}}@media (prefers-reduced-motion:reduce){.reveal .stack-layers li:before,.reveal .stack-plate-parts em{transform:none}.reveal .stack-scene.in .stack-die{animation:none}}.activity-bar{top:0;bottom:var(--sbar);z-index:60;width:var(--act);border-right:1px solid var(--border);background:var(--panel);flex-direction:column;align-items:center;gap:.25rem;padding:.6rem 0;display:flex;position:fixed;left:0}.activity-logo{color:#fff;width:2.4rem;height:2.4rem;font:700 .95rem var(--f-display);background:linear-gradient(135deg,#3440d0,#6d22dc 55%,#a01d7f);border-radius:10px;place-items:center;margin-bottom:.9rem;text-decoration:none;display:grid}.activity-item{width:var(--act);height:2.9rem;color:var(--faint);cursor:var(--cursor-pointer);background:0 0;border:0;place-items:center;transition:color .15s;display:grid;position:relative}.activity-item svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.activity-item:hover,.activity-item.is-active{color:var(--text)}.activity-item:before{content:"";background:var(--accent);width:2px;transition:transform .26s var(--ease-out);border-radius:2px;position:absolute;top:.55rem;bottom:.55rem;left:0;transform:scaleY(0)}.activity-item.is-active:before{transform:scaleY(1)}.activity-item:active{opacity:.7}.activity-tip{background:var(--text);color:var(--bg);font:500 .75rem var(--f-mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:6px;padding:.3rem .55rem;position:absolute;top:50%;left:calc(100% + .4rem);transform:translateY(-50%)translate(-4px)}.activity-item:hover .activity-tip{opacity:1;transform:translateY(-50%)}.activity-spacer{flex:1}.editor-tabs{top:0;right:0;left:var(--act);z-index:55;height:var(--tabs);border-bottom:1px solid var(--border);background:var(--panel);align-items:stretch;display:flex;position:fixed}.editor-tabs nav{scrollbar-width:none;scroll-snap-type:x proximity;flex:auto;min-width:0;display:flex;position:relative;overflow-x:auto}.editor-tabs-indicator{z-index:1;background:linear-gradient(90deg, var(--blue), var(--violet), var(--accent));transform-origin:0;pointer-events:none;width:100px;height:2px;position:absolute;top:0;left:0}.editor-tabs-indicator.is-animated{transition:transform .25s var(--ease-in-out)}.editor-tab{scroll-snap-align:start;border-right:1px solid var(--border);color:var(--faint);font:500 .8rem var(--f-mono);white-space:nowrap;align-items:center;gap:.5rem;padding:0 1.1rem;text-decoration:none;transition:color .15s,background-color .15s;display:flex;position:relative}.editor-tab:hover{color:var(--text)}.editor-tab.is-active{background:var(--bg);color:var(--text)}.editor-tab.is-active:after{content:"";background:var(--bg);height:1px;position:absolute;bottom:-1px;left:0;right:0}.editor-tab svg{fill:none;width:.9rem;height:.9rem;stroke:var(--blue);stroke-width:1.6px}.editor-tab svg.is-git{stroke:var(--accent)}.editor-tab-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;transition:transform .3s,opacity .3s}.editor-tab-dot.is-saved{opacity:0;transform:scale(.4)}.status-bar{z-index:60;height:var(--sbar);color:#fff;font:500 .72rem var(--f-mono);background:linear-gradient(90deg,#3a2bd6,#7a2cf0 55%,#b8238f);align-items:center;gap:1.2rem;padding:0 .8rem;display:flex;position:fixed;bottom:0;left:0;right:0}.status-bar span{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.status-bar svg{fill:none;stroke:#fff;stroke-width:2px;width:.85rem;height:.85rem}.status-resume{color:#fff;white-space:nowrap;align-self:stretch;align-items:center;gap:.4rem;margin-left:auto;margin-right:-.8rem;padding:0 .8rem;text-decoration:none;transition:background-color .15s;display:flex}@media (hover:hover) and (pointer:fine){.status-resume:hover{background:#ffffff24}}.status-resume:active{background:#ffffff38}.status-resume:focus-visible{outline-offset:-2px;outline:2px solid #fff}.theme-icons{place-items:center;width:1.3rem;height:1.3rem;display:grid;position:relative}.activity-item .theme-icon{transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);position:absolute;inset:0}.theme-icon.is-sun,:root[data-theme=dark] .theme-icon.is-moon{opacity:0;transform:rotate(-90deg)scale(.6)}:root[data-theme=dark] .theme-icon.is-sun{opacity:1;transform:none}.editor-tabs-actions{border-left:1px solid var(--border);flex-shrink:0;align-items:center;margin-left:auto;padding:0 .7rem 0 .5rem;display:flex}.language-switch-wrap{align-items:center;gap:.45rem;display:flex}.language-switch{border:1px solid var(--border);background:var(--bg);border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.language-thumb{width:calc(50% - 3px);transition:transform .22s var(--ease-in-out);background:linear-gradient(120deg,#3440d0,#6d22dc);border-radius:5px;position:absolute;top:3px;bottom:3px;left:3px}.language-switch[data-language=en] .language-thumb{transform:translate(100%)}.language-switch button{z-index:1;min-width:2.2rem;color:var(--faint);font:600 .72rem var(--f-mono);letter-spacing:.04em;cursor:var(--cursor-pointer);transition:color .15s ease, transform .16s var(--ease-out);background:0 0;border:0;padding:.28rem .55rem;position:relative}.language-switch button[aria-pressed=true]{color:#fff}.language-switch button:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.language-switch button[aria-pressed=false]:hover{color:var(--text)}}.site-footer{border-top:1px solid var(--border);background:color-mix(in oklab, var(--bg) 92%, transparent);color:var(--faint);font-size:.8rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.4rem;display:flex}.site-footer nav{gap:1.2rem;display:flex}.site-footer a{text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--text)}@media (max-width:900px){.activity-bar{top:auto;right:0;bottom:calc(var(--sbar) + var(--safe-bottom));border-top:1px solid var(--border);border-right:0;flex-direction:row;justify-content:space-around;width:auto;height:3.5rem;padding:0;left:0}.activity-logo,.activity-spacer,.activity-tip{display:none}.activity-item{width:auto;height:var(--bottom-nav);flex:1}.activity-item:before{width:auto;height:2px;inset:0 30% auto;transform:scaleX(0)}.activity-item.is-active:before{transform:scaleX(1)}.editor-tabs{left:0}.editor-tab{padding:0 .9rem}.status-bar{height:calc(var(--sbar) + var(--safe-bottom));padding-bottom:var(--safe-bottom)}.status-bar .hide-sm{display:none}}@media (pointer:coarse) and (max-width:900px){.language-switch button:before{content:"";position:absolute;inset:-10px -2px}}@media (max-width:420px){.editor-tabs-actions{padding:0 .5rem}}@media (prefers-reduced-motion:reduce){.activity-item:before,.editor-tabs-indicator.is-animated,.activity-item .theme-icon,.language-thumb{transition:none}}.skip-link{z-index:100;color:#fff;font:600 .9rem var(--f-body);transition:transform .16s var(--ease-out);background:linear-gradient(120deg,#3440d0,#6d22dc);border-radius:8px;padding:.6rem 1rem;text-decoration:none;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}main:focus{outline:none}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}