:root{--wf-paper: oklch(98.5% .005 80);--wf-paper-2: oklch(96.5% .006 80);--wf-ink: oklch(22% .01 260);--wf-ink-soft: oklch(45% .01 260);--wf-ink-faint: oklch(70% .008 260);--wf-line: oklch(78% .008 260);--wf-line-soft: oklch(88% .006 260);--wf-accent: #166f92;--wf-accent-soft: oklch(70% .06 230);--mf-bg: #fafbfc;--mf-surface: #ffffff;--mf-surface-2: #f5f7f9;--mf-border: #e3e7eb;--mf-border-strong: #cdd4dc;--mf-ink: #16202a;--mf-ink-2: #3b4856;--mf-ink-3: #5a6c7d;--mf-ink-4: #8a98a6;--mf-brand: #166f92;--mf-brand-deep: #0f5773;--mf-brand-tint: #e6f0f5;--mf-ok: #2d8659;--mf-ok-tint: #e7f3ec;--mf-warn: #d97706;--mf-warn-tint: #fdf3e3;--mf-bad: #c0392b;--mf-bad-tint: #f9e6e3}html,body{margin:0;padding:0}body{font-family:Lato,system-ui,-apple-system,sans-serif;color:var(--wf-ink);background:var(--wf-paper-2);-webkit-font-smoothing:antialiased}.wf{font-family:Lato,system-ui,sans-serif;background:var(--wf-paper);color:var(--wf-ink);border:1.25px solid var(--wf-ink);box-sizing:border-box}.wf *{box-sizing:border-box}.wf-hand{font-family:Caveat,cursive}.wf-mono{font-family:JetBrains Mono,ui-monospace,monospace}.wf-dashed{border-style:dashed}.wf-thin{border-width:1px}.wf-thick{border-width:1.75px}.wf-row{display:flex;align-items:center}.wf-col{display:flex;flex-direction:column}.wf-gap-4{gap:4px}.wf-gap-6{gap:6px}.wf-gap-8{gap:8px}.wf-gap-12{gap:12px}.wf-gap-16{gap:16px}.wf-line{display:block;height:6px;background:var(--wf-ink-faint);border-radius:1px}.wf-line.short{width:35%}.wf-line.med{width:60%}.wf-line.long{width:88%}.wf-line.full{width:100%}.wf-line.tall{height:8px}.wf-line.thin{height:4px;background:var(--wf-line)}.wf-block{border:1.25px dashed var(--wf-line);background:repeating-linear-gradient(135deg,transparent 0 8px,oklch(94% .005 80) 8px 9px);border-radius:2px}.wf-pill{display:inline-flex;align-items:center;height:18px;padding:0 8px;border:1px solid var(--wf-ink);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;background:var(--wf-paper);text-transform:uppercase}.wf-btn{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 10px;border:1.25px solid var(--wf-ink);border-radius:3px;background:var(--wf-paper);font-size:11px;font-weight:700;cursor:pointer}.wf-btn.solid{background:var(--wf-ink);color:var(--wf-paper)}.wf-btn.tiny{height:18px;padding:0 6px;font-size:10px}.wf-sev{width:10px;height:10px;border-radius:50%;border:1.25px solid var(--wf-ink);flex:0 0 10px}.wf-sev.r{background:#f2716a}.wf-sev.y{background:#f3b94c}.wf-sev.g{background:#80cd82}.wf-sev.o{background:var(--wf-paper)}.wf-frame-title{font-family:Caveat,cursive;font-size:18px;color:var(--wf-ink-soft);margin:0 0 6px;font-weight:600}.wf-note{font-family:Caveat,cursive;font-size:16px;color:var(--wf-accent);line-height:1.1}.wf-arrow-text{font-family:Caveat,cursive;font-size:15px;color:var(--wf-accent)}.wf-browser{display:flex;flex-direction:column;height:100%;width:100%;background:var(--wf-paper)}.wf-browser-bar{display:flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-bottom:1px solid var(--wf-line);background:var(--wf-paper-2);flex:0 0 22px}.wf-browser-dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--wf-line)}.wf-browser-url{flex:1;height:13px;border-radius:2px;background:var(--wf-paper);border:1px solid var(--wf-line);font-size:9px;color:var(--wf-ink-soft);display:flex;align-items:center;padding:0 6px;font-family:JetBrains Mono,monospace}.mf{font-family:Lato,system-ui,sans-serif;color:var(--mf-ink);background:var(--mf-bg);font-size:13px;line-height:1.45}.mf *{box-sizing:border-box}.mf-mono{font-family:JetBrains Mono,ui-monospace,monospace}.mf-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.mf-dot.r{background:var(--mf-bad)}.mf-dot.y{background:var(--mf-warn)}.mf-dot.g{background:var(--mf-ok)}.mf-chip{display:inline-flex;align-items:center;gap:5px;height:19px;padding:0 7px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.02em}.mf-chip.r{background:var(--mf-bad-tint);color:var(--mf-bad)}.mf-chip.y{background:var(--mf-warn-tint);color:var(--mf-warn)}.mf-chip.g{background:var(--mf-ok-tint);color:var(--mf-ok)}.mf-chip.brand{background:var(--mf-brand-tint);color:var(--mf-brand-deep)}.mf-chip.muted{background:var(--mf-surface-2);color:var(--mf-ink-3)}.mf-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:1px solid var(--mf-border-strong);background:var(--mf-surface);color:var(--mf-ink-2);border-radius:4px;font:600 12px/1 Lato,sans-serif;cursor:pointer}.mf-btn:hover{background:var(--mf-surface-2)}.mf-btn.primary{background:var(--mf-brand);color:#fff;border-color:var(--mf-brand)}.mf-btn.primary:hover{background:var(--mf-brand-deep)}.mf-btn.ok{border-color:var(--mf-ok);color:var(--mf-ok)}.mf-btn.ok:hover{background:var(--mf-ok-tint)}.mf-btn.warn{border-color:var(--mf-warn);color:var(--mf-warn)}.mf-btn.warn:hover{background:var(--mf-warn-tint)}.mf-btn.bad{border-color:var(--mf-bad);color:var(--mf-bad)}.mf-btn.bad:hover{background:var(--mf-bad-tint)}.mf-btn.ghost{border-color:transparent;background:transparent;color:var(--mf-ink-3)}.mf-btn.ghost:hover{background:var(--mf-surface-2)}.mf-btn.tiny{height:22px;padding:0 8px;font-size:11px}.mf-input{height:28px;padding:0 9px;border:1px solid var(--mf-border-strong);background:var(--mf-surface);border-radius:4px;font:400 12px Lato,sans-serif;color:var(--mf-ink);outline:none}.mf-input:focus{border-color:var(--mf-brand)}.mf-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border:1px solid var(--mf-border-strong);border-bottom-width:2px;border-radius:3px;background:var(--mf-surface);font:600 10px/1 JetBrains Mono,monospace;color:var(--mf-ink-3)}