:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#123c34;background:#f4f7f3;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:980px;margin:auto;padding:24px 18px 64px}.brand{font-size:1rem;letter-spacing:.25em;font-weight:900;border-bottom:2px solid #b7ccc2;padding-bottom:16px}h1{font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.15}h2{margin-top:0}button,a{font:inherit;touch-action:manipulation}button{cursor:pointer;border:0;border-radius:12px;padding:16px 22px;min-height:52px;background:#123c34;color:#fff;font-weight:700;margin:6px 8px 6px 0}button.secondary{background:#dce9e0;color:#123c34}button:disabled{opacity:.55;cursor:wait}a{display:inline-block;color:#165b4c;padding:12px 8px;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b56d00;outline-offset:4px}.card{background:#fff;border:1px solid #c6d8cb;border-radius:20px;padding:24px;margin:20px 0;box-shadow:0 5px 18px #123c3408}.order-number{font-size:clamp(6rem,22vw,11rem);font-weight:900;line-height:1;margin:32px 0 12px;font-variant-numeric:tabular-nums}.status{font-size:1.5rem;font-weight:700}.muted{color:#476459;font-size:.95rem}.notice:not(:empty){background:#fff0c9;padding:16px;border-left:5px solid #9d6400;border-radius:8px}.connection:not(:empty){padding:12px;background:#ffe3dc}label{display:block;font-weight:700}input{display:block;width:100%;max-width:340px;padding:16px;margin:10px 0;font:inherit;border:1px solid #668c7a;border-radius:10px}canvas{display:block;max-width:100%;height:auto;margin:16px auto}.numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:32px}.tile{font-size:clamp(5rem,12vw,10rem);font-weight:900;text-align:center;background:#123c34;color:#f1ffbc;border-radius:24px}.card.ready{border:3px solid #168249}body.ready{animation:ready 1.4s ease-in-out 6;background:#d0f4c8}@keyframes ready{50%{background:#83d881}}@media(prefers-reduced-motion:reduce){body.ready{animation:none}}[hidden]{display:none!important}@media(max-width:480px){.card button{display:block;width:100%}.numbers{grid-template-columns:1fr 1fr}.tile{font-size:4rem}.card{padding:18px}}