:root{--red-600:#dc2626;--red-700:#b91c1c;--bg:#fcfcfc;--ink:#0b0b0b;--border-ink:rgba(0,0,0,0.85);--text:#111827;--text-muted:#4b5563;--text-subtle:#9ca3af;--text-on-red:#ffffff;--text-red:#dc2626;--ring:#d97706;--input-bg:#ffffff;--radius:0.5rem;--shadow:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-guide:0 4px 0px rgba(0,0,0,0.1);--theme-bg:#0b0b0b;--stepper-fill:#0b0b0b;--chip-text:#fff;--chip-border:#fff;--chip-body:transparent;--blured-bg:rgba(0,0,0,0.85);--bg-pending:#f59e0b;--bg-preparing:#2563eb;--bg-ready:#16a34a;--bg-sent:#64748b;--bg-transit:#8b5cf6;--bg-arrived:#2563eb;--bg-picked:#475569}@media (prefers-color-scheme:dark){:root{--bg:#121212;--ink:#f9f9f9;--text:#f9fafb;--text-muted:#a1a1aa;--text-subtle:#71717a;--text-red:#f9fafb;--input-bg:#000000;--shadow-guide:0 4px 0px rgba(255,255,255,0.1);--ring:#fbbf24;--stepper-fill:#dc2626;--blured-bg:rgba(0,0,0,0.85);--chip-text:#fff;--chip-border:#fff}}*,:after,:before{box-sizing:border-box}body,html{height:100%}html{color-scheme:light dark;-webkit-text-size-adjust:100%;font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;transition:background-color .2s ease}canvas,img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;-webkit-appearance:none;appearance:none;border-radius:0}button{cursor:pointer}:root{--header-h:64px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.surface{background:var(--surface);box-shadow:var(--shadow)}.card,.surface{border:1px solid var(--border);border-radius:var(--radius)}.card{padding:8px}.btn_base{display:inline-flex;align-items:center;justify-content:center;padding:.625rem .75rem;border-radius:var(--radius);font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:all .1s ease-in-out;border:2px dashed transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn_base:active{transform:scale(.97)}.btn_standard{background:transparent;color:var(--ink);border-color:var(--ink)}.btn_on_red{color:var(--text-on-red);border-color:var(--text-on-red)}.btn_hero,.btn_on_red{background:transparent}.btn_hero{color:#ffffff}.btn_hero,.btn_primary{border-color:var(--red-600)}.btn_primary{background:var(--red-600);color:var(--text-on-red)}@media (hover:hover) and (pointer:fine){.btn_standard:hover{background:var(--red-600);border-color:var(--red-600);color:var(--text-on-red)}.btn_on_red:hover{background:var(--text-on-red);color:var(--red-600)}.btn_hero:hover{background:var(--red-600);color:#ffffff}.btn_primary:hover{background:var(--red-700);border-color:var(--red-700);box-shadow:0 4px 0 rgba(0,0,0,.1)}}.inputarea{max-width:600px}.entryarea{position:relative;height:1.875rem;line-height:2.475rem}input{position:absolute;width:100%;outline:none;font-size:1.5rem;padding:0 1.875rem;line-height:1.875rem;border:2px solid var(--red-600);border-radius:var(--radius);background:transparent;transition:.1s ease;z-index:3}.placeholderline{position:absolute;font-size:1.3rem;color:var(--text-muted);padding:0 1.3625rem;margin:0 1.25rem;background-color:var(--bg);transform-origin:top left;transition:.2s ease}input:focus,input:valid{color:var(--ring);border:4px solid var(--ring)}input:focus+.placeholderline,input:not(:placeholder-shown)+.placeholderline,input:user-invalid+.placeholderline{color:var(--ring);height:1.875rem;line-height:2.475rem;padding:0 .7625rem;transform:translate(-.3rem,-1rem) scale(.78);z-index:3}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ring);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:user-invalid{border-color:#ef4444;color:#ef4444}input:user-invalid+.placeholderline{color:#ef4444}input:user-invalid{animation:shake .2s ease-in-out 0s 2}@keyframes shake{0%{margin-left:0}25%{margin-left:.5rem}75%{margin-left:-.5rem}to{margin-left:0}}.checkbox{appearance:none;-webkit-appearance:none;width:1.7rem;height:1.7rem;padding:0;border:2px solid var(--ink);border-radius:.25rem;display:inline-block;position:relative;cursor:pointer;transition:background .2s ease,border-color .2s ease}.checkbox:checked{background:var(--red-600);border-color:var(--red-600)}.checkbox:checked:after{content:"✔";color:#fff;font-size:.9rem;position:absolute;top:-4px;left:3px}.radioinput{position:absolute;opacity:0;width:0;height:0}.radiolabel{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem;color:var(--ink);transition:color .2s ease}.radiodesign{width:1.2rem;height:1.2rem;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;transition:all .2s ease;position:relative}.radiodesign:after{content:"";width:.6rem;height:.6rem;border-radius:50%;background-color:var(--ring);transform:scale(0);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.radioinput:checked+.radiodesign{border-color:var(--ring)}.radioinput:checked+.radiodesign:after{transform:scale(1)}.radioinput:focus-visible+.radiodesign{outline:2px solid var(--ring);outline-offset:3px}.radiolabel:hover .radiodesign{border-color:var(--ring);box-shadow:0 0 0 4px rgba(217,119,6,.1)}.selectwrapper{position:relative;max-width:600px;margin-top:1rem}select{width:100%;height:3rem;outline:none;font-size:1.1rem;padding:0 1.875rem 0 .875rem;border:2px solid var(--red-600);border-radius:var(--radius);background-color:var(--bg);color:var(--ink);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e11d48'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25rem center;background-size:1.5rem;transition:all .2s ease}select:focus{border:4px solid var(--ring);color:var(--ring);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23d97706'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}select option{background-color:var(--bg);color:var(--ink);padding:10px}.container{width:min(1200px,100%);margin:0 auto;padding:16px}.center{display:grid;place-items:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}@media (pointer:fine){*{scrollbar-width:thin;scrollbar-color:rgba(220,38,38,.5) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px;border:2px solid transparent;background-clip:content-box}[style*="background: var(--red-600)"]::-webkit-scrollbar-thumb,header::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);background-clip:content-box}}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch}@media print{footer{display:none!important}}