*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f172a;--surface: #1e293b;--surface-raised: #334155;--text: #f8fafc;--text-muted: #94a3b8;--ok: #22c55e;--ko: #ef4444;--bar-height: 4.5rem}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}.scan-screen{display:flex;align-items:center;justify-content:center;height:100%;padding:1.5rem}.scan-box{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:26rem}.scan-icon{color:var(--text-muted)}.scan-title{font-size:1.5rem;font-weight:600;text-align:center}.scan-input{width:100%;padding:1rem 1.25rem;font-size:1.75rem;font-weight:600;text-align:center;letter-spacing:.05em;color:var(--text);background:var(--surface);border:2px solid var(--surface-raised);border-radius:.75rem;outline:none}.scan-input:focus{border-color:var(--ok)}.scan-input::placeholder{color:var(--text-muted);font-weight:400}.scan-status{font-size:2rem;color:var(--text-muted);letter-spacing:.2em}.scan-error{width:100%;padding:.875rem 1rem;font-size:1.125rem;font-weight:600;text-align:center;color:var(--text);background:var(--ko);border-radius:.75rem}.check-screen,.result-screen{display:flex;flex-direction:column;height:100%}.bar{display:flex;align-items:center;gap:1rem;flex:0 0 var(--bar-height);height:var(--bar-height);padding:0 1rem;background:var(--surface)}.bar-top{border-bottom:1px solid var(--surface-raised)}.bar-bottom{justify-content:space-between;border-top:1px solid var(--surface-raised)}.bar-close{flex:0 0 auto;width:3rem;height:3rem;font-size:1.5rem;line-height:1;color:var(--text-muted);border-radius:.5rem}.bar-close:active{background:var(--surface-raised)}.bar-order{display:flex;flex-direction:column;min-width:0}.bar-vte{font-size:1.25rem;font-weight:700;letter-spacing:.02em}.bar-meta{font-size:.875rem;color:var(--text-muted)}.bar-count{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.bar-action{padding:.875rem 2rem;font-size:1.125rem;font-weight:700;color:#0f172a;background:var(--ok);border-radius:.75rem}.bar-action:active{opacity:.85}.option-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.75rem;padding:.75rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.empty-state{flex:1 1 auto;display:grid;place-items:center;font-size:1.25rem;color:var(--text-muted)}.option-card{display:flex;flex-direction:column;text-align:left;background:var(--surface);border:3px solid transparent;border-radius:.75rem;overflow:hidden;transition:border-color .12s ease,background-color .12s ease}.option-card.is-confirmed{border-color:var(--ok);background:var(--surface-raised)}.option-image{position:relative;display:grid;place-items:center;aspect-ratio:1;background:#f8fafc;overflow:hidden}.option-image img{width:100%;height:100%;object-fit:contain}.option-card:not(.is-confirmed) .option-image img{filter:grayscale(1);opacity:.7}.option-image-fallback{padding:.5rem;font-size:1rem;font-weight:700;text-align:center;word-break:break-all;color:#64748b}.option-check{position:absolute;top:.375rem;right:.375rem;display:grid;place-items:center;width:2rem;height:2rem;font-size:1.25rem;font-weight:700;color:var(--text);background:var(--ok);border-radius:50%;opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease}.option-card.is-confirmed .option-check{opacity:1;transform:scale(1)}.option-text{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .625rem .625rem}.option-group{font-size:.9375rem;font-weight:600;line-height:1.2}.option-code{font-size:.8125rem;font-weight:700;color:var(--ok);letter-spacing:.02em}.option-detail{font-size:.75rem;line-height:1.25;color:var(--text-muted)}.result-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;overflow-y:auto}.result-mark{display:grid;place-items:center;flex:0 0 auto;width:6rem;height:6rem;font-size:3.5rem;font-weight:700;border-radius:50%}.is-conform .result-mark{background:var(--ok);color:#0f172a}.is-rejected .result-mark{background:var(--ko);color:var(--text)}.result-label{font-size:2rem;font-weight:700}.result-list{width:100%;max-width:32rem;list-style:none;display:flex;flex-direction:column;gap:.5rem}.result-list li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.875rem 1rem;background:var(--surface);border-left:4px solid var(--ko);border-radius:.5rem}.result-group{font-size:1.0625rem;font-weight:600}.result-code{font-size:.9375rem;font-weight:700;color:var(--text-muted);text-align:right}