.scanner-page{display:flex;flex-direction:column;gap:24px}.scanner-header{text-align:center}.scanner-header h1{font-family:var(--font-mono),monospace;font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.scanner-header p{font-size:13px;color:var(--text-muted)}.scanner-header a{color:var(--accent);text-decoration:none}.scanner-header a:hover{text-decoration:underline}.scanner-container{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border);padding:16px}#html5qr-code-full-region{border:none!important;background:transparent!important}#html5qr-code-full-region video{border-radius:var(--radius-sm)!important;border:none!important}#html5qr-code-full-region__header_message{font-family:var(--font-mono),monospace!important;font-size:12px!important;color:var(--accent)!important;border:none!important;padding:8px 0!important;letter-spacing:.05em}#html5qr-code-full-region__dashboard_section{padding:12px 0 0!important}#html5qr-code-full-region__dashboard_section_csr{display:flex;flex-direction:column;gap:10px}#html5qr-code-full-region button{font-family:var(--font-body),sans-serif!important;font-size:13px!important;font-weight:600!important;padding:10px 16px!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;background:var(--bg-tertiary)!important;color:var(--text-primary)!important;cursor:pointer!important;transition:background .2s,border-color .2s!important}#html5qr-code-full-region button:hover{background:var(--bg-card)!important;border-color:var(--accent)!important}#html5-qrcode-button-camera-permission{background:var(--accent)!important;color:var(--bg-primary)!important;border-color:var(--accent)!important}#html5-qrcode-button-camera-permission:hover{filter:brightness(1.1)}#html5qr-code-full-region select,#html5-qrcode-anchor-scan-type-change,#html5qr-code-full-region img[alt="Info icon"]{display:none!important}#html5qr-code-full-region__dashboard_section_csr>span:not(:has(button)){display:none!important}#html5qr-code-full-region span{color:var(--text-secondary)!important;font-size:13px!important}.html5qr-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;animation:html5qrFadeIn .3s ease}@keyframes html5qrFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.html5qr-result-label{font-family:var(--font-mono),monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block}.html5qr-result-text{font-family:var(--font-mono),monospace;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;word-break:break-all;margin-bottom:16px}.html5qr-btn{width:100%;padding:12px 20px;background:var(--accent);color:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-body),sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s}.html5qr-btn:hover{filter:brightness(1.1)}.zxing-video{width:100%;border-radius:var(--radius-sm);display:block;background:var(--bg-primary)}.zxing-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;animation:zxingFadeIn .3s ease}@keyframes zxingFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.zxing-result-label{font-family:var(--font-mono),monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block}.zxing-result-text{font-family:var(--font-mono),monospace;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;word-break:break-all;margin-bottom:16px}.zxing-btn{width:100%;padding:12px 20px;background:var(--accent);color:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-body),sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s}.zxing-btn:hover{filter:brightness(1.1)}.zxing-btn--stop{margin-top:12px;background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.zxing-btn--stop:hover{border-color:var(--accent);filter:none}.yudiel-btn{width:100%;padding:12px 20px;background:var(--accent);color:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-body),sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s}.yudiel-btn:hover{filter:brightness(1.1)}.yudiel-btn--stop{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.yudiel-btn--stop:hover{border-color:var(--accent);filter:none}.yudiel-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;animation:yudielFadeIn .3s ease}@keyframes yudielFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.yudiel-result-label{font-family:var(--font-mono),monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block}.yudiel-result-text{font-family:var(--font-mono),monospace;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;word-break:break-all;margin-bottom:16px}.native-video{width:100%;border-radius:var(--radius-sm);display:block;background:var(--bg-primary)}.native-btn{width:100%;padding:12px 20px;background:var(--accent);color:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-body),sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s}.native-btn:hover{filter:brightness(1.1)}.native-btn--stop{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.native-btn--stop:hover{border-color:var(--accent);filter:none}.native-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;animation:nativeFadeIn .3s ease}@keyframes nativeFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.native-result-label{font-family:var(--font-mono),monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block}.native-result-text{font-family:var(--font-mono),monospace;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 14px;word-break:break-all;margin-bottom:16px}.native-unsupported{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 20px;text-align:center}.native-unsupported p{color:var(--text-secondary);font-size:14px;line-height:1.6}.native-unsupported p:first-child{color:var(--text-primary);font-weight:600;margin-bottom:4px}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a26;--bg-card: #16161f;--border: #2a2a3a;--border-subtle: #1e1e2e;--text-primary: #e8e8f0;--text-secondary: #8888a0;--text-muted: #55556a;--accent: #00e5a0;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 14px;--radius-sm: 8px;--nav-height: 72px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.app>main{flex:1;padding:24px 20px;padding-bottom:calc(var(--nav-height) + 24px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:var(--bg-secondary);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-around;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.03em;padding:8px 20px;border-radius:var(--radius-sm);transition:color .2s ease;position:relative}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--accent)}.nav-item.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--accent);border-radius:2px}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:22px;height:22px;stroke-width:1.8}.page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:12px}.page-placeholder-icon{width:56px;height:56px;border-radius:16px;background:var(--bg-tertiary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.page-placeholder-icon svg{width:26px;height:26px;color:var(--text-muted)}.page-placeholder h1{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.page-placeholder p{font-size:14px;color:var(--text-muted);max-width:260px;line-height:1.5}