*{box-sizing:border-box}body{margin:0;background:#e9e6dc;color:#2c3e46;font:17px/1.6 system-ui}main{max-width:1000px;margin:auto;padding:36px 24px}small{letter-spacing:.18em;font-size:12px}h1{font:700 clamp(42px,7vw,72px)/1.04 Georgia;margin:22px 0}h2{font:600 25px Georgia}section{background:#fdfbf3;border:1px solid #c2c9c3;border-radius:16px;padding:25px;margin:24px 0}.desk{background:linear-gradient(#fffdf3ba,#fffdf3ba),url(ledger.webp) center/cover}button,select{font:inherit;min-height:44px;border:1px solid #6f858b;border-radius:6px;padding:8px 12px;margin:4px;max-width:100%;background:#f8f7ee;color:#2d4650;cursor:pointer}button:hover{background:#dde8e4}button:focus-visible,select:focus-visible{outline:3px solid #c08031}#tokens{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.token{background:#fffef6;border:1px solid #a3b7b1;border-radius:6px;padding:12px 16px;font:24px monospace}.token small{display:block;font:11px system-ui;color:#6a7771}#expression,#parse,#status{background:#fffdf5e8;padding:15px;border-radius:6px;overflow-wrap:anywhere}#expression{font:22px/1.6 monospace}#status{font-weight:650;border-left:4px solid #ad7135}.controls{display:flex;flex-wrap:wrap;align-items:center}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:center;border:1px solid #bdcabe}.good{background:#e1eddc}.bad{background:#f4ddc9}.tablewrap{overflow:auto}footer{font-size:13px;color:#586e71}@media(max-width:600px){main{padding:22px 12px}section{padding:16px}.token{padding:9px 12px}.controls{display:block}th,td{padding:7px;font-size:14px}}