@font-face{font-family:D2Coding;src:local(D2Coding),local(D2Coding ),url(./D2Coding.anur1Xhb.woff2)format("woff2"),url(./D2Coding.utyoSAOR.woff)format("woff");font-display:swap;font-weight:400}@font-face{font-family:D2Coding;src:local(D2Coding),local(D2Coding ),url(./D2CodingBold.DBo9402f.woff2)format("woff2"),url(./D2CodingBold.Ck7I8eNa.woff)format("woff");font-display:swap;font-weight:700}:root{--bg:#f2ece0;--bg-2:#eadfc9;--paper:#f7f2e8;--ink:#0f0e0c;--ink-2:#2a2620;--rule:#1a1916;--mute:#817562;--accent:#c2410c;--accent-soft:#f4a261;--accent-ink:#fff;--ok:#2f7d3a;--warn:#b8860b;--err:#8b1d1d;--mono:"D2Coding", monospace;--serif:"D2Coding", monospace;--pixel:"D2Coding", monospace;--radius:0px;--rule-w:1.5px;--scan-strength:.28;--noise-strength:.06}[data-theme=green]{--bg:#050a06;--bg-2:#081208;--paper:#0a130b;--ink:#d8ffdf;--ink-2:#9cf0a8;--rule:#3d8a44;--mute:#7aba84;--accent:#4cff8a;--accent-soft:#7dffa8;--accent-ink:#03100a;--ok:#4cff8a;--warn:#ffea00;--err:#f57}[data-theme=neon]{--bg:#0a0418;--bg-2:#110826;--paper:#0e0621;--ink:#f2e7ff;--ink-2:#c7b3ff;--rule:#5b2a9e;--mute:#7b6aa8;--accent:#ff2d87;--accent-soft:#ff7bc2;--accent-ink:#0a0418;--ok:#3ef2c8;--warn:#ffd166;--err:#ff4d6d}[data-density=tight]{--pad:10px;--gap:8px;--fs:13px}[data-density=cozy]{--pad:16px;--gap:14px;--fs:14px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:var(--fs,14px);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}.mono{font-family:var(--mono);font-feature-settings:"zero" 1, "ss01" 1}.pixel{font-family:var(--pixel);letter-spacing:.02em}.serif{font-family:var(--serif)}.oj-panel{border:var(--rule-w) solid var(--rule);background:var(--paper);position:relative}.oj-panel--double{box-shadow:0 0 0 var(--rule-w) var(--paper), 0 0 0 calc(var(--rule-w) * 2) var(--rule);margin:var(--rule-w)}.oj-panel__bar{border-bottom:var(--rule-w) solid var(--rule);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--bg-2);color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:4px 10px;font-size:11px;display:flex}.oj-panel__bar--accent{background:var(--ink);color:var(--bg)}.oj-panel__body{padding:var(--pad,16px)}.oj-rule{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);align-items:center;gap:10px;font-size:11px;display:flex}.oj-rule:before,.oj-rule:after{content:"";border-top:1px solid var(--rule);opacity:.6;flex:1;height:0}.ascii-box{font-family:var(--mono);white-space:pre;color:var(--ink);line-height:1.05}.ascii-dim{color:var(--mute)}.ascii-accent{color:var(--accent)}.tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rule);background:var(--bg);color:var(--ink);align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.tag--solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tag--accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tag--ghost{background:0 0}.diff{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:3px;font-size:10px;display:inline-flex}.diff:before{content:"";border:1px solid var(--rule);background:currentColor;width:8px;height:8px}.btn{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:var(--rule-w) solid var(--rule);background:var(--bg);color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:7px 14px;font-size:12px;text-decoration:none;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.btn:hover{box-shadow:2px 2px 0 0 var(--rule);transform:translate(-2px,-2px)}.btn:active{box-shadow:none;transform:translate(0)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn--primary:hover{box-shadow:2px 2px 0 0 var(--rule)}.btn--ghost{background:0 0}.btn--ink{background:var(--ink);color:var(--bg);border-color:var(--ink)}.input,.select{font-family:var(--mono);border:var(--rule-w) solid var(--rule);background:var(--bg);color:var(--ink);min-width:120px;padding:6px 10px;font-size:12px}.input:focus,.select:focus{outline:2px solid var(--accent);outline-offset:-3px}.dither{background-image:repeating-linear-gradient(45deg, var(--ink) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, var(--ink) 0 1px, transparent 1px 6px);background-color:var(--bg-2);position:relative}.dither:after{content:attr(data-label);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:color-mix(in oklab, var(--paper) 70%, transparent);border:1px solid var(--rule);place-items:center;width:max-content;height:max-content;margin:auto;padding:2px 8px;font-size:10px;display:grid;position:absolute;inset:0}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:clamp(38px,4vw,64px);line-height:1.02}h2{font-size:28px;line-height:1.1}h3{font-size:20px;line-height:1.2}.kicker{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-size:11px}.num{font-family:var(--serif);font-feature-settings:"tnum" 1, "lnum" 1;font-variant-numeric:tabular-nums lining-nums}.crt-stage{isolation:isolate;position:relative}.crt-stage:before{content:"";pointer-events:none;z-index:60;background:repeating-linear-gradient(to bottom, rgba(0, 0, 0, var(--scan-strength)) 0 1px, transparent 1px 3px);mix-blend-mode:multiply;opacity:var(--scan-on,1);position:absolute;inset:0}[data-theme=green] .crt-stage:before,[data-theme=neon] .crt-stage:before{mix-blend-mode:screen}.crt-stage:after{content:"";pointer-events:none;z-index:61;opacity:var(--vignette-on,1);background-image:radial-gradient(circle at 30% 30%,#ffffff0a,#0000 60%),radial-gradient(circle at 80% 90%,#0000002e,#0000 65%);position:absolute;inset:0}.noise{pointer-events:none;z-index:62;opacity:var(--noise-strength);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.7'/></svg>");position:absolute;inset:0}.cursor{vertical-align:-2px;background:currentColor;width:.55em;height:1em;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.glitch{display:inline-block;position:relative}.glitch:hover:before,.glitch:hover:after{content:attr(data-text);width:100%;position:absolute;top:0;left:0}.glitch:hover:before{color:var(--accent);mix-blend-mode:screen;transform:translate(-2px)}.glitch:hover:after{color:var(--ink-2);mix-blend-mode:multiply;transform:translate(2px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--rule)}::-webkit-scrollbar-thumb{background:var(--rule);border:2px solid var(--bg)}.row{gap:var(--gap,14px);align-items:center;display:flex}.col{gap:var(--gap,14px);flex-direction:column;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.divider-v{background:var(--rule);opacity:.5;align-self:stretch;width:1px}.hairline{border-top:1px solid var(--rule);opacity:.5}.muted{color:var(--mute)}.accent{color:var(--accent)}.center{place-items:center;display:grid}.shadow-hard{box-shadow:4px 4px 0 0 var(--rule)}.status{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.status--ok{color:var(--ok)}.status--err{color:var(--err)}.status--run{color:var(--accent)}.kbd{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--rule);background:var(--bg);color:var(--ink);text-transform:uppercase;box-shadow:1px 1px 0 0 var(--rule);padding:2px 6px;font-size:10px}html[data-green-mode=true]{background:var(--bg);color:var(--ink)}html[data-green-mode=true] body{background:radial-gradient(#0e1c0f 0%,#050a06 100%)}html[data-green-mode=true] h1,html[data-green-mode=true] h2,html[data-green-mode=true] h3{color:var(--accent);text-shadow:0 0 8px var(--accent), 0 0 18px color-mix(in oklab, var(--accent) 40%, transparent);font-family:var(--mono);letter-spacing:.02em}html[data-green-mode=true] .btn{color:var(--accent);border-color:var(--accent);text-shadow:0 0 6px var(--accent);background:0 0}html[data-green-mode=true] .btn:hover{background:color-mix(in oklab, var(--accent) 14%, transparent);box-shadow:0 0 12px var(--accent);transform:none}html[data-green-mode=true] .btn--primary{background:var(--accent);color:var(--accent-ink);text-shadow:none;box-shadow:0 0 8px var(--accent)}html[data-green-mode=true] .btn--primary:hover{background:color-mix(in oklab, var(--accent-ink) 14%, var(--accent));color:var(--accent-ink);box-shadow:0 0 18px var(--accent)}html[data-green-mode=true] .oj-panel,html[data-green-mode=true] .oj-panel--double{background:var(--paper);box-shadow:0 0 14px color-mix(in oklab, var(--accent) 12%, transparent) inset}html[data-green-mode=true] .oj-panel__bar{background:color-mix(in oklab, var(--accent) 8%, var(--paper));color:var(--accent);text-shadow:0 0 6px var(--accent);border-color:var(--rule)}html[data-green-mode=true] .tag{color:var(--accent);border-color:var(--accent);text-shadow:0 0 5px color-mix(in oklab, var(--accent) 50%, transparent);background:0 0}html[data-green-mode=true] .input,html[data-green-mode=true] .select{background:color-mix(in oklab, var(--accent) 4%, var(--paper));color:var(--ink);border-color:var(--rule)}html[data-green-mode=true] .kicker{color:var(--accent);text-shadow:0 0 5px color-mix(in oklab, var(--accent) 50%, transparent)}html[data-green-mode=true] .num{color:var(--accent);text-shadow:0 0 8px var(--accent);font-family:var(--mono)}html[data-green-mode=true] .cursor{box-shadow:0 0 8px var(--accent)}html[data-green-mode=true][style*=--glow-on\:0] h1,html[data-green-mode=true][style*=--glow-on\:0] h2,html[data-green-mode=true][style*=--glow-on\:0] h3,html[data-green-mode=true][style*=--glow-on\:0] .num,html[data-green-mode=true][style*=--glow-on\:0] .kicker,html[data-green-mode=true][style*=--glow-on\:0] .btn{text-shadow:none!important}html[data-green-mode=true] .dither{background-image:repeating-linear-gradient(45deg, var(--accent) 0 1px, transparent 1px 6px), repeating-linear-gradient(-45deg, var(--accent) 0 1px, transparent 1px 8px);background-color:var(--paper);opacity:.5}html[data-green-mode=true] .page-pad{padding:28px 36px 80px}html[data-green-mode=true] .nav-toggle,html[data-green-mode=true] .nav-scrim,html[data-green-mode=true] .nav-drawer{display:none}@media (width<=900px){html[data-green-mode=true] .page-pad{padding:20px 18px 60px}html[data-green-mode=true] .topbar-nav,html[data-green-mode=true] .topbar-meta{display:none!important}html[data-green-mode=true] .nav-toggle{border:none;border-left:1.5px solid var(--rule);color:var(--accent);text-shadow:0 0 6px var(--accent);font-family:var(--mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-left:auto;padding:10px 14px;font-size:18px;display:inline-flex!important}html[data-green-mode=true] .nav-scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;position:fixed;inset:0}html[data-green-mode=true] .nav-drawer{background:var(--paper);border-left:1.5px solid var(--accent);width:min(80vw,320px);box-shadow:0 0 28px color-mix(in oklab, var(--accent) 30%, transparent);z-index:51;flex-direction:column;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}html[data-green-mode=true] .nav-drawer .drawer-item{all:unset;cursor:pointer;font-family:var(--mono);letter-spacing:.16em;color:var(--ink);border-bottom:1px dashed var(--rule);align-items:center;gap:12px;padding:14px 22px;font-size:13px;display:flex}html[data-green-mode=true] .nav-drawer .drawer-item.on{background:var(--accent);color:var(--accent-ink);text-shadow:none}html[data-green-mode=true] .nav-drawer .drawer-item .num{color:var(--mute);font-size:11px}html[data-green-mode=true] .nav-drawer .drawer-item.on .num{color:var(--accent-ink);opacity:.7}html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 1.4fr 1fr"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 1.3fr 1fr"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 1.2fr 1fr"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 2fr 1fr"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 1fr 1.2fr"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 1fr 1fr"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 1.1fr 1fr"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr!important}html[data-green-mode=true] .crt-stage [style*="grid-template-columns: repeat(5, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}html[data-green-mode=true] .crt-stage [style*="grid-template-columns: repeat(5, 1fr)"]>div{border-top:1px solid var(--rule);border-left:none!important}html[data-green-mode=true] .crt-stage [style*="grid-template-columns: repeat(5, 1fr)"]>div:nth-child(-n+2){border-top:none}html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 100px 1fr 180px 160px 120px"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 60px 1.3fr 100px 120px 120px 1fr"],html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 42px 70px 1fr 120px 120px 160px 100px"]{row-gap:6px;grid-template-columns:1fr 1fr!important}html[data-green-mode=true] .board-thead{display:none!important}html[data-green-mode=true] .board-row{row-gap:6px;grid-template-columns:80px 1fr!important;grid-template-areas:"cat title""cat meta"!important}html[data-green-mode=true] .board-row>:first-child{grid-area:cat;flex-direction:column!important;align-items:center!important}html[data-green-mode=true] .board-row>:nth-child(2){grid-area:title}html[data-green-mode=true] .board-row>:nth-child(3),html[data-green-mode=true] .board-row>:nth-child(5){display:none!important}html[data-green-mode=true] .board-row>:nth-child(4),html[data-green-mode=true] .board-row>:nth-child(6){grid-area:meta;font-size:11px!important}html[data-green-mode=true] .board-row>:nth-child(6){justify-self:end}html[data-green-mode=true] .board-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important}html[data-green-mode=true] .board-pills::-webkit-scrollbar{display:none}html[data-green-mode=true] .crt-stage [style*="grid-template-columns: 1.05fr 1.3fr 1fr"]{grid-template-rows:1fr;grid-template-columns:1fr!important}html[data-green-mode=true] .editor-pane{display:none}html[data-green-mode=true] .editor-pane.on,html[data-green-mode=true] .editor-tabbar{display:flex!important}html[data-green-mode=true] .crt-stage h1{font-size:28px!important}html[data-green-mode=true] .crt-stage h2{font-size:22px!important}html[data-green-mode=true] .crt-stage [style*="grid-template-columns: repeat(6, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){html[data-green-mode=true] .page-pad{padding:16px 12px 50px}html[data-green-mode=true] .crt-stage h1{font-size:24px!important}}html[data-green-mode=true] .editor-tabbar{display:none}
