:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:#101828;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.scanner-shell{color:#f8fafc;background:#101828;width:100%;height:100dvh;min-height:560px;position:relative;overflow:hidden}.camera-preview{object-fit:cover;background:#0b1220;width:100%;height:100%;position:absolute;inset:0}.scanner-shade{pointer-events:none;background:radial-gradient(circle,#0000 0 154px,#10182814 156px,#101828b3 290px),linear-gradient(#1018289e,#0000 28% 64%,#101828d6);position:absolute;inset:0}.scanner-topbar{top:calc(18px + var(--safe-top));z-index:5;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;left:18px;right:18px}.brand-mark{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1018289e;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:54px;height:38px;font-size:13px;font-weight:800;display:inline-grid}.brand-mark:active{color:#9ff0bf;border-color:#28d17ca3}.scan-status,.detector-chip{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1018289e;border:1px solid #ffffff29;border-radius:999px;align-items:center;min-height:38px;font-size:13px;font-weight:700;display:inline-flex}.scan-status{padding:0 14px}.scan-status--button{cursor:pointer}.scan-status--button:active{border-color:#28d17ca3}.scan-status--resolving{color:#9ff0bf;border-color:#50dc968c}.scan-status--api-error,.scan-status--camera-error,.scan-status--unsupported{color:#ffd5a5;border-color:#ffb06ba8}.fallback-warning{top:calc(70px + var(--safe-top));z-index:5;color:#fff3c6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#49370ad1;border:1px solid #ffd16670;border-radius:8px;max-width:620px;margin:0 auto;padding:12px 14px;font-size:13px;line-height:1.35;position:absolute;left:18px;right:18px}.settings-backdrop{z-index:20;padding:calc(18px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b12206b;justify-content:flex-start;align-items:flex-start;display:flex;position:absolute;inset:0}.manual-backdrop{z-index:22;padding:calc(18px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b122085;place-items:center;display:grid;position:absolute;inset:0}.details-backdrop{z-index:24;padding:calc(18px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b12209e;place-items:center;display:grid;position:absolute;inset:0}.details-dialog{width:min(860px,100vw - 36px);max-height:calc(100dvh - 36px - var(--safe-top) - var(--safe-bottom));background:#101828fa;border:1px solid #ffffff29;border-radius:8px;overflow:hidden;box-shadow:0 28px 90px #00000075}.details-dialog__body{max-height:calc(100dvh - 132px - var(--safe-top) - var(--safe-bottom));padding:16px;overflow:auto}.details-description{color:#f8fafcc2;margin:0 0 12px;font-size:14px;line-height:1.4}.details-meta{gap:8px;margin:14px 0 0;display:grid}.details-meta--compact{margin-top:10px}.details-meta div{border-top:1px solid #ffffff1a;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.details-meta--compact div{padding:6px 0}.details-meta dt,.details-meta dd{margin:0;font-size:13px}.details-meta dt{color:#f8fafc8f}.details-meta dd{color:#fff;overflow-wrap:anywhere}.pass-details,.info-string-block{background:#ffffff0d;border:1px solid #28d17c42;border-radius:8px;margin-bottom:14px;padding:12px}.pass-details__header strong,.pass-details__header span{display:block}.pass-details__header strong{color:#9ff0bf;font-size:16px}.pass-details__header span{color:#f8fafcb8;margin-top:4px;font-size:13px}.info-string-block h2{color:#fff;margin:0;font-size:15px}.manual-dialog{background:#101828f5;border:1px solid #ffffff29;border-radius:8px;width:min(460px,100vw - 36px);box-shadow:0 28px 90px #0000006b}.manual-dialog__body{padding:16px}.manual-dialog__input{min-height:52px;font-size:18px;font-weight:700}.settings-panel{width:min(420px,100vw - 36px);max-height:calc(100dvh - 36px - var(--safe-top) - var(--safe-bottom));background:#101828f0;border:1px solid #ffffff29;border-radius:8px;overflow:auto;box-shadow:0 28px 90px #00000061}.settings-panel__header,.settings-panel__footer{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.settings-panel__header{border-bottom:1px solid #ffffff1a}.settings-panel__header strong,.settings-panel__header span{display:block}.settings-panel__header strong{font-size:16px}.settings-panel__header span{color:#f8fafc9e;margin-top:3px;font-size:13px}.settings-panel__close{flex:none;width:40px;height:40px}.settings-form,.settings-group,.settings-meta,.operator-card,.settings-message,.settings-error{margin:16px}.field-label{color:#f8fafcc2;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.settings-input{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 12px}.settings-input:focus{border-color:#28d17cb8}.settings-button{color:#9ff0bf;cursor:pointer;background:#28d17c29;border:1px solid #28d17c85;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.settings-button:disabled{cursor:progress;opacity:.6}.settings-button--secondary{color:#f8fafcdb;background:#ffffff0f;border-color:#ffffff24}.operator-card{background:#28d17c14;border:1px solid #28d17c47;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.operator-card span,.operator-card small{color:#f8fafc9e;font-size:12px;display:block}.operator-card strong{color:#fff;margin:3px 0;font-size:14px;display:block}.settings-group{gap:10px;display:grid}.toggle-row{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.toggle-row input{accent-color:#28d17c;width:18px;height:18px;margin:1px 0 0}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{color:#fff;font-size:14px}.toggle-row small{color:#f8fafc9e;margin-top:3px;font-size:12px;line-height:1.3}.settings-meta{color:#f8fafca8;background:#ffffff0d;border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;display:flex}.settings-meta strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-message,.settings-error{font-size:13px;line-height:1.35}.settings-message{color:#9ff0bf}.settings-error{color:#ffd5a5}.settings-panel__footer{border-top:1px solid #ffffff1a}.reticle-wrap{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.reticle{aspect-ratio:1;border-radius:22px;width:min(68vw,330px);position:relative}.reticle__corner{border-color:#fffffff0;width:54px;height:54px;position:absolute}.reticle__corner--tl{border-top:4px solid;border-left:4px solid;border-top-left-radius:18px;top:0;left:0}.reticle__corner--tr{border-top:4px solid;border-right:4px solid;border-top-right-radius:18px;top:0;right:0}.reticle__corner--bl{border-bottom:4px solid;border-left:4px solid;border-bottom-left-radius:18px;bottom:0;left:0}.reticle__corner--br{border-bottom:4px solid;border-right:4px solid;border-bottom-right-radius:18px;bottom:0;right:0}.reticle--active .reticle__corner{border-color:#28d17c}.reticle__scanline{opacity:0;background:linear-gradient(90deg,#0000,#28d17c 20%,#fff 50%,#28d17c 80%,#0000);border-radius:999px;height:2px;position:absolute;top:22%;left:18px;right:18px;box-shadow:0 0 24px #28d17cb3}.reticle--active .reticle__scanline{opacity:1;animation:1.55s ease-in-out infinite scanline}.reticle--busy .reticle__scanline{animation-duration:.8s}.scanner-controls{left:50%;bottom:calc(142px + var(--safe-bottom));z-index:5;align-items:center;gap:12px;display:flex;position:absolute;transform:translate(-50%)}.icon-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1018289e;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:48px;height:48px;display:inline-grid}.icon-button:disabled{cursor:not-allowed;opacity:.45}.icon-button--active,.icon-button:not(:disabled):active{color:#9ff0bf;border-color:#28d17cb3}.detector-chip{gap:8px;padding:0 13px}.detector-chip--fallback{color:#ffe29d;border-color:#ffd16680}.detector-chip--native{color:#9ff0bf;border-color:#28d17c85}.result-panel{left:16px;right:16px;bottom:calc(18px + var(--safe-bottom));z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101828d1;border:1px solid #ffffff24;border-radius:8px;max-width:720px;margin:0 auto;position:absolute;box-shadow:0 24px 80px #00000052}.result-state{color:#f8fafc;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:92px;padding:16px;display:grid}.result-state strong{margin-bottom:4px;font-size:15px;line-height:1.2;display:block}.result-state--clickable{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.result-state--clickable:active{background:#ffffff0a}.result-state--with-action{grid-template-columns:28px minmax(0,1fr) auto}.result-summary-button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.result-register-button{white-space:nowrap;min-height:42px}.result-state p{color:#f8fafcb3;margin:0;font-size:13px;line-height:1.38}.result-state--success{color:#9ff0bf}.result-state--error{color:#ffd5a5}.result-action{width:42px;height:42px}.code-preview{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}.ticket-html{color:#f8fafce6;border-top:1px solid #ffffff1f;margin-top:12px;padding-top:12px;font-size:13px;line-height:1.42}.ticket-html--details{border-top:0;margin-top:0;padding-top:0}.ticket-html--details img[src^=barcode\:]{display:none}.ticket-html :where(p,ul,ol,table){margin-top:8px;margin-bottom:0}.ticket-html :where(table){border-collapse:collapse;width:100%}.ticket-html :where(td,th){text-align:left;vertical-align:top;border-bottom:1px solid #ffffff1a;padding:4px 6px}.pulse-dot{background:#28d17c;border-radius:999px;width:12px;height:12px;margin-left:5px;animation:1.8s infinite pulse;box-shadow:0 0 #28d17c99}@keyframes scanline{0%,to{transform:translateY(0)}50%{transform:translateY(188px)}}@keyframes pulse{0%{box-shadow:0 0 #28d17c99}70%{box-shadow:0 0 0 14px #28d17c00}to{box-shadow:0 0 #28d17c00}}@media (width<=420px){.scanner-shell{min-height:520px}.reticle{width:min(72vw,292px)}.fallback-warning{font-size:12px}.scanner-controls{bottom:calc(134px + var(--safe-bottom))}.result-state{min-height:88px;padding:14px}.result-state--with-action{grid-template-columns:24px minmax(0,1fr)}.result-register-button{grid-column:2;width:100%}}@media (prefers-reduced-motion:reduce){.reticle__scanline,.pulse-dot{animation:none}}