@import"https://cdn.jsdelivr.net/npm/@fontsource/unifont/index.css";@import"https://fonts.googleapis.com/css2?family=Noto+Emoji:wght@400;700&display=swap";:root{--bg-desk-start: #f5f2eb;--bg-desk-end: #dedbd3;--paper-bg: #ffffff;--ink-dark: #2c2c2b;--ink-light: #7c7c7a;--border-dashed: #c4c4c2;--font-mono: "Unifont", "Noto Emoji", "Courier New", monospace;--transition: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background:radial-gradient(circle at 50% 50%,var(--bg-desk-start) 0%,var(--bg-desk-end) 100%);color:var(--ink-dark);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.receipt-wrapper{width:100%;max-width:410px;filter:drop-shadow(0 15px 30px rgba(44,44,43,.08)) drop-shadow(0 4px 8px rgba(44,44,43,.04));margin:auto}.receipt{background:var(--paper-bg);padding:36px 30px 28px;width:100%;display:flex;flex-direction:column;position:relative;-webkit-mask-image:linear-gradient(135deg,#000 50%,transparent 0),linear-gradient(-135deg,#000 50%,transparent 0),linear-gradient(45deg,#000 50%,transparent 0),linear-gradient(-45deg,#000 50%,transparent 0),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0,0 100%,0 100%,0 5px;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 10px);-webkit-mask-repeat:repeat-x,repeat-x,repeat-x,repeat-x,no-repeat;mask-image:linear-gradient(135deg,#000 50%,transparent 0),linear-gradient(-135deg,#000 50%,transparent 0),linear-gradient(45deg,#000 50%,transparent 0),linear-gradient(-45deg,#000 50%,transparent 0),linear-gradient(#000,#000);mask-position:0 0,0 0,0 100%,0 100%,0 5px;mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 10px);mask-repeat:repeat-x,repeat-x,repeat-x,repeat-x,no-repeat}.receipt__header{display:flex;flex-direction:column;margin-bottom:20px}.receipt__brand{text-align:center;font-size:.9rem;font-weight:700;letter-spacing:.2em;color:var(--ink-dark);text-transform:uppercase}.receipt__title{font-size:1.25rem;font-weight:700;text-align:center;margin:14px 0;color:var(--ink-dark);letter-spacing:-.02em}.receipt__divider{display:flex;justify-content:center;white-space:nowrap;width:100%;color:var(--ink-light);letter-spacing:.08em;-webkit-user-select:none;user-select:none;margin:8px 0;font-size:.85rem;overflow:hidden;opacity:.7}.receipt__meta{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--ink-dark);margin:10px 0}.meta-row{display:flex;justify-content:space-between}.receipt__body{display:flex;flex-direction:column}.textarea-wrapper{position:relative;margin-bottom:12px}textarea{width:100%;min-height:168px;line-height:24px;font-size:15px;font-family:var(--font-mono);color:var(--ink-dark);background-color:transparent;background-image:radial-gradient(circle,var(--ink-light) .5px,transparent .75px);background-size:6px 24px;background-position:0 8px;background-repeat:repeat;background-attachment:local;border:none;resize:none;outline:none;padding:0;caret-color:var(--ink-dark)}textarea::placeholder{color:var(--ink-light);opacity:.5}.char-counter{text-align:right;font-size:.75rem;color:var(--ink-light);margin-top:8px;font-variant-numeric:tabular-nums;letter-spacing:.05em}.char-counter.warning{color:#a06000;font-weight:700}.char-counter.danger{color:#c02020;font-weight:700;animation:shake .2s ease-in-out 2}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.turnstile-row{display:flex;justify-content:center;margin:20px 0;min-height:65px}.submit-row{display:flex;justify-content:center}.btn-submit{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--ink-dark);background:transparent;border:1.5px solid var(--ink-dark);border-radius:0;padding:10px 28px;cursor:pointer;letter-spacing:.1em;transition:background var(--transition),color var(--transition),transform .1s ease;position:relative}.btn-submit:hover:not(:disabled){background:var(--ink-dark);color:var(--paper-bg)}.btn-submit:active:not(:disabled){transform:scale(.97)}.btn-submit:disabled{opacity:.35;cursor:not-allowed;border-color:var(--ink-light);color:var(--ink-light)}.btn-submit .btn-loading,.btn-submit.loading .btn-text{display:none}.btn-submit.loading .btn-loading{display:inline}.status-message{margin-top:18px;font-size:.8rem;text-align:center;min-height:1.4em;line-height:1.4;font-weight:700}.status-message.success{color:#1e6b1e}.status-message.error{color:#b01e1e}.receipt__footer{display:flex;flex-direction:column;margin-top:12px}.receipt__info{font-size:.75rem;line-height:1.4;color:var(--ink-dark);text-align:center;padding:4px 10px}.receipt__barcode{display:flex;flex-direction:column;align-items:center;margin:22px 0 10px;color:var(--ink-dark)}.receipt__barcode svg{color:var(--ink-dark);margin-bottom:6px}.barcode-number{font-size:.7rem;letter-spacing:.28em;margin-right:-.28em}.receipt__tag{text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.2em;margin-top:14px;color:var(--ink-light)}@media(max-width:420px){body{padding:20px 8px}.receipt{padding:28px 18px 24px}textarea{font-size:14px;line-height:22px;background-size:6px 22px;min-height:154px}.btn-submit{width:100%;text-align:center}}