:root{--tann: #2e5a4b;--tann-700: #234539;--tann-tint: rgba(46, 90, 75, .1);--amber: #e0913c;--ink: #23201c;--muted: #6b5e54;--faint: #9a8c7e;--paper: #f5f1e8;--card: #fbf8f1;--line: #e3dccf;--paper-sunken: #efe9dc;--card-soft: #f3eee2;--dark-bg: var(--ink);--dark-surface: #2c2823;--dark-input: #38332c;--dark-text: #c9c0b4;--dark-head: #fbf8f1;--dark-line: #3a362f;--accent-on-dark: #5fa98c;--action-on-dark: #3e7d67;--success: var(--tann);--success-fg: #1f5141;--success-tint: rgba(46, 90, 75, .12);--success-line: rgba(46, 90, 75, .28);--warning: var(--amber);--warning-fg: #8a5a1c;--warning-tint: rgba(224, 145, 60, .14);--warning-line: rgba(224, 145, 60, .4);--danger: #c0573c;--danger-700: #a3452d;--danger-fg: #9a3d28;--danger-tint: rgba(192, 87, 60, .12);--danger-line: rgba(192, 87, 60, .34);--info: var(--tann);--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fw-body: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--lh-head: 1.1;--lh-body: 1.55;--ls-head: -.02em;--r-sm: 10px;--r-md: 16px;--r-lg: 18px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-24: 96px;--container: 1080px;--gutter: 24px;--shadow-card: 0 10px 28px -22px rgba(46, 90, 75, .4);--shadow-raised: 0 20px 50px -28px rgba(46, 90, 75, .45);--shadow-pop: 0 1px 3px rgba(35, 32, 28, .12);--t-fast: .15s ease;--t-med: .22s ease;--focus-ring: 3px solid var(--amber);--focus-offset: 2px;color-scheme:light}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: var(--dark-bg);--bg-card: var(--dark-surface);--bg-input: var(--dark-input);--border: var(--dark-line);--text: var(--dark-head);--muted: var(--faint);--green: var(--accent-on-dark);--green-action: var(--action-on-dark);--green-dark: var(--tann);--yellow: var(--amber);--red: #d9745a;--radius: var(--r-sm);--font: var(--font-sans);--green-tint: rgba(95, 169, 140, .16);--amber-tint: rgba(224, 145, 60, .16);--red-tint: rgba(217, 116, 90, .16);--state-valid-bg: #1b3a2e;--state-redeemed-bg: #3a2a12;--state-invalid-bg: #3a1e18}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:1rem}.owntix-wordmark{font-family:var(--font-sans);font-weight:800;font-size:1.75rem;letter-spacing:-.02em;line-height:1;color:var(--dark-head)}.owntix-o{color:var(--accent-on-dark)}.pairing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:2rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-raised)}.pairing-logo{display:flex;justify-content:center}.pairing-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;text-align:center}.pairing-subtitle{font-size:.875rem;color:var(--muted);text-align:center;line-height:1.5}.pairing-form{display:flex;flex-direction:column;gap:1rem}.form-label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;font-weight:600}.form-hint{font-weight:400;color:var(--muted)}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:.9375rem;padding:.625rem .75rem;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--green)}.form-input:disabled{opacity:.5}.form-error{background:var(--red-tint);border:1px solid var(--red);border-radius:var(--r-sm);color:var(--red);font-size:.8125rem;padding:.625rem .75rem;line-height:1.5}.btn{border:none;border-radius:var(--r-sm);cursor:pointer;font-size:.9375rem;font-weight:700;padding:.75rem 1.25rem;transition:background .15s,opacity .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--green-action);color:var(--dark-head)}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);width:100%}.btn-icon{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.125rem;line-height:1;padding:.25rem .5rem}.scan-screen{justify-content:flex-start;padding:0;gap:0}.scan-statusbar{align-items:center;background:var(--bg-card);display:flex;gap:.5rem;padding:.5rem 1rem;width:100%;flex-shrink:0;border-bottom:1px solid var(--border)}.status-badge{border-radius:var(--r-pill);font-size:.75rem;font-weight:700;padding:.125rem .625rem}.status-online{background:var(--green-tint);color:var(--green)}.status-offline{background:var(--red-tint);color:var(--red)}.sync-btn{background:var(--amber-tint);border:1px solid var(--yellow);border-radius:var(--r-pill);color:var(--yellow);cursor:pointer;font-size:.75rem;font-weight:700;padding:.125rem .625rem}.sync-btn:disabled{opacity:.4;cursor:not-allowed}.cache-badge{color:var(--muted);font-size:.75rem;font-family:var(--font-mono);margin-left:auto}.logout-btn{margin-left:auto}.scan-viewport{flex:1;position:relative;width:100%;overflow:hidden;background:var(--ink)}.scan-video{width:100%;height:100%;object-fit:cover}.scan-overlay{top:0;right:0;bottom:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center}.scan-frame{border:3px solid rgba(251,248,241,.6);border-radius:var(--r-md);height:min(60vw,300px);width:min(60vw,300px);transition:border-color .2s}.scan-overlay--scanning .scan-frame{border-color:var(--green)}.scan-overlay--error .scan-frame{border-color:var(--red)}.camera-error{background:#23201cd1;border-radius:var(--r-sm);bottom:1rem;color:var(--red);font-size:.875rem;left:1rem;padding:.75rem;position:absolute;right:1rem;text-align:center}.scan-footer{background:var(--bg-card);flex-shrink:0;font-size:.875rem;color:var(--muted);padding:.75rem 1rem;text-align:center;width:100%;border-top:1px solid var(--border)}.scan-error-text{color:var(--red)}.result-screen{cursor:pointer;justify-content:center;transition:background .2s}.result-valid{background:var(--state-valid-bg)}.result-redeemed{background:var(--state-redeemed-bg)}.result-invalid{background:var(--state-invalid-bg)}.result-content{align-items:center;display:flex;flex-direction:column;gap:.625rem;padding:2rem;text-align:center;width:100%;max-width:380px}.result-icon{border-radius:50%;font-size:3rem;font-weight:700;height:5rem;line-height:5rem;text-align:center;width:5rem}.result-valid .result-icon{background:var(--green-tint);color:var(--green)}.result-redeemed .result-icon{background:var(--amber-tint);color:var(--yellow)}.result-invalid .result-icon{background:var(--red-tint);color:var(--red)}.result-headline{font-size:2rem;font-weight:800;letter-spacing:-.02em}.result-valid .result-headline{color:var(--green)}.result-redeemed .result-headline{color:var(--yellow)}.result-invalid .result-headline{color:var(--red)}.result-name{font-size:1.25rem;font-weight:600}.result-type{color:var(--muted);font-size:.9rem}.result-number{color:var(--muted);font-size:.85rem;font-family:var(--font-mono)}.result-redeemed-at{color:var(--yellow);font-size:.85rem;margin-top:.25rem}.result-reason{color:var(--muted);font-size:.9rem;margin-top:.25rem}.result-hint{color:#fbf8f152;font-size:.8rem;margin-top:1.5rem}