@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Pixel Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-pixel-latin-ext-elsh-normal.CrZmcpxr.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Pixel Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-pixel-latin-elsh-normal.BMhxQSt5.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hacked;src:url(/_astro/hacked.CFN1KqgV.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--night:#100e14;--dusk-900:#17141c;--dusk-800:#201b27;--dusk-700:#2c2533;--dusk-600:#4a3d4f;--mauve:#b98aa5;--rose:#e3a6ad;--peach:#f4b48c;--snow:#f7efe8;--stone:#9b9099;--bg:var(--night);--surface:var(--dusk-900);--raised:var(--dusk-800);--line:var(--dusk-700);--text:#d8cfcf;--strong:var(--snow);--muted:var(--stone);--quiet:#6e6370;--accent:var(--peach);--accent-2:var(--mauve);--ink:var(--mauve);--on-accent:var(--night);--ramp-0:var(--night);--ramp-1:#2a2034;--ramp-2:#6b4a68;--ramp-3:#d98f8e;--ramp-4:#f7d9bd;--snowcap:var(--snow);--radius:3px;--max:1180px;--prose:68ch;--gutter:16px;--sans:"Archivo Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--pixel:"Geist Pixel Variable", var(--mono);--cyber:"Hacked", var(--mono);--mono:"JetBrains Mono Variable", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .7, .2, 1);color-scheme:dark}@media (width>=760px){:root{--gutter:40px}}[data-theme=signal]{--bg:#0a0a0a;--surface:#111;--raised:#191919;--line:#262626;--text:#bdbdbd;--strong:#fafafa;--muted:#8f8f8f;--quiet:#5c5c5c;--accent:var(--rose);--accent-2:#5c5c5c;--ink:#ededed;--on-accent:#0a0a0a;--ramp-0:#0a0a0a;--ramp-1:#1c1c1c;--ramp-2:#3a3a3a;--ramp-3:#8f8f8f;--ramp-4:#ededed;--snowcap:#fafafa;--radius:2px}:root{--d25:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cg fill='%23ededed'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");--d50:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cg fill='%23ededed'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");--d75:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cg fill='%23ededed'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");--d25-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cg fill='%230a0a0a'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");--d50-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cg fill='%230a0a0a'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E");--d75-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cg fill='%230a0a0a'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E")}.d25{background-image:var(--d25);background-size:var(--dpx,4px) var(--dpx,4px);image-rendering:pixelated}.d50{background-image:var(--d50);background-size:var(--dpx,4px) var(--dpx,4px);image-rendering:pixelated}.d75{background-image:var(--d75);background-size:var(--dpx,4px) var(--dpx,4px);image-rendering:pixelated}.d100{background:var(--paper)}.d0{box-shadow:inset 0 0 0 1px var(--ash)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--line) var(--bg)}body{background:var(--bg);color:var(--text);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex;overflow-x:clip}main{flex:1}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img,svg,video,canvas{max-width:100%;display:block}a{color:var(--strong);text-decoration:underline;text-decoration-color:var(--quiet);text-underline-offset:3px;transition:color .16s var(--ease), text-decoration-color .16s var(--ease)}a:hover{text-decoration-color:var(--accent)}h1,h2,h3,h4{letter-spacing:-.015em;color:var(--strong);text-wrap:balance;margin:0 0 .5em;font-weight:650;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05}h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}h3{font-size:1.12rem;line-height:1.3}.pixel{font-family:var(--pixel);font-variation-settings:"ELSH" 0;letter-spacing:-.02em;font-weight:400;line-height:1}.page-title{margin-bottom:20px;font-size:clamp(2.6rem,6vw,4.8rem)}.sec{font:400 1.05rem/1 var(--pixel);font-variation-settings:"ELSH" 0;color:var(--strong);letter-spacing:0;align-items:center;gap:10px;margin:0;display:flex}.sec .mk{background:var(--accent);width:12px;height:12px;mask:var(--d50) 0 0 / 3px 3px;flex:none}.sec .mk[data-d="25"]{mask-image:var(--d25)}.sec .mk[data-d="75"]{mask-image:var(--d75)}.sec .mk[data-d="100"]{mask:none}.cyber{font-family:var(--cyber);text-transform:none;letter-spacing:.01em;color:var(--accent);font-weight:400}p{text-wrap:pretty;margin:0 0 1em}code,kbd,pre{font-family:var(--mono);font-size:.86em}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);z-index:100;background:var(--strong);color:var(--bg);padding:8px 12px;top:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.section{padding:96px 0}.index{grid-template-columns:minmax(0,1fr);gap:24px 48px;display:grid}@media (width>=980px){.index{grid-template-columns:200px minmax(0,1fr)}}.index-label{align-self:start;margin:0;position:sticky;top:88px}@media (width<=979px){.index-label{position:static}}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.dim{color:var(--quiet)}.label{font:400 .72rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lede{color:var(--muted);max-width:58ch;font-size:clamp(1.08rem,1.5vw,1.25rem)}.btn{border:1px solid var(--line);color:var(--strong);border-radius:var(--radius);font:500 .8rem/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);background:0 0;align-items:center;gap:10px;padding:12px 18px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--strong)}.btn.primary{background:var(--strong);border-color:var(--strong);color:var(--on-accent)}.btn.primary:hover{background:var(--accent);border-color:var(--accent)}.btn .arrow{transition:transform .2s var(--ease)}.btn:hover .arrow{transform:translate(3px)}.grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.tile{background:var(--bg);border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text);transition:background-color .2s var(--ease);flex-direction:column;gap:10px;padding:28px;text-decoration:none;display:flex}a.tile:hover{background:var(--surface)}.tile h3{margin:0}.tile p{color:var(--muted);margin:0}.tile .foot{margin-top:auto;padding-top:12px}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag{font:400 .7rem/1 var(--mono);letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);padding:5px 7px;text-decoration:none}a.tag:hover{color:var(--strong);border-color:var(--quiet)}.prose{max-width:var(--prose);color:var(--text)}.prose h2{margin-top:2.2em;font-size:1.6rem}.prose h3{margin-top:1.8em}.prose :is(ul,ol){padding-left:1.2em}.prose li{margin:.3em 0}.prose ul li::marker{content:"■  ";color:var(--accent);font-size:.7em}.prose blockquote{color:var(--strong);margin:1.6em 0;padding:2px 0 2px 24px;font-size:1.1em;position:relative}.prose blockquote:before{content:"";background:var(--ink);width:6px;mask:var(--d50) 0 0 / 2px 2px;position:absolute;top:0;bottom:0;left:0}.prose :not(pre)>code{color:var(--strong);background:var(--raised);border-radius:var(--radius);padding:.1em .35em}.prose pre{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;line-height:1.55;overflow-x:auto}.prose img{border:1px solid var(--line);height:auto}.prose hr{background:var(--ink);height:4px;mask:var(--d25) 0 0 / 2px 2px;border:0;margin:3em 0}.prose table{border-collapse:collapse;width:100%;font-size:.92em}.prose :is(th,td){text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.site-header{z-index:40;background:color-mix(in srgb, var(--bg) 86%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.wordmark{color:var(--strong);font:600 .86rem/1 var(--mono);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark .mark{flex-shrink:0}.wordmark .sub{color:var(--quiet);font-weight:400}.site-nav{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.site-nav a{font:400 .76rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:10px;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--strong)}.site-nav a[aria-current=page]:before{content:"■ ";color:var(--accent);font-size:.7em}@media (width<=640px){.wordmark .sub{display:none}.site-nav a{padding:10px 6px}}@media (width<=520px){.site-nav a.optional{display:none}}.break{height:56px;margin:0;position:relative;overflow:hidden}.break>span{background:var(--ink);mask:var(--far) 50% 100% / max(100%, 1100px) 100% no-repeat, var(--d25) 0 0 / 3px 3px;-webkit-mask-composite:source-in;position:absolute;inset:0;mask-composite:intersect}.break>.far{opacity:.55}.break>.near{background:var(--accent);mask:var(--near) 50% 100% / max(100%, 1100px) 100% no-repeat, var(--d50) 0 0 / 3px 3px;-webkit-mask-composite:source-in;opacity:.8;top:22px;mask-composite:intersect}[data-theme=signal] .break{background:var(--ink);opacity:.5;height:9px;mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}[data-theme=signal] .break>span{background:var(--bg);mask:var(--d75) 0 0 / 3px 3px;opacity:1;inset:0}[data-theme=signal] .break>.near{background:var(--bg);mask:var(--d50) 0 0 / 3px 3px;left:30%;right:30%}.brand-mark{color:var(--strong);display:inline-flex}.brand-mark .mark-square,[data-theme=signal] .brand-mark .mark-peak{display:none}[data-theme=signal] .brand-mark .mark-square{display:block}.site-footer{border-top:1px solid var(--line);margin-top:64px;padding:48px 0 40px;font-size:.9rem}.site-footer .cols{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.site-footer ul{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--strong)}.site-footer .legal{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;display:flex}.theme-toggle{font:400 .72rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px dashed var(--line);color:var(--quiet);cursor:pointer;border-radius:var(--radius);background:0 0;padding:7px 10px}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}@view-transition{navigation:auto}.site-header{view-transition-name:site-header}::view-transition-group(site-header),::view-transition-old(site-header),::view-transition-new(site-header){animation-duration:.12s}::view-transition-old(root),::view-transition-new(root){mask-size:8px 8px;mask-repeat:repeat}::view-transition-old(root){animation:.26s linear both vt-out}::view-transition-new(root){animation:.26s linear both vt-in}@keyframes vt-out{0%{mask-image:none}20%{mask-image:var(--d75)}45%{mask-image:var(--d50)}70%{mask-image:var(--d25)}to{mask-image:var(--d25);opacity:0}}@keyframes vt-in{0%{mask-image:var(--d25);opacity:0}30%{mask-image:var(--d25);opacity:1}55%{mask-image:var(--d50)}80%{mask-image:var(--d75)}to{mask-image:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}[data-theme=punk]{--acid:#d7ff3a;--hot:#ff2e88;--ice:#36f1ff;--bg:#0a0a0a;--surface:#121212;--raised:#1a1a1a;--line:#2b2b2b;--text:#cfcfcf;--muted:#9a9a9a;--quiet:#666;--accent:var(--hot);--accent-2:var(--ice);--strong:#fff;--ink:var(--ice);--on-accent:#0a0a0a;--ramp-0:#0a0a0a;--ramp-1:#26062a;--ramp-2:#8a1460;--ramp-3:#ff2e88;--ramp-4:#36f1ff;--snowcap:#d7ff3a}[data-theme=punk] body{background-color:#0a0a0a;background-image:radial-gradient(circle at 85% -10%,#ff2e8829,#0000 45%),radial-gradient(circle at -10% 60%,#36f1ff14,#0000 40%);background-attachment:fixed}[data-theme=punk] body:after{content:"";pointer-events:none;background-image:var(--d25);opacity:.035;z-index:50;background-size:3px 3px;position:fixed;inset:0}[data-theme=punk] ::selection{background:var(--acid);color:#0a0a0a}[data-theme=punk] :is(h1,h2){text-transform:uppercase;letter-spacing:-.02em;text-shadow:2px 0 var(--hot), -2px 0 var(--ice);font-weight:700}[data-theme=punk] h1{transform:skew(-6deg)}[data-theme=punk] .sec .mk{background:var(--acid)}[data-theme=punk] .btn.primary{background:var(--acid);border-color:var(--acid);clip-path:polygon(0 0,100% 0,100% 70%,calc(100% - 10px) 100%,0 100%)}[data-theme=punk] .btn.primary:hover{background:var(--hot);border-color:var(--hot);color:#fff}[data-theme=punk] a:hover{color:var(--acid)}[data-theme=punk] .tile:hover{box-shadow:inset 4px 0 0 var(--hot)}[data-theme=punk] .break{background:repeating-linear-gradient(-45deg, var(--acid) 0 14px, #0a0a0a 14px 28px);border-block:3px solid #0a0a0a;height:28px;overflow:visible;transform:rotate(-.6deg);mask:none}[data-theme=punk] .break>span{display:none}[data-theme=punk] .break:before,[data-theme=punk] .break:after{opacity:0}[data-theme=punk] .break[data-label]:after{opacity:1;content:attr(data-label);color:var(--acid);font:700 .75rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;background:#0a0a0a;padding:6px 12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=punk] .range{filter:drop-shadow(3px 0 #ff2e8899)drop-shadow(-3px 0 #36f1ff80)}@media (prefers-reduced-motion:no-preference){[data-theme=punk] h1:hover{animation:.42s steps(2,end) glitch}}@keyframes glitch{0%{clip-path:inset(0 0 60%);transform:skew(-6deg)translate(-4px)}33%{clip-path:inset(40% 0 20%);transform:skew(-6deg)translate(4px)}66%{clip-path:inset(70% 0 0);transform:skew(-6deg)translate(-2px)}to{clip-path:none;transform:skew(-6deg)}}
