:root{--bg: #0f0f17;--panel: #1a1a26;--text: #f5f5f7;--muted: #9aa0b0;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.app__header{text-align:center;padding:24px 0 12px}.app__title{margin:0;font-size:1.6rem;letter-spacing:.04em;font-weight:700}.app__subtitle{margin:2px 0 0;color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.18em}.app__main{flex:1;width:100%;max-width:420px;display:flex;align-items:center;justify-content:center}.app__footer{padding:16px 0;color:var(--muted);font-size:.78rem;letter-spacing:.1em}.app__version{opacity:.55;margin-left:6px}.scanner{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.scanner__view{width:100%;max-width:360px;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:#000;border:1px solid #2a2a3a}.scanner__view video{width:100%!important;height:100%!important;object-fit:cover}.scanner__start{width:100%;max-width:360px;background:#7c3aed;color:#fff;font-weight:600;font-size:1.05rem;border:none;padding:16px;border-radius:14px;cursor:pointer}.scanner__start:active{filter:brightness(.9)}.scanner__hint{color:var(--muted);font-size:.9rem;text-align:center;margin:0;display:inline-flex;align-items:center;gap:8px}.scanner__spinner{width:14px;height:14px;border:2px solid #3a3a4a;border-top-color:#7c3aed;border-radius:50%;display:inline-block;animation:scanner-spin .7s linear infinite}@keyframes scanner-spin{to{transform:rotate(360deg)}}.scanner__error{color:#ff6b6b;font-size:.9rem;text-align:center;margin:0;max-width:320px}.result{width:100%;max-width:360px;background:var(--panel);border:1px solid #2a2a3a;border-top:4px solid var(--platform-color);border-radius:18px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:18px}.result__badge{font-size:1.3rem;font-weight:700;color:var(--platform-color);letter-spacing:.03em}.result__value{width:100%;background:#11111a;border:1px solid #2a2a3a;border-radius:10px;padding:12px 14px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;color:var(--text);word-break:break-all;text-align:center}.result__open{width:100%;text-align:center;text-decoration:none;background:var(--platform-color);color:#fff;font-weight:600;padding:14px;border-radius:12px;font-size:1rem}.result__open:active{filter:brightness(.9)}.result__noteopen{margin:0;color:var(--muted);font-size:.85rem;text-align:center}.result__again{width:100%;background:transparent;color:var(--muted);border:1px solid #2a2a3a;padding:12px;border-radius:12px;font-size:.92rem;cursor:pointer}.result__again:active{background:#11111a}