@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&display=swap";.notification-container[data-v-974b2b91]{position:fixed;top:1rem;right:1rem;z-index:1000;pointer-events:none}.notifications[data-v-974b2b91]{display:flex;flex-direction:column;gap:.5rem;max-width:400px}.notification[data-v-974b2b91]{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.notification--success[data-v-974b2b91]{background-color:#28a745f2;color:#fff}.notification--error[data-v-974b2b91]{background-color:#dc3545f2;color:#fff}.notification--warning[data-v-974b2b91]{background-color:#ffc107f2;color:#212529}.notification--info[data-v-974b2b91]{background-color:#17a2b8f2;color:#fff}.notification__icon[data-v-974b2b91]{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.notification__content[data-v-974b2b91]{flex:1;min-width:0}.notification__message[data-v-974b2b91]{margin:0;font-size:.9rem;line-height:1.4;word-wrap:break-word}.notification__dismiss[data-v-974b2b91]{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.notification__dismiss[data-v-974b2b91]:hover{opacity:1;background-color:#fff3}.notification__dismiss[data-v-974b2b91]:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.notification-enter-active[data-v-974b2b91]{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.notification-leave-active[data-v-974b2b91]{transition:all .2s ease-in}.notification-enter-from[data-v-974b2b91]{opacity:0;transform:translate(100%) scale(.8)}.notification-leave-to[data-v-974b2b91]{opacity:0;transform:translate(100%) scale(.9)}.notification-move[data-v-974b2b91]{transition:transform .3s ease}@media (max-width: 768px){.notification-container[data-v-974b2b91]{top:.5rem;left:.5rem;right:.5rem}.notifications[data-v-974b2b91]{max-width:none}.notification[data-v-974b2b91]{padding:.875rem}.notification__message[data-v-974b2b91]{font-size:.85rem}}@media (max-width: 480px){.notification[data-v-974b2b91]{padding:.75rem;gap:.5rem}.notification__icon[data-v-974b2b91]{font-size:1rem}}.app{width:100%;max-width:100%;height:100vh;height:100dvh;margin:0;padding:0;display:flex;flex-direction:column;background-color:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:1rem 1rem calc(env(safe-area-inset-bottom) + 64px);background-color:#f9f9f9f2;display:flex;flex-direction:column;max-width:100%;box-sizing:border-box}@media (max-width: 768px){main{padding:.75rem .75rem calc(env(safe-area-inset-bottom) + 56px)}}@media (max-width: 480px){main{padding:.5rem .5rem calc(env(safe-area-inset-bottom) + 50px)}}.tab-bar{display:flex;background:#f7f7f7f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid rgba(0,0,0,.1);padding:8px 0 calc(8px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#8e8e93;padding:4px 0;position:relative;transition:all .2s ease;-webkit-tap-highlight-color:transparent;border-radius:8px;margin:0 4px}.tab-item.active{color:#007aff;background-color:#007aff1a;transform:scale(.98)}.tab-item:active{background-color:#007aff26;transform:scale(.95)}.tab-icon{font-size:28px;margin-bottom:2px}.tab-label{font-size:14px;font-weight:500}.tab-badge{position:absolute;top:0;right:calc(50% - 20px);background:#ff3b30;color:#fff;font-size:11px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 5px}@media (max-width: 768px){.tab-icon{font-size:22px}.tab-label{font-size:11px}}@media (max-width: 480px){.tab-icon{font-size:20px}.tab-label{font-size:10px}}.home-view[data-v-9f108c02]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden}.welcome-content[data-v-9f108c02]{text-align:center;max-width:500px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:1.5rem}.description[data-v-9f108c02]{margin-bottom:0;color:#6c757d;line-height:1.6;font-size:1.1rem}.instructions-card[data-v-9f108c02]{margin-bottom:0;text-align:left;background-color:#f8f9fa;padding:1.5rem;border-radius:12px;border:2px dashed #dee2e6;box-shadow:0 2px 8px #0000000d}.instructions-card h3[data-v-9f108c02]{margin:0 0 1rem;color:#495057;font-size:1.3rem;text-align:center}.instructions-card ol[data-v-9f108c02]{padding-left:1.5rem;color:#6c757d}.instructions-card li[data-v-9f108c02]{margin-bottom:.75rem;line-height:1.5}.privacy-card[data-v-9f108c02]{margin-bottom:0;padding:1.25rem;background-color:#e9f5ff;border-radius:12px;border:2px dashed #4c6ef5}.privacy-card h3[data-v-9f108c02]{margin:0 0 1rem;color:#4c6ef5;font-size:1.2rem}.privacy-card p[data-v-9f108c02]{margin:0;color:#495057;font-size:.95rem;line-height:1.5}.action-buttons[data-v-9f108c02]{margin-top:0}@media (max-width: 768px){.home-view[data-v-9f108c02]{padding:1rem;height:100%}.welcome-content[data-v-9f108c02]{max-width:none;gap:1rem}.description[data-v-9f108c02]{font-size:1rem}.instructions-card[data-v-9f108c02]{padding:1.25rem}.instructions-card h3[data-v-9f108c02]{font-size:1.2rem}.privacy-card[data-v-9f108c02]{padding:1rem}.privacy-card h3[data-v-9f108c02]{font-size:1.1rem}}@media (max-width: 480px){.home-view[data-v-9f108c02]{padding:.75rem;height:100%}.welcome-content[data-v-9f108c02]{gap:.75rem}.instructions-card[data-v-9f108c02]{padding:1rem}.privacy-card[data-v-9f108c02]{padding:.875rem}}:root{--touch-target-size: 44px;--border-radius: 4px;--border-radius-large: 8px;--primary-color: #4c6ef5;--primary-hover: #364fc7;--secondary-color: #adb5bd;--secondary-hover: #868e96;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;color:#333;line-height:1.6;background-image:url(/assets/bg-Bkf_pjJY.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;min-height:100dvh;overflow-x:hidden}@media (max-width: 768px){button{min-height:44px;font-size:1rem}}button{cursor:pointer;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);background-color:var(--primary-color);color:#fff;font-weight:700;transition:background-color .2s;font-size:1rem;min-height:var(--touch-target-size);display:flex;align-items:center;justify-content:center}button:hover{background-color:var(--primary-hover)}button:active{transform:scale(.98)}button.secondary{background-color:var(--secondary-color)}button.secondary:hover{background-color:var(--secondary-hover)}img{max-width:100%}@supports (padding: max(0px)){.app{padding-left:max(.25rem,env(safe-area-inset-left));padding-right:max(.25rem,env(safe-area-inset-right));padding-bottom:max(.25rem,env(safe-area-inset-bottom))}}.page-heading{text-align:center;margin-bottom:1.5rem;font-size:2rem;color:#495057;font-weight:600;width:100%}@media (max-width: 768px){.page-heading{font-size:1.6rem;margin-bottom:1rem}}@media (max-width: 480px){.page-heading{font-size:1.4rem;padding:0 .5rem}}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}body{-webkit-text-size-adjust:100%;background-attachment:scroll}}.btn-base{display:inline-block;padding:.75rem 2rem;border:none;border-radius:30px;font-weight:700;font-size:1.1rem;text-decoration:none;cursor:pointer;transition:background-color .2s;min-height:44px;text-align:center;box-sizing:border-box}.start-button,.primary-button,.capture-button{background-color:#4c6ef5;color:#fff}.start-button:hover,.primary-button:hover,.capture-button:hover{background-color:#364fc7}.action-button{background-color:#6c757d;color:#fff}.action-button:hover{background-color:#5a6268}.secondary-button{background-color:#c8dff6;color:#6c757d;border:2px solid #6c757d}.secondary-button:hover{background-color:#6c757d;color:#fff}.text-button{background-color:transparent;color:#4c6ef5;padding:.5rem 1rem}.text-button:hover{background-color:#f8f9fa;color:#4c6ef5}.text-button.danger{color:#dc3545}.text-button.danger:hover{background-color:#f8f9fa;color:#dc3545}.retry-button{background-color:#ffc107;color:#212529}.retry-button:hover{background-color:#e0a800}.debug-button{background-color:#17a2b8;color:#fff;font-size:.9rem;padding:.5rem 1rem}.debug-button:hover{background-color:#138496}.debug-button.clear{background-color:#dc3545}.debug-button.clear:hover{background-color:#c82333}.start-button:disabled,.primary-button:disabled,.capture-button:disabled,.action-button:disabled,.secondary-button:disabled,.text-button:disabled,.retry-button:disabled,.debug-button:disabled{opacity:.5;cursor:not-allowed}.start-button,.primary-button,.capture-button,.action-button,.secondary-button,.text-button,.retry-button,.debug-button{display:inline-block;padding:.75rem 2rem;border:none;border-radius:30px;font-weight:700;font-size:1.1rem;text-decoration:none;cursor:pointer;transition:background-color .2s;min-height:44px;text-align:center;box-sizing:border-box}@media (max-width: 768px){.start-button,.primary-button,.capture-button,.action-button,.secondary-button,.retry-button{padding:.75rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.start-button,.primary-button,.capture-button,.action-button,.secondary-button,.retry-button{width:100%;max-width:280px;font-size:.9rem}.text-button,.debug-button{font-size:.85rem;padding:.5rem .75rem}}