html,body,#root{margin:0;height:100%}body{font-family:IBM Plex Sans,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}a{color:inherit}:root{--paper: #f8f5ef;--paper-2: #f1ece2;--ink: #1a1814;--ink-2: #3a3530;--ink-soft: #6b655d;--rule: #20201d;--rule-soft: #cdc6b8;--red: oklch(58% .17 25);--red-soft: oklch(92% .05 25);--blue: oklch(56% .13 245);--blue-soft: oklch(94% .04 245);--green: oklch(58% .12 150);--green-soft: oklch(94% .05 150);--amber: oklch(72% .15 75);--amber-soft: oklch(94% .06 75)}html,body{background:#ece6d6}.sk{background:var(--paper);color:var(--ink);font-family:Kalam,Patrick Hand,sans-serif;font-size:15px;line-height:1.3;position:relative;overflow:hidden}.sk .hand{font-family:Caveat,cursive}.sk .h1{font-family:Caveat,cursive;font-size:38px;font-weight:700;letter-spacing:.01em}.sk .h2{font-family:Caveat,cursive;font-size:28px;font-weight:700}.sk .h3{font-family:Kalam,cursive;font-size:17px;font-weight:700}.sk .label{font-family:Kalam,cursive;font-size:13px;color:var(--ink-2)}.sk .meta{font-family:Kalam,cursive;font-size:12px;color:var(--ink-soft)}.sk .box{border:1.5px solid var(--rule);border-radius:6px;background:var(--paper);padding:12px}.sk .box.dashed{border-style:dashed;border-width:1.5px;border-color:var(--ink-2)}.sk .box.tilt-l{transform:rotate(-.4deg)}.sk .box.tilt-r{transform:rotate(.5deg)}.sk .row{display:flex}.sk .col{display:flex;flex-direction:column}.sk .field{border:none;border-bottom:1.5px solid var(--rule);padding:6px 4px 4px;min-height:22px;font-family:Caveat,cursive;font-size:18px;color:var(--ink)}.sk .field.long{min-height:60px}.sk .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:2px solid var(--ink);background:var(--paper);padding:6px 14px;border-radius:22px;font-family:Kalam,cursive;font-weight:700;font-size:14px;box-shadow:2px 2px 0 var(--ink)}.sk .btn.primary{background:var(--ink);color:var(--paper)}.sk .btn.red{background:var(--red);color:#fff;border-color:var(--red)}.sk .btn.sm{padding:3px 9px;font-size:12px;border-width:1.5px;box-shadow:1.5px 1.5px 0 var(--ink)}.sk .pill{display:inline-block;padding:1px 10px;border-radius:12px;border:1.5px solid var(--ink);font-family:Kalam,cursive;font-size:12px;background:var(--paper)}.sk .pill.red{background:var(--red-soft);border-color:var(--red);color:var(--red)}.sk .pill.blue{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.sk .pill.green{background:var(--green-soft);border-color:var(--green);color:var(--green)}.sk .pill.amber{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.sk .pill.muted{color:var(--ink-soft);border-color:var(--ink-soft)}.sk .scribble{color:var(--red);font-family:Caveat,cursive;font-size:18px;transform:rotate(-3deg);display:inline-block}.sk .note{background:#fff7c4;border:1.5px solid #d9c560;padding:8px 10px;font-family:Kalam,cursive;font-size:13px;transform:rotate(-.7deg);box-shadow:2px 2px #00000014}.sk .arrow{color:var(--red);font-family:Caveat,cursive}.sk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.06) 1px,transparent 1px);background-size:22px 22px;opacity:.5}.sk .ul{position:relative;display:inline-block}.sk .ul:after{content:"";position:absolute;left:-2px;right:-4px;bottom:-3px;height:6px;background:no-repeat center/100% 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 6' preserveAspectRatio='none'><path d='M1 4 Q 20 0 40 3 T 80 4 T 99 2' fill='none' stroke='%23c43b2b' stroke-width='1.8' stroke-linecap='round'/></svg>")}.sk .check{display:inline-block;width:14px;height:14px;border:1.5px solid var(--ink);border-radius:3px;vertical-align:-2px;margin-right:6px}.sk .check.on{background:var(--ink);position:relative}.sk .check.on:after{content:"✓";color:var(--paper);font-size:11px;position:absolute;top:-4px;left:1px}.sk .radio{display:inline-block;width:14px;height:14px;border:1.5px solid var(--ink);border-radius:50%;vertical-align:-2px;margin-right:6px;position:relative}.sk .radio.on:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--ink);border-radius:50%}.cl{background:#fafaf8;color:#16181c;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:13px;line-height:1.45;position:relative;overflow:hidden}.cl .mono{font-family:IBM Plex Mono,monospace}.cl .h1{font-size:22px;font-weight:600;letter-spacing:-.01em}.cl .h2{font-size:17px;font-weight:600;letter-spacing:-.005em}.cl .h3{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b6f76}.cl .label{font-size:11px;color:#6b6f76;letter-spacing:.04em;text-transform:uppercase;font-weight:500}.cl .meta{font-size:12px;color:#8a8e96}.cl .panel{background:#fff;border:1px solid #e6e3dc;border-radius:6px}.cl .panel.flat{background:#fff;border:1px solid #e6e3dc}.cl .divider{height:1px;background:#eceae3}.cl .vdivider{width:1px;background:#eceae3}.cl .input{background:#fff;border:1px solid #d4d0c6;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:13px;color:#16181c;min-height:30px;display:flex;align-items:center}.cl .input.empty{color:#a8a59b}.cl .btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#16181c;border:1px solid #d4d0c6;padding:5px 12px;border-radius:4px;font-weight:500;font-size:13px}.cl .btn.primary{background:#16181c;color:#fff;border-color:#16181c}.cl .btn.red{background:#fff;color:var(--red);border-color:var(--red)}.cl .btn.danger{background:var(--red);color:#fff;border-color:var(--red)}.cl .btn.sm{padding:3px 8px;font-size:12px}.cl .pill{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:500;background:#f1ece2;color:#3a3530}.cl .pill.red{background:var(--red-soft);color:var(--red)}.cl .pill.blue{background:var(--blue-soft);color:var(--blue)}.cl .pill.green{background:var(--green-soft);color:var(--green)}.cl .pill.amber{background:var(--amber-soft);color:#734c00;color:oklch(45% .13 75)}.cl .pill.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.cl .row{display:flex}.cl .col{display:flex;flex-direction:column}.cl .nav-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;color:#3a3530;font-size:13px;cursor:default}.cl .nav-item.active{background:#1a1814;color:#fff}.cl .nav-item:not(.active):hover{background:#f1ece2}.icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;font-size:10px}.sk .pipeline{display:flex;align-items:center;gap:0}.sk .pipeline .step{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}.sk .pipeline .dot{width:18px;height:18px;border:1.8px solid var(--ink);border-radius:50%;background:var(--paper);position:relative}.sk .pipeline .step.done .dot{background:var(--ink)}.sk .pipeline .step.active .dot{background:var(--red);border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.sk .pipeline .step.error .dot{background:var(--red);border-color:var(--red)}.sk .pipeline .line{flex:1;height:2px;background:var(--ink);margin:-18px -2px 0;align-self:center}.sk .pipeline .step.todo .dot{background:transparent;border-style:dashed}.sk .pipeline .step.todo .line,.sk .pipeline .line.todo{background:transparent;border-top:1.5px dashed var(--ink-soft);height:0}.sk .pipeline .cap{font-family:Kalam,cursive;font-size:11px}.cl .pipeline{display:flex;align-items:center}.cl .pipeline .step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:72px}.cl .pipeline .dot{width:14px;height:14px;border-radius:50%;border:1.5px solid #c8c4b8;background:#fff}.cl .pipeline .step.done .dot{background:#1a1814;border-color:#1a1814}.cl .pipeline .step.active .dot{background:var(--red);border-color:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.cl .pipeline .line{flex:1;height:2px;background:#1a1814;margin-top:-22px}.cl .pipeline .line.todo{background:#dcd8cc}.cl .pipeline .cap{font-size:11px;color:#6b6f76}.cl .pipeline .cap.active{color:var(--red);font-weight:600}.cl table{width:100%;border-collapse:collapse;font-size:12px}.cl thead th{text-align:left;padding:8px 10px;color:#6b6f76;font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #eceae3;background:#faf8f4;position:sticky;top:0}.cl tbody td{padding:9px 10px;border-bottom:1px solid #f2efe8;vertical-align:middle}.cl tbody tr:hover td{background:#fbf9f3}.sk table{width:100%;border-collapse:collapse;font-size:13px}.sk thead th{text-align:left;padding:5px 6px;color:var(--ink-soft);font-family:Kalam,cursive;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1.5px solid var(--ink)}.sk tbody td{padding:7px 6px;border-bottom:1px dashed var(--rule-soft)}.grow{flex:1}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.p-8{padding:8px}.p-10{padding:10px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.px-16{padding-left:16px;padding-right:16px}.py-8{padding-top:8px;padding-bottom:8px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.flex{display:flex}.center{align-items:center}.between{justify-content:space-between}.muted{color:var(--ink-soft)}.tar{text-align:right}.full{width:100%;height:100%}.nowrap{white-space:nowrap}.callout{position:absolute;font-family:Caveat,cursive;color:var(--red);font-size:18px;z-index:5}.callout .line{position:absolute;background:var(--red);height:1.5px}.no-annot .callout{display:none}