:root{--dsr-blue:#002366;--dsr-blue-hover:#001a4d;--dsr-blue-border:#001e5a;--dsr-blue-soft:#eef2ff;--dsr-text:#0f172a;--header-h: 56px;--page-max: min(960px, 92vw);--cam-max-width: min(640px, 94vw);--cam-aspect: 3 / 4;--guide-size-pc: 55%;--guide-corner: 16px;--guide-stroke: 2px;--overscan-px: 3px;--shadow-lg:0 20px 60px rgba(0,0,0,.35);--shadow-md:0 8px 24px rgba(0,0,0,.25)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:var(--dsr-text)}.cqr{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h));padding-top:var(--header-h)}.cqr__header{position:fixed;left:0;right:0;top:0;height:var(--header-h);background:color-mix(in srgb,#ffffff 94%,transparent);backdrop-filter:saturate(120%) blur(2px);-webkit-backdrop-filter:saturate(120%) blur(2px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px #0000000a;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding-left:max(12px,calc((100vw - var(--page-max)) / 2));padding-right:max(12px,calc((100vw - var(--page-max)) / 2))}.cqr__barcodeRow{display:flex;align-items:center;gap:8px;min-height:40px}.cqr__info{width:var(--cam-max-width);max-width:100%;margin:10px auto 0;display:flex;flex-direction:column;align-items:center;gap:6px}.cqr__stage{width:100%;max-width:var(--page-max);margin-inline:auto;min-height:calc(100vh - var(--header-h));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;gap:0}.cqr__camera{position:relative;width:var(--cam-max-width);aspect-ratio:var(--cam-aspect);border-radius:16px;overflow:hidden;background:#000;display:grid;place-items:center;box-shadow:0 6px 28px #00000014;margin:0 auto}@media (max-width: 860px){.cqr__stage{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important}.cqr__camera{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important}}.cqr__video{position:static;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;border-radius:inherit;backface-visibility:hidden}@supports (-webkit-touch-callout: none){.cqr__video{margin:calc(var(--overscan-px) * -1);width:calc(100% + (var(--overscan-px) * 2));height:calc(100% + (var(--overscan-px) * 2))}}.cqr__guide{position:absolute;left:50%;top:50%;width:min(var(--guide-size-pc),calc(100% - 24px));aspect-ratio:1 / 1;transform:translate(-50%,-50%);pointer-events:none;color:#001e5a;border:var(--guide-stroke) dashed rgba(255,255,255,.95);border-radius:var(--guide-corner)}.cqr__preview{position:absolute;top:8px;right:8px;bottom:86px;left:8px;background:#0008;display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.cqr__previewImg{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 4px 18px #00000040}.cqr__shutterWrap{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;z-index:20}.cqr__shutterBtn{position:relative;width:clamp(58px,12vw,76px);height:clamp(58px,12vw,76px);border-radius:9999px;background:#f3f4f6;border:3px solid #111;outline:none;box-shadow:var(--shadow-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.cqr__shutterBtn:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:9999px;background:radial-gradient(circle at 50% 50%,#fff,#f3f4f6 65%,#e5e7eb);box-shadow:inset 0 0 0 2px #fff}.cqr__actions{display:flex;gap:8px}.cqr-btn{min-width:104px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--dsr-blue-border);font-size:16px;font-weight:700;letter-spacing:.1px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .05s;background:#fff;color:var(--dsr-blue);line-height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}.cqr-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(15%)}.cqr-btn:active:not(:disabled){transform:translateY(1px)}.cqr-btn--primary{background:var(--dsr-blue);color:#fff;border-color:var(--dsr-blue)}.cqr-btn--primary:hover:not(:disabled){background:var(--dsr-blue-hover)}.cqr-btn--ghost{background:#fff;color:var(--dsr-blue);border-color:var(--dsr-blue-border)}.cqr-btn--ghost:hover:not(:disabled){background:var(--dsr-blue-soft);border-color:var(--dsr-blue);color:var(--dsr-blue)}.cqr__msg{font-size:15px;font-weight:700;white-space:pre-wrap;text-align:center;margin:0}.cqr__msg.is-success{font-weight:800}.cqr__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:13px;color:#334155}.cqr__gestureBtn{align-self:center}.cqr__meta span{white-space:nowrap}.cqr__accent{color:var(--dsr-blue)}@media (max-width: 860px){.cqr__camera{width:100vw!important;max-width:100vw!important;border-radius:0!important}.cqr__info{width:100vw!important;max-width:100vw!important;padding-inline:10px}}.cqr-modal{position:fixed;top:0;right:0;bottom:0;left:0;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:999999;min-height:100vh}.cqr-modal__card{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:16px;padding:16px;width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.08);color:var(--dsr-text);font-size:14px}.cqr-modal__title{font-weight:800;font-size:16px;margin-bottom:10px}.cqr-modal__body{margin-bottom:12px;font-size:14px;line-height:1.5}.cqr-modal__actions{display:flex;gap:8px;justify-content:flex-end}.cqr-modal .cqr-btn--primary{background:var(--dsr-blue);border-color:var(--dsr-blue);color:#fff}.cqr-modal .cqr-btn--ghost{background:#fff;color:var(--dsr-blue);border-color:var(--dsr-blue-border)}@media (min-width: 860px){:root{--cam-aspect: 4 / 3}}@media (max-width:480px){:root{--cam-max-width: calc(100vw - 20px) }.cqr__meta{gap:10px;font-size:12px}.cqr-btn{height:38px;font-size:16px;line-height:38px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}