@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#0a0b10;--bg-secondary:#12131a;--bg-surface:#1a1b26d9;--bg-surface-solid:#1a1b26;--border-color:#ffffff12;--border-active:#6366f180;--primary:#6366f1;--primary-rgb:99, 102, 241;--secondary:#a855f7;--secondary-rgb:168, 85, 247;--accent:#10b981;--accent-rgb:16, 185, 129;--error:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 30px #0000004d;--shadow-lg:0 16px 40px #00000080;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}.light-mode{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-surface:#ffffffd9;--bg-surface-solid:#fff;--border-color:#0000000f;--border-active:#6366f14d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 30px #00000014;--shadow-lg:0 16px 40px #0000001f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100dvh;font-size:16px;line-height:1.5;position:fixed;overflow:hidden}#root{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex-direction:column;width:100%;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-header{z-index:40;padding:calc(12px + var(--safe-area-top)) 16px 12px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0a0b10cc,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.logo-container{align-items:center;gap:8px;display:flex}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px rgba(var(--primary-rgb), .5))}.logo-text{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.theme-toggle{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.theme-toggle:active{background:#ffffff26;transform:scale(.92)}.camera-container{background-color:#000;flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.video-feed{object-fit:cover;width:100%;height:100%}.viewfinder-overlay{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-mask{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#000000a6;position:absolute}.mask-top{height:calc(50% - 150px);top:0;left:0;right:0}.mask-bottom{height:calc(50% - 150px);bottom:0;left:0;right:0}.mask-left{width:calc(50% - 160px);top:calc(50% - 150px);bottom:calc(50% - 150px);left:0}.mask-right{width:calc(50% - 160px);top:calc(50% - 150px);bottom:calc(50% - 150px);right:0}.scanner-box{z-index:20;border:1px solid #ffffff40;border-radius:20px;width:320px;height:300px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 0 9999px #00000080}.scanner-box.scanning{border-color:rgba(var(--primary-rgb), .4);box-shadow:0 0 0 9999px #00000080, 0 0 30px rgba(var(--primary-rgb), .25)}.scanner-box.detected{border-color:rgba(var(--accent-rgb), .6);box-shadow:0 0 0 9999px #00000080, 0 0 30px rgba(var(--accent-rgb), .35)}.corner{border-color:var(--primary);border-style:solid;width:24px;height:24px;transition:all .3s;position:absolute}.scanner-box.detected .corner{border-color:var(--accent)}.corner-tl{border-width:4px 0 0 4px;border-top-left-radius:12px;top:-2px;left:-2px}.corner-tr{border-width:4px 4px 0 0;border-top-right-radius:12px;top:-2px;right:-2px}.corner-bl{border-width:0 0 4px 4px;border-bottom-left-radius:12px;bottom:-2px;left:-2px}.corner-br{border-width:0 4px 4px 0;border-bottom-right-radius:12px;bottom:-2px;right:-2px}.laser-line{background:linear-gradient(90deg, transparent, var(--primary), transparent);width:90%;height:3px;box-shadow:0 0 12px var(--primary);z-index:25;border-radius:50%;animation:2.5s cubic-bezier(.4,0,.2,1) infinite scan;position:absolute;top:0;left:5%}.scanner-box.detected .laser-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);box-shadow:0 0 12px var(--accent);animation-duration:1.2s}@keyframes scan{0%{top:5%}50%{top:95%}to{top:5%}}.scanner-hint{bottom:calc(100px + var(--safe-area-bottom));text-align:center;z-index:30;pointer-events:none;position:absolute;left:20px;right:20px}.scanner-hint p{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-md);letter-spacing:-.2px;background:#0a0b10bf;border-radius:99px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-block}.camera-controls{bottom:calc(24px + var(--safe-area-bottom));z-index:30;justify-content:center;align-items:center;gap:24px;padding:0 24px;display:flex;position:absolute;left:0;right:0}.control-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b1099;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.control-btn:active{background:#0a0b10d9;transform:scale(.9)}.shutter-btn{cursor:pointer;background:#fff;border:5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 20px #fff3}.shutter-btn:active{border-width:8px;transform:scale(.9)}.shutter-btn-inner{background:#fff;border-radius:50%;width:100%;height:100%;transition:all .2s}.shutter-btn.scanning{background:var(--primary);animation:1.5s infinite pulse-shutter}@keyframes pulse-shutter{0%{transform:scale(1);box-shadow:0 0 #6366f180}70%{transform:scale(1.05);box-shadow:0 0 0 15px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}.bottom-sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;opacity:0;visibility:hidden;background:#0000008c;transition:all .3s;position:absolute;inset:0}.bottom-sheet-backdrop.open{opacity:1;visibility:visible}.bottom-sheet{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-top:1px solid var(--border-color);z-index:60;min-height:40%;max-height:85%;box-shadow:var(--shadow-lg);padding-bottom:calc(16px + var(--safe-area-bottom));border-top-left-radius:28px;border-top-right-radius:28px;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.bottom-sheet.open{transform:translateY(0)}.sheet-drag-handle{cursor:grab;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:24px;display:flex}.sheet-drag-indicator{background-color:var(--text-muted);opacity:.4;border-radius:99px;width:40px;height:5px;transition:all .2s}.sheet-drag-handle:active .sheet-drag-indicator{opacity:.8;width:48px}.sheet-header{justify-content:justify;border-bottom:1px solid var(--border-color);align-items:center;padding:0 24px 16px;display:flex}.sheet-title-container{flex-direction:column;gap:4px;display:flex}.sheet-title{color:var(--text-primary);letter-spacing:-.5px;font-size:1.35rem;font-weight:700}.sheet-subtitle{color:var(--text-secondary);font-size:.85rem}.sheet-close-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:flex}.sheet-close-btn:active{background:#ffffff1a;transform:scale(.9)}.sheet-content{flex-grow:1;padding:20px 24px;overflow-y:auto}.data-cards-grid{flex-direction:column;gap:12px;display:flex}.data-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.data-card:active{border-color:var(--border-active);background:#ffffff0f}.data-card-info{flex-direction:column;flex-grow:1;gap:3px;padding-right:12px;display:flex}.data-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);font-size:.75rem;font-weight:600}.data-value{color:var(--text-primary);word-break:break-all;font-size:1.05rem;font-weight:500}.copy-btn{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--primary);cursor:pointer;z-index:10;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.copy-btn:hover{background:#6366f12e}.copy-btn:active{background:#6366f14d;transform:scale(.9)}.copy-btn.copied{color:var(--accent);background:#10b98126;border-color:#10b9814d}.skeleton-container{flex-direction:column;gap:12px;width:100%;display:flex}.skeleton-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;height:68px;padding:12px 16px;display:flex}.skeleton-lines{flex-direction:column;gap:8px;width:70%;display:flex}.skeleton-label{background:#ffffff0d;border-radius:4px;width:40px;height:10px;animation:1.5s ease-in-out infinite pulse}.skeleton-value{background:#ffffff12;border-radius:4px;width:130px;height:16px;animation:1.5s ease-in-out infinite pulse}.skeleton-btn{background:#ffffff0d;border-radius:12px;width:44px;height:44px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.action-buttons{gap:12px;margin-top:24px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;height:48px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb), .35)}.btn-primary:active{box-shadow:0 2px 8px rgba(var(--primary-rgb), .2);transform:translateY(1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0f}.btn-secondary:active{background:#ffffff1a}.toast-container{top:calc(20px + var(--safe-area-top));z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;left:20px;right:20px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-lg);opacity:0;pointer-events:auto;background:#1a1b26f2;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;animation:.35s cubic-bezier(.16,1,.3,1) forwards toast-in;display:flex;transform:translateY(-40px)}.toast.success{border-left:4px solid var(--accent)}.toast.error{border-left:4px solid var(--error)}.toast-icon{flex-shrink:0}.toast.success .toast-icon{color:var(--accent)}.toast.error .toast-icon{color:var(--error)}.toast-message{font-size:.9rem;font-weight:500}@keyframes toast-in{to{opacity:1;transform:translateY(0)}}.simulator-helper{text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);max-width:320px;box-shadow:var(--shadow-md);z-index:20;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.simulator-helper-icon{width:64px;height:64px;color:var(--primary);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.simulator-title{font-size:1.15rem;font-weight:700}.simulator-desc{color:var(--text-secondary);font-size:.85rem}@keyframes pulse-accent{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-accent-glow{animation:1s ease-in-out pulse-accent}.custom-split-text{gap:4px;display:inline-flex}.highlight-bold{color:var(--text-primary);font-weight:700}