@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Pixelify+Sans:wght@400;500;700&display=swap";:root{--ink: #3f2b1c;--wood: #8f5d3c;--wood-dark: #6b4226;--parchment: #f4e4c1;--cream: #fff8ea;--cream-dim: #e9d6b0;--rule: #d9c9a8;--rule-soft: #ddc9a4;--dashed: #c9a878;--muted: #a88f72;--faint: #b5967a;--green: #7a9b6d;--green-dark: #4e6b48;--green-light: #8fb07f;--red: #d96f6f;--amber: #e8b96a;--blue: #5b8c9b;--stage: #241b13;--shell: #2a2018;--night: #3b3128;--night-edge: #23180f;--night-rule: #4e4136;--night-label: #8d8175;--night-text: #d8ccbb;--label: "Silkscreen", "Courier New", monospace;--body: "Pixelify Sans", "Trebuchet MS", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--shell);overflow:hidden}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:none}::selection{background:var(--red);color:var(--cream)}img,.sprite{image-rendering:pixelated}.panel{background:var(--parchment);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--wood),6px 6px #00000059}.panel-head{padding:7px 12px 6px;background:var(--wood);border-bottom:3px solid var(--ink);font-family:var(--label);font-size:11px;letter-spacing:1px;color:var(--parchment)}.label{font-family:var(--label);letter-spacing:1px}button{font-family:var(--body);border-radius:0;cursor:pointer}.btn{padding:8px 10px;background:var(--parchment);border:3px solid var(--ink);font-family:var(--label);font-size:9px;letter-spacing:.5px;color:var(--wood-dark);transition:background .08s steps(2,end)}.btn:hover{background:var(--cream);color:var(--ink)}.btn-go{padding:12px;background:var(--green);border:3px solid var(--ink);box-shadow:0 5px 0 0 var(--green-dark);font-family:var(--label);font-size:13px;letter-spacing:1px;color:var(--cream)}.btn-go:hover{background:var(--green-light)}.btn-go:active{transform:translateY(4px);box-shadow:0 1px 0 0 var(--green-dark)}.btn-small{padding:7px 9px;background:var(--green);border:3px solid var(--ink);box-shadow:0 3px 0 var(--green-dark);font-family:var(--label);font-size:9px;letter-spacing:.5px;color:var(--cream)}.btn-small:hover{background:var(--green-light)}.btn-small:active{transform:translateY(2px);box-shadow:0 1px 0 var(--green-dark)}.btn-ghost{padding:11px;background:var(--parchment);border:3px dashed var(--dashed);font-family:var(--label);font-size:10px;letter-spacing:1px;color:var(--wood)}.btn-ghost:hover{background:var(--cream);border-color:var(--wood);color:var(--ink)}.btn-x{padding:3px 8px;background:var(--wood-dark);border:2px solid var(--ink);font-family:var(--label);font-size:9px;color:var(--parchment)}.btn-x:hover{background:var(--red)}.emote-key{width:34px;height:34px;display:grid;place-items:center;background:var(--cream);border:3px solid var(--ink);font-family:var(--label);font-size:14px;color:var(--red)}.emote-key:hover{background:var(--cream-dim);transform:translateY(-2px)}.emote-key:active{transform:translateY(1px)}.field{width:100%;padding:11px 13px;font-family:var(--body);font-size:18px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:0;outline:none;box-shadow:inset 3px 3px #8f5d3c40}.field:focus{box-shadow:inset 3px 3px #8f5d3c40,0 0 0 3px var(--green)}.swatch{padding:0;border:3px solid var(--rule);background:transparent;line-height:0;overflow:hidden}.swatch:hover{border-color:var(--wood)}.swatch[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--amber)}.card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:7px 4px 6px;background:#f9f0dd;border:3px solid var(--rule)}.card:hover{background:var(--cream);border-color:var(--dashed)}.card[aria-pressed=true]{background:#e8f0e2;border-color:var(--green)}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dashed) var(--parchment)}@keyframes dot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes eq{0%,to{height:4px}50%{height:13px}}@keyframes float-up{0%{opacity:0;transform:translate(-50%) scale(.6)}18%{opacity:1;transform:translate(-50%,-14px) scale(1)}to{opacity:0;transform:translate(-50%,-76px) scale(1)}}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.pinned-note{cursor:pointer;line-height:0}.note-card{position:absolute;bottom:38px;left:50%;transform:translate(-50%);width:178px;padding:8px 10px;background:var(--cream);border:3px solid var(--ink);box-shadow:4px 4px #0000004d;font-size:14px;line-height:1.25;color:var(--wood-dark);text-align:left;text-wrap:pretty;opacity:0;pointer-events:none;transition:opacity .12s steps(2,end)}.pinned-note:hover .note-card,.pinned-note:focus-visible .note-card{opacity:1}.panel,.chrome{cursor:auto}input,textarea{cursor:text}