:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f6f3;--surface:#fff;--surface-2:#f1efeb;--text:#1c1b19;--muted:#6f6b64;--border:#e6e3dd;--border-strong:#d6d2ca;--ink:#1c1b19;--ink-text:#faf9f7;--ink-hover:#34322e;--accent:#16a34a;--focus:color-mix(in srgb, var(--accent) 45%, transparent);--info-bg:#eef2f7;--info-text:#33475f;--warning-bg:#fbf1e1;--warning-text:#8a5300;--danger-bg:#fbeaea;--danger-text:#a12a2a;--radius-lg:24px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;--shadow:0 1px 2px #1c1b190a, 0 12px 32px -12px #1c1b1924;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%236f6b64' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");--icon-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2.5'/%3E%3Cpath d='M5 15h-.5A1.5 1.5 0 0 1 3 13.5v-9A1.5 1.5 0 0 1 4.5 3h9A1.5 1.5 0 0 1 15 4.5V5'/%3E%3C/svg%3E");--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", monospace;font-family:var(--font-sans)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121211;--surface:#1a1a18;--surface-2:#252522;--text:#f2f1ed;--muted:#9c988f;--border:#2c2b28;--border-strong:#3c3b37;--ink:#f5f4f0;--ink-text:#161614;--ink-hover:#dedcd6;--accent:#22c55e;--info-bg:#1e2530;--info-text:#b9c7d8;--warning-bg:#2e2413;--warning-text:#f3cf96;--danger-bg:#331b1b;--danger-text:#f4b1b1;--shadow:0 1px 2px #0000004d, 0 12px 32px -12px #0000008c;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%239c988f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}h1,h2,p{margin:0}svg{display:block}.field__label,.viewer__badge{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}.results__empty-icon,.result__icon{background:var(--surface-2);place-items:center;display:grid}.app{max-width:40rem;padding:max(1.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));gap:1.25rem;margin:0 auto;display:grid}@media (min-width:40rem){.app{padding-top:max(3rem, env(safe-area-inset-top));gap:1.5rem}}.app__header{align-items:center;gap:.875rem;display:flex}.brand{border-radius:var(--radius-md);background:var(--ink);width:2.75rem;height:2.75rem;color:var(--ink-text);box-shadow:var(--shadow);flex:none;place-items:center;display:grid}.brand svg{width:1.5rem;height:1.5rem}.app__header h1{letter-spacing:-.02em;font-size:clamp(1.375rem,4vw,1.75rem);font-weight:600;line-height:1.2}.app__tagline{color:var(--muted);letter-spacing:.01em;font-size:.9rem}.app__footer{color:var(--muted);text-align:center;padding-top:.5rem;font-size:.8rem}.viewer{isolation:isolate;aspect-ratio:4/3;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-height:62vh;box-shadow:var(--shadow);background:#121211;transition:box-shadow .2s;position:relative;overflow:hidden}.viewer--detected{box-shadow:0 0 0 3px var(--accent), var(--shadow)}.viewer__video{object-fit:cover;width:100%;height:100%;display:block}.viewer__guide{--bracket:#ffffffeb;--bracket-length:1.75rem;--bracket-width:3px;pointer-events:none;background:linear-gradient(var(--bracket) 0 0) top left / var(--bracket-length) var(--bracket-width), linear-gradient(var(--bracket) 0 0) top left / var(--bracket-width) var(--bracket-length), linear-gradient(var(--bracket) 0 0) top right / var(--bracket-length) var(--bracket-width), linear-gradient(var(--bracket) 0 0) top right / var(--bracket-width) var(--bracket-length), linear-gradient(var(--bracket) 0 0) bottom left / var(--bracket-length) var(--bracket-width), linear-gradient(var(--bracket) 0 0) bottom left / var(--bracket-width) var(--bracket-length), linear-gradient(var(--bracket) 0 0) bottom right / var(--bracket-length) var(--bracket-width), linear-gradient(var(--bracket) 0 0) bottom right / var(--bracket-width) var(--bracket-length);background-repeat:no-repeat;border-radius:8px;display:none;position:absolute;inset:28% 10%;box-shadow:0 0 0 100vmax #00000047}.viewer--detected .viewer__guide{--bracket:var(--accent)}.viewer__laser{background:linear-gradient(90deg,#0000,#ff5a4f 18% 82%,#0000);border-radius:2px;height:2px;animation:1.8s ease-in-out infinite alternate laser;position:absolute;top:12%;left:6%;right:6%;box-shadow:0 0 12px 1px #ff5a4f8c}@keyframes laser{to{top:88%}}.viewer__badge{border-radius:var(--radius-pill);color:#fff;-webkit-backdrop-filter:blur(8px);background:#12121173;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .6rem;display:none;position:absolute;top:.875rem;left:.875rem}.viewer__badge:before{content:"";background:#d9d6cf;border-radius:50%;width:.5rem;height:.5rem}.viewer[data-state=starting] .viewer__badge:after{content:"Starting…"}.viewer[data-state=scanning] .viewer__badge:after{content:"Live"}.viewer[data-state=scanning] .viewer__badge:before{background:#22c55e;animation:1.6s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #22c55e99}to{box-shadow:0 0 0 .5rem #22c55e00}}.viewer__placeholder{text-align:center;color:#f5f4f0;background:radial-gradient(120% 90% at 50% 0,#2a2926 0%,#121211 70%);place-content:center;justify-items:center;gap:.35rem;padding:1.5rem;display:grid;position:absolute;inset:0}.viewer__placeholder-icon{background:#ffffff14;border-radius:50%;width:3rem;height:3rem;margin-bottom:.5rem;padding:.75rem}.viewer__placeholder-title{font-weight:600}.viewer__placeholder-hint{color:#a8a49b;max-width:18rem;font-size:.85rem}.viewer[data-state=starting] .viewer__badge,.viewer[data-state=scanning] .viewer__badge{display:inline-flex}.viewer[data-state=scanning] .viewer__guide{display:block}.viewer[data-state=scanning] .viewer__placeholder{display:none}.status{border-radius:var(--radius-md);background:var(--info-bg);color:var(--info-text);align-items:flex-start;gap:.625rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:.5rem;height:.5rem;margin-top:.45rem}.status--warning{background:var(--warning-bg);color:var(--warning-text)}.status--error{background:var(--danger-bg);color:var(--danger-text)}.controls{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.controls .button--primary,.field{flex:13rem}.field{gap:.375rem;min-width:0;display:grid}.field__label{color:var(--muted);padding-inline:.25rem}.field__control{appearance:none;width:100%;min-width:0;min-height:3rem;font:inherit;text-overflow:ellipsis;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface) var(--chevron) no-repeat right 1.1rem center / .75rem;cursor:pointer;padding:0 2.5rem 0 1.1rem;font-size:.95rem;transition:border-color .15s}.field__control:disabled{opacity:.55;cursor:not-allowed}.button{min-height:3rem;font:inherit;color:var(--text);border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:0 1.35rem;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,opacity .15s,transform .1s;display:inline-flex;position:relative}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible,.field__control:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.button--primary{color:var(--ink-text);background:var(--ink);box-shadow:var(--shadow)}.button--primary:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.7rem;height:.8rem}.button--primary[aria-pressed=true]{color:var(--text);background:var(--surface);border-color:var(--border-strong);box-shadow:none}.button--primary[aria-pressed=true]:before{clip-path:none;border-radius:2px;height:.7rem}.button--text{min-height:2.75rem;color:var(--muted);padding:0 .9rem;font-size:.875rem}.button--chip{background:var(--surface-2);gap:.375rem;min-height:2.25rem;padding:0 .85rem;font-size:.8125rem}.button--chip:after{content:"";position:absolute;inset:-.25rem}@media (hover:hover){.button--primary:hover:not(:disabled){background:var(--ink-hover)}.button--primary[aria-pressed=true]:hover:not(:disabled),.button--text:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.button--chip:hover:not(:disabled){color:var(--text);background:var(--border)}.field__control:hover:not(:disabled){border-color:var(--border-strong)}}.results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding-block:.25rem;overflow:hidden}.results__header{justify-content:space-between;align-items:center;gap:1rem;padding:.625rem .75rem .625rem 1.25rem;display:flex}.results__header h2{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.badge{border-radius:var(--radius-pill);background:var(--surface-2);min-width:1.5rem;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.results__empty{text-align:center;border-top:1px solid var(--border);justify-items:center;gap:.25rem;padding:2rem 1.5rem 2.25rem;display:grid}.results__empty-icon{border-radius:var(--radius-md);width:3rem;height:3rem;color:var(--muted);margin-bottom:.5rem}.results__empty-icon svg,.result__icon svg{width:1.25rem;height:1.25rem}.results__empty-title{font-weight:600}.results__empty-hint{max-width:20rem;color:var(--muted);font-size:.875rem}.results__list{margin:0;padding:0;list-style:none}.result{border-top:1px solid var(--border);align-items:center;gap:.875rem;padding:.875rem 1rem .875rem 1.25rem;display:flex}.result--new{animation:1.2s cubic-bezier(.2,.8,.2,1) enter}@keyframes enter{0%{opacity:0;background:color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-6px)}25%{opacity:1;background:color-mix(in srgb, var(--accent) 16%, transparent);transform:none}}.result__icon{border-radius:var(--radius-sm);flex:none;width:2.5rem;height:2.5rem}.result__body{flex:1;gap:.125rem;min-width:0;display:grid}.result__text{font-family:var(--font-mono);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.95rem;font-weight:500}.result__time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.result__copy{flex:none}.result__copy:before{content:"";width:.875rem;height:.875rem;-webkit-mask:var(--icon-copy) center / contain no-repeat;-webkit-mask:var(--icon-copy) center / contain no-repeat;mask:var(--icon-copy) center / contain no-repeat;background:currentColor}@media (max-width:30rem){.results__header{padding-left:1rem}.result{gap:.75rem;padding-left:1rem}.result__icon{width:2.25rem;height:2.25rem}}