:root{--cream: #fff7ea;--paper: #ffffff;--mint: #dff5e7;--ink: #1f2a20;--ink-dim: rgba(31, 42, 32, .66);--ink-faint: rgba(31, 42, 32, .42);--wax: #12b76a;--wax-deep: #0b8a51;--flame: #ff9e1b;--pop: #ff6a3d;--sky: #2e86ff;--butter: #ffde59;--lilac: #c9b8ff;--blush: #ffa392;--up: #0b8a51;--down: #e5484d;--font-display: "Baloo 2", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--font-body: "Nunito", "Helvetica Neue", Arial, sans-serif;--font-mono: "Kode Mono", "Courier New", monospace;--bw: 3px;--bw-lg: 4px;--outline: var(--bw) solid var(--ink);--outline-lg: var(--bw-lg) solid var(--ink)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-bottom:96px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:600;font-size:16px;line-height:1.55;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font:inherit;color:inherit}::selection{background:var(--butter)}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.04;letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-weight:500}.dim{color:var(--ink-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:17px;line-height:1;padding:13px 22px;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:0;cursor:pointer;transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-wax{background:var(--wax);color:#fff}.btn-pop{background:var(--pop);color:#fff}.btn-ink{background:var(--ink);color:var(--cream)}.btn-flame{background:var(--flame);color:var(--ink)}.btn-sm{font-size:14px;padding:8px 14px}.btn-lg{font-size:19px;padding:16px 28px}.btn-xl{font-size:21px;padding:18px 34px}.text-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-family:inherit;font-weight:800;font-size:15px;color:var(--sky);cursor:pointer;padding:4px 2px}.text-btn:hover{text-decoration:underline;text-underline-offset:4px}.tag{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;background:var(--mint);border:2px solid var(--ink);color:var(--ink);white-space:nowrap}.tag-wax{background:var(--wax);color:#fff}.tag-pop{background:var(--pop);color:#fff}.tag-flame{background:var(--flame)}.tag-ink{background:var(--ink);color:var(--cream)}.live-dot{width:8px;height:8px;background:var(--wax);border:2px solid var(--ink);border-radius:50%;animation:blink 1.6s steps(2,start) infinite}@keyframes blink{50%{opacity:.35}}.bubble{position:relative;background:var(--paper);border:var(--bw-lg) solid var(--ink);padding:22px 26px}.bubble:after{content:"";position:absolute;width:26px;height:26px;background:var(--paper);border-left:var(--bw-lg) solid var(--ink);border-bottom:var(--bw-lg) solid var(--ink);transform:rotate(-45deg)}.bubble.tail-b:after{bottom:-16px;left:64px}.bubble.tail-l:after{left:-16px;top:38px}.bubble.tail-r:after{right:-16px;top:38px;transform:rotate(135deg)}.field{display:grid;gap:7px}.field-label{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.field-hint{font-size:12.5px;color:var(--ink-faint)}.input{font-family:var(--font-body);font-weight:700;font-size:16px;color:var(--ink);background:var(--paper);border:var(--bw) solid var(--ink);border-radius:0;padding:12px 14px;width:100%}.input:focus{outline:none;border-color:var(--wax);box-shadow:inset 0 0 0 1px var(--wax)}.toast-stack{position:fixed;right:18px;bottom:108px;display:grid;gap:10px;z-index:90;max-width:min(360px,calc(100vw - 36px))}.toast{display:flex;gap:11px;align-items:flex-start;background:var(--paper);border:var(--bw) solid var(--ink);padding:12px 14px;font-size:14px;animation:toast-in .22s ease}.toast-dot{flex:none;width:12px;height:12px;margin-top:4px;background:var(--sky);border:2px solid var(--ink);border-radius:50%}.toast.is-ok .toast-dot{background:var(--wax)}.toast.is-err .toast-dot{background:var(--down)}.toast a{color:var(--sky);font-weight:800}.toast.is-gone{opacity:0;transform:translateY(6px);transition:.25s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.popmenu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:var(--paper);border:var(--bw) solid var(--ink);z-index:60;display:grid}.popmenu button{font-family:var(--font-body);font-weight:700;font-size:14px;text-align:left;padding:11px 14px;background:none;border:none;border-bottom:2px solid var(--mint);cursor:pointer;color:var(--ink)}.popmenu button:last-child{border-bottom:none}.popmenu button:hover{background:var(--mint)}.has-js .reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.has-js .reveal.in-view{opacity:1;transform:none}@keyframes swap-in{0%{opacity:0;transform:translateY(10px) scale(.99)}}.swap-in{animation:swap-in .28s ease}.av-base{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:2px solid var(--ink);font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--ink);border-radius:0}.av-0{background:#ffde59}.av-1{background:#ffa392}.av-2{background:#9dc3ff}.av-3{background:#b7ecab}.av-4{background:#d9c8ff}.av-5{background:#ffd98a}