:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.site-nav{background:#0d1b33;flex-wrap:wrap;justify-content:center;gap:4px;padding:10px 16px;display:flex}.site-nav a{color:#ffffffb3;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.site-nav a:hover{color:#fff;background:#ffffff14}.site-nav a.active{color:#fff;background:#ffffff26}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}header{color:#fff;text-align:center;background:linear-gradient(135deg,#1a73e8,#0d47a1);padding:36px 20px 32px}header h1{letter-spacing:-.5px;color:#fff;font-size:30px;font-weight:800}.tagline{opacity:.75;letter-spacing:.5px;text-transform:uppercase;margin-top:6px;font-size:14px}main{flex:1;padding:32px 20px}.center-screen{flex-direction:column;align-items:center;gap:20px;margin-top:32px;display:flex}.flow-screen{flex-direction:column;gap:16px;display:flex}.upload-sub{color:#111827;text-align:center;font-size:17px;font-weight:600}.btn-primary{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#1a73e8,#1557b0);border:none;border-radius:16px;width:100%;padding:18px 24px;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 4px 15px #1a73e859}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #1a73e866}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:linear-gradient(135deg,#93afd4,#7a9bc0)}.btn-link{color:#9ca3af;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:8px;font-size:14px}.btn-link:hover{color:#6b7280}.hint{text-align:center;color:#6b7280;font-size:15px;font-weight:500}.sign-img{object-fit:contain;background:#fff;border-radius:16px;width:100%;max-height:300px;box-shadow:0 2px 12px #00000014}.side-picker{gap:12px;display:flex}.side-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:14px;flex:1;padding:16px;font-size:15px;font-weight:600;transition:all .15s;box-shadow:0 1px 4px #0000000f}.side-btn:hover{color:#1a73e8;border-color:#1a73e8}.side-btn.selected{color:#fff;background:#1a73e8;border-color:#1a73e8;box-shadow:0 4px 12px #1a73e84d}.result-card{white-space:pre-wrap;color:#111827;background:#fff;border-left:4px solid #1a73e8;border-radius:16px;padding:24px;font-size:16px;line-height:1.8;box-shadow:0 2px 12px #00000014}.warning-card{text-align:center;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5}.warning-high{color:#166534;background:#f0fdf4;border:1px solid #86efac}.warning-medium{color:#92400e;background:#fffbeb;border:1px solid #f59e0b}.warning-low{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.feedback-box{flex-direction:column;align-items:center;gap:12px;display:flex}.feedback-btns{gap:12px;display:flex}.feedback-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;padding:12px 24px;font-size:16px;transition:all .15s}.feedback-btn.yes:hover{background:#f0fdf4;border-color:#22c55e}.feedback-btn.no:hover{background:#fef2f2;border-color:#ef4444}.feedback-thanks{text-align:center;color:#6b7280;font-size:14px}.crop-tool{flex-direction:column;gap:12px;display:flex}.crop-canvas{cursor:crosshair;touch-action:none;border-radius:12px;width:100%}.disclaimer{color:#9ca3af;text-align:center;margin-top:8px;padding:0 8px;font-size:11px;line-height:1.6}.second-photo-box{background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.dual-photos{gap:8px;display:flex}.dual-photos .sign-img{flex:1;max-height:200px}.error{color:#dc2626;text-align:center;background:#fef2f2;border-radius:12px;width:100%;padding:12px 16px;font-size:14px}.guide-link{color:#9ca3af;text-align:center;margin-top:-4px;font-size:13px}.guide-link a{color:#1a73e8;font-weight:600}.static-page{text-align:center;max-width:480px;margin:0 auto;padding:48px 20px}.static-page h1{color:#111827;letter-spacing:-.5px;font-size:26px;font-weight:800}.static-page p{color:#6b7280;margin-top:12px;font-size:15px}.static-page-content{text-align:left;margin-top:24px}.static-page-content .updated{color:#9ca3af;margin-top:0;margin-bottom:20px;font-size:13px}.static-page-content h2{color:#111827;margin-top:28px;margin-bottom:8px;font-size:17px;font-weight:700}.static-page-content h2:first-of-type{margin-top:0}.static-page-content p{color:#4b5563;margin-top:0;margin-bottom:12px;font-size:14px;line-height:1.7}.static-page-content a{color:#1a73e8}.static-page-content ul{margin:0 0 12px;padding-left:20px}.static-page-content li{color:#4b5563;margin-bottom:4px;font-size:14px;line-height:1.7}.static-page-content li strong{color:#111827}.static-page-content .caveat{color:#9ca3af;font-size:13px;font-style:italic}.static-page-content .disclaimer{color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px;font-size:12px;line-height:1.6}