:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172b45;background:#f2f7fc;font-synthesis:none;--canvas: #f2f7fc;--topbar: #f8fbff;--surface: #ffffff;--surface-muted: #f8fbfe;--border: #c9d9e8;--border-strong: #abc3da;--text: #172b45;--text-muted: #506985;--blue: #326593;--blue-dark: #28577f;--blue-soft: #eaf2f9;--focus: #1d67ab;--success: #166534;--success-background: #e4f5e9;--success-border: #75b98c;--error: #9f2e35;--error-background: #fbe8e9;--error-border: #df9ca1;--warning: #815a1f;--warning-background: #fff3d7;--warning-border: #e4c07c}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;background:var(--canvas)}button,input{font:inherit}button{min-height:44px;cursor:pointer}.page{min-height:100dvh;background:linear-gradient(120deg,#f5f9fd,var(--canvas) 64%,#edf4fb)}.topbar{border-bottom:1px solid var(--border);background:#f8fbfff5}.topbar__content{display:flex;align-items:center;gap:.75rem;width:min(100% - 1.5rem,96rem);min-height:59px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:.7rem;flex:0 0 auto}.brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#416b90;color:#fff;font-size:.82rem;font-weight:800}.brand__name{color:#29455f;font-size:1rem;font-weight:700;white-space:nowrap}.topbar__nav{display:flex;align-items:center;min-width:0}.topbar__current{display:inline-flex;align-items:center;min-height:36px;padding:.45rem .72rem;border-radius:5px;background:var(--blue);color:#fff;font-size:.9rem;font-weight:700}.connection{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 0 auto;color:#58708a;font-size:.9rem;white-space:nowrap}.connection__dot,.ready-dot{width:.58rem;height:.58rem;border-radius:50%;background:#2e9b5c}.connection--offline,.connection--server-unavailable{color:var(--warning)}.connection--offline .connection__dot,.connection--server-unavailable .connection__dot{background:#c98a20}.workspace{width:min(100% - 1.5rem,96rem);margin:0 auto;padding:clamp(1.4rem,4vw,2.1rem) 0 3rem}.workspace__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.eyebrow{margin:0 0 .25rem;color:var(--text-muted);font-size:.74rem;font-weight:800;letter-spacing:.08em}h1{margin:0;color:#102b48;font-size:clamp(1.7rem,5vw,2rem);line-height:1.2;letter-spacing:-.025em}.workspace__hint{margin:0;padding:.4rem .65rem;border:1px solid var(--border);border-radius:5px;background:#f8fbfe;color:var(--text-muted);font-size:.87rem;font-weight:650}.scan-card,.result{border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:0 .85rem 2.4rem #274d701a}.scan-card{padding:clamp(1rem,3vw,1.25rem)}.scan-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.scan-card h2{margin:0;color:#29455f;font-size:.95rem;font-weight:800}.scan-card__header p{margin:.3rem 0 0;color:var(--text-muted);font-size:.95rem;line-height:1.45}.scan-card__badge{display:inline-flex;align-items:center;min-height:27px;padding:.25rem .5rem;border:1px solid #b9cde0;border-radius:5px;background:var(--blue-soft);color:#41627f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:800;letter-spacing:.04em}.barcode-input{width:100%;min-height:58px;padding:.75rem .9rem;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.2rem,4vw,1.55rem);font-weight:700;letter-spacing:.02em}.barcode-input::placeholder{color:#71869b;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:500;letter-spacing:normal}.barcode-input:hover{border-color:#7799b9}.barcode-input:focus{border-color:var(--focus);outline:3px solid rgb(29 103 171 / 24%);outline-offset:2px}.barcode-input:disabled{background:#edf3f8;color:#64788d;cursor:wait}.checking{display:flex;align-items:center;gap:.55rem;min-height:2rem;margin:.75rem 0 0;color:var(--text-muted);font-size:.92rem;font-weight:650}.ready-dot{display:inline-block;width:.5rem;height:.5rem}.loader{width:1rem;height:1rem;border:2px solid #bdd2e6;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}.result{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;min-height:10.5rem;margin-top:1rem;padding:clamp(1rem,3.5vw,1.45rem);border-width:1px;transition:background-color .16s ease,border-color .16s ease}.result__symbol{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:6px;font-size:1.55rem;font-weight:900;line-height:1}.result__content{min-width:0}.result h2{margin:0;font-size:clamp(1.85rem,8vw,3.25rem);line-height:1;letter-spacing:-.04em}.result p{margin:.65rem 0 0;color:currentcolor;font-size:clamp(1rem,3.4vw,1.16rem);line-height:1.45;overflow-wrap:anywhere}.result--idle{border-color:var(--border);background:#fbfdff;color:#526d87}.result--idle .result__symbol{background:#e6eff7;color:#496c8d}.result--ok{border-color:var(--success-border);background:var(--success-background);color:var(--success)}.result--ok .result__symbol{background:var(--success);color:#fff}.result--missing{border-color:var(--error-border);background:var(--error-background);color:var(--error)}.result--missing .result__symbol{background:var(--error);color:#fff}.result--error{border-color:var(--warning-border);background:var(--warning-background);color:var(--warning)}.result--error .result__symbol{background:var(--warning);color:#fff}.article-list{display:grid;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.article-list li{display:grid;gap:.25rem;padding:.6rem .75rem;border:1px solid currentcolor;border-radius:5px;background:#ffffffad;overflow-wrap:anywhere}.article-list__description{color:#104326;font-size:clamp(1.02rem,3.7vw,1.25rem);font-weight:850;line-height:1.25}.article-list__code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.9rem,3vw,1.05rem);font-weight:800;opacity:.82}.update-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.7rem .8rem .7rem 1rem;border:1px solid #9ab9d8;border-radius:7px;background:#eaf2f9;color:#294f75;font-size:.93rem;font-weight:700}.update-notice button{padding:.45rem .8rem;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#fff;font-weight:800}.update-notice button:hover{background:var(--blue-dark)}.update-notice button:focus-visible{outline:3px solid #102b48;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:720px){.topbar__content,.workspace{width:min(100% - 3rem,96rem)}.workspace{padding-top:2rem}.scan-card{padding:1.35rem}.result{min-height:12rem}.result__symbol{width:3rem;height:3rem;font-size:1.95rem}}@media(max-width:460px){.brand__name{font-size:.92rem}.connection{font-size:.8rem}.workspace__hint,.scan-card__badge{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body,#root{min-width:0}.page{overflow-x:clip}.update-notice{flex-wrap:wrap}@media(max-width:560px){.topbar__content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .7rem;padding:.55rem 0}.brand{min-width:0}.brand__name{overflow:hidden;text-overflow:ellipsis}.connection{min-width:0;margin-left:0}.topbar__nav{grid-column:1 / -1}.topbar__current{min-height:32px}.workspace{width:min(100% - 1rem,96rem);padding-bottom:1.5rem}.workspace__heading{margin-bottom:.85rem}.scan-card,.result{border-radius:7px}.result{grid-template-columns:minmax(0,1fr);gap:.65rem}.result__symbol{width:2rem;height:2rem}.update-notice button{width:100%}}@media(max-width:360px){.topbar__content{width:min(100% - 1rem,96rem)}.brand__name{font-size:.84rem}.connection{font-size:.73rem}.workspace__heading{align-items:flex-start}.workspace__hint{display:none}}