.container{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:min(100%,480px);padding:clamp(18px,4vw,28px) clamp(20px,4vw,32px) clamp(20px,4vw,32px)}@media (width<=480px){.container{background:0 0;border:none;border-radius:0;padding:16px 16px 24px}}.header{margin-bottom:32px}h1{text-align:center;letter-spacing:-.02em;color:var(--text);font-size:1.35rem;font-weight:600}.subtitle{text-align:center;color:var(--text-secondary);letter-spacing:0;margin-top:6px;margin-bottom:16px;font-size:.82rem;font-weight:400}.tabs{background:#ffffff08;border-radius:6px;gap:2px;margin-bottom:28px;padding:3px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-sans);letter-spacing:-.01em;background:0 0;border:none;border-radius:4px;flex:1;padding:7px 12px;transition:all .15s}.tab-btn.active{background:var(--border-hover);color:var(--text)}.tab-btn:not(.active):hover{color:var(--text-secondary)}.tab-content{display:none}.tab-content.active{display:block}#reader{border:1px solid var(--border);background:var(--surface-hover);border-radius:6px;width:100%;overflow:hidden}.camera-controls{gap:8px;margin-top:14px;display:flex}.btn{border:1px solid var(--border);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-secondary);background:0 0;border-radius:5px;flex:1;padding:8px 16px;transition:all .15s}.btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text);background:var(--surface-hover)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent);color:#000;opacity:.85}.btn-primary:disabled,.btn-outline:disabled{opacity:.3}.result{border:1px solid var(--border);border-radius:6px;margin-top:24px;padding:16px;display:none}.result.show{display:block}.result-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.result-header .result-label{flex:none}.result-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.result-dot.success{background:#22c55e}.result-dot.error{background:#ef4444}.result-dot.loading{background:#f59e0b;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.result-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.insight-pill{font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border);letter-spacing:.01em;opacity:.6;background:0 0;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:.6rem;font-weight:400}.result-content-wrapper{cursor:pointer;position:relative}.result-content-wrapper.blurred{cursor:pointer}.result-content{font-family:var(--font-mono);word-break:break-all;color:var(--text);background:#ffffff05;border-radius:4px;max-height:180px;padding:12px;font-size:.85rem;line-height:1.6;transition:filter .25s;overflow-y:auto}.result-content.blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.reveal-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.eye-icon{color:#fff6;width:28px;height:28px;transition:all .15s}.result-content-wrapper:hover .eye-icon{color:#ffffffb3}.eye-icon.blur-hint{opacity:0;transform:scale(.8)}.result-content-wrapper.revealed:hover .eye-icon.blur-hint{opacity:1;transform:scale(1)}.result-actions{gap:8px;margin-top:10px;display:flex}.copy-btn{font-family:var(--font-sans);cursor:pointer;letter-spacing:-.01em;color:var(--text-secondary);border:1px solid var(--border);background:0 0;border-radius:5px;padding:5px 14px;font-size:.75rem;font-weight:500;transition:all .15s}.copy-btn:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-hover)}.otp-hint{font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border);letter-spacing:.01em;opacity:.6;background:0 0;border-radius:20px;align-items:center;padding:2px 8px;font-size:.6rem;font-weight:400;display:flex}.paste-zone{border:1px dashed var(--border);text-align:center;cursor:pointer;background:#ffffff03;border-radius:6px;outline:none;padding:40px 24px;transition:all .15s}.paste-zone:hover{border-color:var(--border-hover)}.paste-zone:focus-within{border-color:var(--text);background:#ffffff08}.paste-hint{color:var(--text-muted);margin-top:4px;font-size:.75rem}.paste-hint kbd{border:1px solid var(--border);font-size:.72rem;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff0f;border-radius:3px;padding:2px 7px}.pasted-image-wrapper{justify-content:center;margin:16px 0 0;display:flex}.pasted-image{border:1px solid var(--border);object-fit:contain;opacity:.6;filter:blur(3px);border-radius:4px;max-width:80px;max-height:80px}.paste-permission-hint{color:var(--text-muted);opacity:.7;margin-top:8px;font-size:.7rem;font-style:italic}.upload-zone{border:1px dashed var(--border);text-align:center;cursor:pointer;background:#ffffff03;border-radius:6px;padding:40px 24px;transition:all .15s}.upload-zone:hover{border-color:var(--border-hover);background:#ffffff08}.upload-zone.dragover{border-color:var(--text);background:#ffffff0a}.upload-icon{opacity:.4;margin-bottom:10px;font-size:2rem}.upload-text{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem;font-weight:500}.upload-hint{color:var(--text-muted);font-size:.75rem}.file-input{display:none}:root{--bg:#000;--surface:#0d0d0d;--surface-hover:#141414;--border:#1f1f1f;--border-hover:#333;--text:#fafafa;--text-secondary:#888;--text-muted:#555;--accent:#fafafa;--accent-muted:#333;--success:#0a0;--danger:#f44;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;overflow-y:auto}@media (width<=480px){body{align-items:flex-start;padding:16px 12px 12px}}#root{justify-content:center;width:100%;display:flex}::selection{background:#ffffff26}