:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f4;--surface:#fff;--surface-2:#fafaf9;--text:#18181b;--muted:#71717a;--border:#e4e4e7;--accent:#18181b;--accent-contrast:#fff;--success:#15803d;--error:#b91c1c;--shadow:0 16px 44px #00000014;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);margin:0}button,input{font:inherit}button{cursor:pointer}.app{width:min(100%,860px);margin:0 auto;padding:20px}.toolbar{z-index:10;background:linear-gradient(var(--bg) 78%, transparent);grid-template-columns:1fr auto;gap:10px;padding:12px 0 16px;display:grid;position:sticky;top:0}.toolbar--search-only{grid-template-columns:1fr}.search-wrap{position:relative}.search-wrap svg{width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search{border:1px solid var(--border);background:var(--surface);width:100%;height:52px;color:var(--text);border-radius:14px;outline:none;padding:0 44px;transition:border-color .12s,box-shadow .12s}.search:focus{border-color:#a1a1aa;box-shadow:0 0 0 4px #18181b0f}.search::-webkit-search-cancel-button{appearance:none}.search::-webkit-search-decoration{appearance:none}.clear-search{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:1.35rem;line-height:1;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-search:hover,.clear-search:focus-visible{color:var(--text);background:#f4f4f5}.location-button{background:var(--accent);min-width:52px;height:52px;color:var(--accent-contrast);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-weight:650;display:inline-flex}.location-button svg{width:20px;height:20px}.location-button[aria-busy=true]{opacity:.68;pointer-events:none}.location-label{display:inline}.focus-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;margin-bottom:22px;padding:24px}.focus-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.brand{min-width:0}.brand-name{letter-spacing:-.03em;margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:750;line-height:1.1}.brand-meta{color:var(--muted);margin-top:6px;font-size:.94rem}.badge{color:#3f3f46;white-space:nowrap;background:#f4f4f5;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge:before{content:"";background:var(--success);border-radius:50%;width:7px;height:7px}.code-area{background:#fff;border:1px solid #f1f1f2;border-radius:18px;place-items:center;min-height:220px;padding:18px;display:grid;overflow:auto}.barcode{width:min(100%,520px);height:150px}.code-area img,.code-area canvas,.code-area svg{max-width:100%;height:auto}.code-value{text-align:center;color:var(--muted);letter-spacing:.08em;overflow-wrap:anywhere;margin-top:12px;font-size:.84rem}.list-heading{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:baseline;gap:12px;margin:0 2px 10px;display:flex}.list-heading h2{letter-spacing:.02em;margin:0;font-size:.95rem}.list-heading span{color:var(--muted);font-size:.82rem}.card-list{gap:9px;display:grid}.card-row{border:1px solid var(--border);background:var(--surface);width:100%;min-height:74px;color:inherit;text-align:left;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:12px 14px;transition:transform .1s,border-color .1s,background .1s;display:grid}.card-row:hover{border-color:#d4d4d8;transform:translateY(-1px)}.logo{background:var(--logo-bg,#27272a);width:48px;height:48px;color:var(--logo-fg,#fff);-webkit-user-select:none;user-select:none;border-radius:13px;place-items:center;font-size:.9rem;font-weight:800;display:grid;overflow:hidden}.row-main{min-width:0}.row-title{align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.row-title span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;caret-color:#0000;-webkit-user-select:none;user-select:none;margin-top:4px;font-size:.83rem;overflow:hidden}.chevron{color:#a1a1aa;caret-color:#0000;-webkit-user-select:none;user-select:none;padding-left:8px;font-size:1.25rem}.empty,.status{border:1px dashed var(--border);text-align:center;color:var(--muted);background:#ffffff80;border-radius:16px;padding:24px}.status{text-align:left;margin-bottom:12px;padding:12px 14px;font-size:.86rem;display:none}.status.visible{display:block}.status[data-kind=error]{color:var(--error)}.app-version{color:#71717a7a;text-align:center;-webkit-user-select:none;user-select:none;margin:18px 0 4px;font-size:.72rem}.card-dialog-backdrop{z-index:30;background:#18181b6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card-dialog{width:min(100%,560px);max-height:calc(100vh - 32px);position:relative;overflow:auto}.card-dialog .focus-panel{margin-bottom:0}.dialog-close{z-index:1;border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--muted);border-radius:999px;font-size:1.35rem;line-height:1;position:absolute;top:10px;right:10px}@media (max-width:620px){.app{padding:12px}.toolbar{padding-top:8px}.location-button{width:52px;min-width:52px;padding:0}.location-label{display:none}.focus-panel{border-radius:20px;padding:18px}.code-area{min-height:190px;padding:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}