body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh;max-width:900px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:40px;animation:fadeInDown .8s ease-out;position:relative}.header-auth{position:absolute;top:0;right:0}.auth-buttons{display:flex;gap:10px}.header-signin,.header-signup{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.force-auth{background:#000000f2!important}.force-auth-message{text-align:center;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.force-auth-message h2{margin-bottom:10px;font-size:1.5rem}.force-auth-message p{margin:5px 0;opacity:.9}.logo-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.logo{width:3rem;height:3rem;border-radius:50%}.header h1{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header p{font-size:1.3rem;color:#ffffffe6;margin-top:8px}.main{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;animation:fadeInUp .8s ease-out}.upload-section{text-align:center}.upload-area{border:3px dashed #d1d5db;border-radius:16px;padding:60px 20px;margin-bottom:30px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.upload-area:hover:before{left:100%}.upload-area:hover{border-color:#667eea;background:linear-gradient(135deg,#f8faff,#f0f4ff);transform:translateY(-2px)}.upload-area.drag-active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.02)}.upload-area.has-file{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.upload-area.loading{border-color:#667eea;background:linear-gradient(135deg,#f8faff,#f0f4ff)}.upload-icon{font-size:4rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.file-icon{font-size:4rem;margin-bottom:20px;color:#10b981;animation:checkmark .6s ease-out}.upload-area p{font-size:1.2rem;color:#6b7280;margin-bottom:12px;transition:color .3s}.drag-active p{color:#fff}.file-input-label{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea66}.file-input-label:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.file-input{display:none}.file-selected{display:flex;flex-direction:column;align-items:center;gap:15px}.remove-file{background:none;border:2px solid #ef4444;color:#ef4444;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.remove-file:hover{background-color:#ef4444;color:#fff;transform:translateY(-1px)}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1000;display:flex;align-items:center;justify-content:center;animation:slideIn .5s ease-out;padding:20px;box-sizing:border-box;overflow:hidden}.processing-container{text-align:center;color:#fff;max-width:100%;width:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.docnify-logo{margin-bottom:40px;flex-shrink:0}.docnify-logo .logo-icon{width:3rem;height:3rem;border-radius:50%;margin-bottom:15px;animation:pulse 2s infinite}.docnify-logo h1{font-size:2.5rem;font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.3);margin:0}.processing-animation{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:500px}.document-visual{position:relative;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.document-pages{position:relative;width:80px;height:100px}.page{width:60px;height:80px;background:#fff;border-radius:6px;position:absolute;box-shadow:0 4px 15px #0003}.page-1{transform:rotate(-5deg);animation:pageFlip1 3s infinite}.page-2{transform:rotate(0) translate(8px);animation:pageFlip2 3s infinite .5s}.page-3{transform:rotate(5deg) translate(16px);animation:pageFlip3 3s infinite 1s}.ai-brain{position:relative}.brain-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wave{position:absolute;border:2px solid rgba(255,255,255,.3);border-radius:50%;animation:brainWave 2s infinite}.wave-1{width:50px;height:50px;margin:-25px}.wave-2{width:75px;height:75px;margin:-37.5px;animation-delay:.3s}.wave-3{width:100px;height:100px;margin:-50px;animation-delay:.6s}.brain-core{font-size:2.5rem;position:relative;z-index:10;animation:brainPulse 1.5s infinite}.processing-text{width:100%;max-width:400px}.processing-text h2{font-size:1.4rem;margin-bottom:15px;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}.processing-stats{display:grid;gap:12px;margin-top:30px;width:100%;max-width:400px}.stat{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:12px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-label{font-weight:500;opacity:.8;font-size:.9rem}.stat-value{font-weight:600;font-size:.9rem;text-align:right;word-break:break-word;max-width:60%}.completion-animation{display:flex;flex-direction:column;align-items:center;gap:25px;width:100%;max-width:400px}.success-checkmark{width:100px;height:100px;border-radius:50%;background:#10b98133;display:flex;align-items:center;justify-content:center;animation:successPop .6s ease-out;flex-shrink:0}.check-icon{font-size:3rem;color:#10b981;animation:checkmarkDraw .8s ease-out .3s both}.completion-animation h2{font-size:2rem;margin-bottom:8px;text-align:center}.completion-animation p{font-size:1.1rem;opacity:.9;margin-bottom:15px;text-align:center;line-height:1.4}.view-results-btn{background:#fff;color:#667eea;border:none;padding:14px 28px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s;min-height:48px;-webkit-tap-highlight-color:transparent}.view-results-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media(max-width:480px){.fullscreen-overlay,.processing-container{padding:15px}.docnify-logo{margin-bottom:30px}.docnify-logo .logo-icon{width:2.5rem;height:2.5rem}.docnify-logo h1{font-size:2rem}.processing-animation{gap:25px}.document-visual{gap:30px;flex-direction:column}.document-pages{width:60px;height:80px}.page{width:50px;height:65px}.wave-1{width:40px;height:40px;margin:-20px}.wave-2{width:60px;height:60px;margin:-30px}.wave-3{width:80px;height:80px;margin:-40px}.brain-core{font-size:2rem}.processing-text h2{font-size:1.2rem;min-height:40px}.processing-stats{gap:10px;margin-top:25px}.stat{padding:10px 14px;flex-direction:column;gap:5px;text-align:center}.stat-value{max-width:100%;text-align:center}.completion-animation{gap:20px}.success-checkmark{width:80px;height:80px}.check-icon{font-size:2.5rem}.completion-animation h2{font-size:1.6rem}.completion-animation p{font-size:1rem}.view-results-btn{width:100%;max-width:280px;padding:16px 24px}}@media(max-width:360px){.docnify-logo h1{font-size:1.8rem}.processing-text h2{font-size:1.1rem}.completion-animation h2{font-size:1.4rem}.stat{padding:8px 12px}.stat-label,.stat-value{font-size:.85rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pageFlip1{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(-10deg) scale(1.05)}}@keyframes pageFlip2{0%,to{transform:rotate(0) translate(10px) scale(1)}50%{transform:rotate(5deg) translate(15px) scale(1.05)}}@keyframes pageFlip3{0%,to{transform:rotate(5deg) translate(20px) scale(1)}50%{transform:rotate(10deg) translate(25px) scale(1.05)}}@keyframes brainWave{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes brainPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes successPop{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes checkmarkDraw{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;color:#dc2626;padding:15px;border-radius:12px;margin-bottom:20px;animation:shake .5s ease-in-out}.explain-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 40px;font-size:1.2rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s;margin-bottom:30px;box-shadow:0 4px 15px #667eea66}.explain-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.explain-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.privacy-notice{font-size:1rem;color:#6b7280;font-style:italic;display:flex;align-items:center;justify-content:center;gap:8px}.results-section{animation:fadeIn .8s ease-out}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:3px solid #f3f4f6}.results-header h2{font-size:2.2rem;color:#1f2937;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-document-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:500;transition:all .3s}.new-document-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6b728066}.result-cards{display:grid;gap:25px}.result-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:16px;padding:30px;text-align:left;transition:all .3s;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s}.result-card:hover:before{transform:scaleY(1)}.result-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a;border-color:#667eea}.card-icon{font-size:2rem;margin-bottom:15px;display:inline-block}.result-card h3{font-size:1.4rem;font-weight:600;color:#1f2937;margin-bottom:15px;display:flex;align-items:center;gap:10px}.result-card p{font-size:1.1rem;line-height:1.7;color:#374151}.result-card ul{list-style:none;padding:0}.result-card li{font-size:1.1rem;line-height:1.7;color:#374151;margin-bottom:12px;padding-left:25px;position:relative}.result-card li:before{content:"✨";position:absolute;left:0;top:0}.summary-card:hover{border-color:#3b82f6}.action-card:hover{border-color:#10b981}.deadline-card:hover{border-color:#f59e0b}.risk-card:hover{border-color:#ef4444}.highlights-card:hover{border-color:#8b5cf6}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}input,select,textarea{font-size:16px}html{scroll-behavior:smooth}button,.file-input-label{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.header,.upload-area,.result-card h3,.toggle-track{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app{padding:15px;max-width:100%;min-height:100vh}.header{margin-bottom:25px;text-align:center;position:relative}.header-content{display:flex;flex-direction:column;align-items:center;gap:15px}.header-top{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;gap:15px}.logo-container{flex-direction:column;gap:10px;margin-bottom:0;display:flex;align-items:center;text-align:center}.mobile-menu{display:block;position:absolute;top:0;left:0;z-index:100}.desktop-menu{display:none;position:absolute;top:0;left:0;z-index:100}.desktop-hamburger-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px;border-radius:6px;cursor:pointer;font-size:1.2rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.desktop-hamburger-btn:hover{background:#ffffff4d}.desktop-dropdown{position:absolute;top:50px;left:0;background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;padding:15px;min-width:250px;z-index:200;animation:slideDown .3s ease-out}.desktop-dropdown.hidden{display:none}.desktop-user-status{margin-bottom:15px}.desktop-verification-container{display:flex;flex-direction:column;gap:10px}.desktop-verification-status{padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;text-align:center}.desktop-verification-status.verified{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.desktop-verification-status.unverified{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.desktop-verify-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s;-webkit-tap-highlight-color:transparent}.desktop-verify-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b66}.desktop-signout{background:#ef4444;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;width:100%;min-height:44px;-webkit-tap-highlight-color:transparent}.desktop-signout:hover{background:#dc2626}.mobile-user-email{display:none}.hamburger-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px;border-radius:6px;cursor:pointer;font-size:1.2rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.hamburger-btn:hover{background:#ffffff4d}.mobile-dropdown{position:absolute;top:50px;left:0;background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;padding:15px;min-width:250px;z-index:200;animation:slideDown .3s ease-out}.mobile-dropdown.hidden{display:none}.mobile-dropdown .user-email{font-size:.9rem;color:#1f2937;margin-bottom:10px;word-break:break-word;font-weight:600;padding:8px 0;border-bottom:1px solid #e5e7eb}.mobile-user-status{margin-bottom:15px}.mobile-verification-container{display:flex;flex-direction:column;gap:10px}.mobile-verification-status{padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;text-align:center}.mobile-verification-status.verified{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.mobile-verification-status.unverified{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.mobile-verify-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s;-webkit-tap-highlight-color:transparent}.mobile-verify-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b66}.mobile-signout{background:#ef4444;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;width:100%;min-height:44px;-webkit-tap-highlight-color:transparent}.mobile-signout:hover{background:#dc2626}.mobile-password-btn,.desktop-password-btn{background:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;width:100%;min-height:44px;margin-top:8px;-webkit-tap-highlight-color:transparent}.mobile-password-btn:hover,.desktop-password-btn:hover{background:#2563eb}.mobile-delete-btn,.desktop-delete-btn{background:#dc2626;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;width:100%;min-height:44px;margin-top:8px;-webkit-tap-highlight-color:transparent}.mobile-delete-btn:hover,.desktop-delete-btn:hover{background:#b91c1c}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-content{background:#fff;padding:30px;border-radius:16px;width:400px;max-width:90vw}.modal-content h2{margin-bottom:20px;text-align:center}.modal-content form{display:flex;flex-direction:column;gap:15px}.modal-content input[type=password]{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.modal-content label{display:flex;align-items:center;gap:8px;font-size:.9rem}.modal-actions{display:flex;gap:10px;margin-top:10px}.modal-actions button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.modal-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-actions .delete-btn{background:#dc2626;color:#fff}.modal-actions button[type=button]{background:#f3f4f6;color:#6b7280}.delete-modal{border:2px solid #dc2626}.delete-modal h2{color:#dc2626}.delete-modal p{color:#6b7280;text-align:center;margin-bottom:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logo{width:2.5rem;height:2.5rem}.header h1{font-size:2.2rem;line-height:1.2}.header p{font-size:1.1rem;margin-top:8px}.header-auth{display:block;width:100%;max-width:320px}.auth-buttons{display:flex;flex-direction:row;gap:12px;width:100%;justify-content:center}.header-signin,.header-signup{flex:1;padding:12px 16px;font-size:.95rem;min-height:44px;border-radius:8px;font-weight:600;transition:all .3s ease;-webkit-tap-highlight-color:transparent;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-signin:hover,.header-signup:hover{background:#ffffff4d;transform:translateY(-1px)}.user-info{display:none}.main{padding:25px;border-radius:16px;margin:0 auto;max-width:100%}.upload-area{padding:40px 20px;border-radius:12px;margin-bottom:25px}.upload-icon,.file-icon{font-size:3rem;margin-bottom:15px}.upload-area p{font-size:1.1rem;margin-bottom:15px;line-height:1.4}.file-input-label{padding:14px 24px;font-size:1.1rem;min-height:48px;width:100%;max-width:280px;display:block;text-align:center;margin:0 auto;border-radius:10px;-webkit-tap-highlight-color:transparent}.explain-button{padding:16px 32px;font-size:1.2rem;min-height:52px;width:100%;max-width:320px;margin:0 auto;display:block;border-radius:10px;-webkit-tap-highlight-color:transparent}.explanation-toggle{margin-bottom:25px}.toggle-track{width:280px;height:48px;padding:0 20px;margin:0 auto}.toggle-thumb{width:120px;height:42px;top:3px}.toggle-thumb.simple{left:3px}.toggle-thumb.detailed{left:157px}.toggle-text{font-size:.9rem;font-weight:600}.toggle-tooltip{font-size:.85rem;margin-top:8px}.results-header{flex-direction:column;gap:20px;align-items:stretch;text-align:center}.results-header h2{font-size:1.8rem}.new-document-button{width:100%;max-width:250px;margin:0 auto;padding:14px 24px;min-height:48px;-webkit-tap-highlight-color:transparent}.result-cards{gap:20px}.result-card{padding:25px;border-radius:12px}.result-card h3{font-size:1.3rem;margin-bottom:15px}.result-card p,.result-card li{font-size:1.05rem;line-height:1.6}.stored-files-section{padding:25px;border-radius:12px}.files-list{gap:15px}.file-item{padding:20px;flex-direction:column;gap:15px;align-items:stretch;border-radius:10px}.file-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.download-btn,.drive-btn,.delete-btn{padding:12px 20px;min-height:44px;font-size:.95rem;border-radius:8px;flex:1;min-width:120px;-webkit-tap-highlight-color:transparent}.google-drive-section{padding:20px;border-radius:12px}.connect-drive-btn{width:100%;max-width:280px;margin:0 auto;display:block;padding:14px 24px;min-height:48px;-webkit-tap-highlight-color:transparent}.results-actions{flex-direction:column;gap:15px;align-items:center}.save-drive-btn{width:100%;max-width:280px;padding:14px 24px;min-height:48px;-webkit-tap-highlight-color:transparent}.qa-section{padding:25px;border-radius:12px}.qa-input-container{flex-direction:column;gap:15px}.qa-input{padding:14px 18px;font-size:1.05rem;min-height:48px;border-radius:8px;-webkit-appearance:none}.qa-button{padding:14px 24px;min-height:48px;width:100%;max-width:200px;margin:0 auto;border-radius:8px;-webkit-tap-highlight-color:transparent}.auth-container{padding:30px 25px;width:95vw;max-width:400px;border-radius:16px}.auth-container h2{font-size:1.6rem;margin-bottom:25px}.auth-container input{padding:16px 18px;font-size:1.05rem;min-height:48px;border-radius:8px;-webkit-appearance:none}.auth-container button{padding:16px;min-height:48px;font-size:1.05rem;border-radius:8px;-webkit-tap-highlight-color:transparent}.privacy-notice{font-size:.95rem;text-align:center;line-height:1.4}.error-message{padding:15px;font-size:1rem;border-radius:10px;margin-bottom:20px}.file-selected{gap:15px}.remove-file{padding:12px 20px;min-height:44px;border-radius:8px;-webkit-tap-highlight-color:transparent}@media(min-width:481px)and (max-width:768px){.app{padding:20px}.main{padding:30px}.header h1{font-size:2.8rem}.auth-buttons{flex-direction:row;max-width:400px}.header-signin,.header-signup{flex:1}.toggle-track{width:320px}.toggle-thumb{width:140px}.toggle-thumb.detailed{left:177px}.file-actions{flex-direction:row}.download-btn,.drive-btn,.delete-btn{flex:0 1 auto;min-width:100px}}@media(min-width:769px){.app{padding:20px;max-width:900px}.header{margin-bottom:40px}.header-content{flex-direction:column;justify-content:center;align-items:center;gap:20px}.header-top{flex-direction:row;align-items:center;justify-content:center;flex:1;width:100%;position:relative;gap:0}.logo-container{flex-direction:row;gap:15px;margin-bottom:0}.logo{width:3rem;height:3rem}.header h1{font-size:3rem}.header p{font-size:1.3rem;margin:0}.mobile-menu{display:none}.header-auth{position:absolute;top:0;right:0;margin:0;width:auto;max-width:none}.auth-buttons{flex-direction:row;width:auto;max-width:none;margin:0;gap:10px;justify-content:flex-end}.header-signin,.header-signup{width:auto;padding:8px 20px;min-height:auto;white-space:nowrap;overflow:visible;text-overflow:unset;min-width:80px}.user-info{position:absolute;top:0;right:0;text-align:right;margin:0;font-size:.9rem;color:#ffffffe6}.user-info button{display:inline-block;width:auto;max-width:none;margin:0 0 0 8px;padding:4px 8px;min-height:auto;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;font-weight:500}.main{padding:40px}.upload-area{padding:60px 20px}.upload-icon,.file-icon{font-size:4rem;margin-bottom:20px}.upload-area p{font-size:1.2rem;margin-bottom:12px}.file-input-label{width:auto;max-width:none;padding:15px 30px}.explain-button{width:auto;max-width:none;padding:18px 40px;margin-bottom:30px}.toggle-track{width:200px;height:40px;padding:0 20px}.toggle-thumb{width:90px;height:34px;top:2px}.toggle-thumb.simple{left:2px}.toggle-thumb.detailed{left:106px}.results-header{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.results-header h2{font-size:2.2rem}.new-document-button{width:auto;max-width:none;margin:0}.result-card{padding:30px}.result-card h3{font-size:1.4rem}.result-card p,.result-card li{font-size:1.1rem}.file-item{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.file-actions{flex-direction:row;justify-content:flex-end;flex-wrap:nowrap}.download-btn,.drive-btn,.delete-btn{flex:0 0 auto;width:auto}.connect-drive-btn{width:auto;max-width:none;margin:0;display:inline-block}.results-actions{flex-direction:row;justify-content:flex-end}.save-drive-btn{width:auto;max-width:none}.qa-input-container{flex-direction:row}.qa-input{flex:1}.qa-button{width:auto;max-width:none;margin:0}}@media(max-width:360px){.app{padding:10px}.main{padding:20px}.header h1{font-size:1.8rem}.header p{font-size:1rem}.header-auth{max-width:280px}.auth-buttons{gap:8px}.header-signin,.header-signup{padding:10px 12px;font-size:.85rem;min-height:40px}.upload-icon,.file-icon{font-size:2.5rem}.upload-area p{font-size:1rem}.toggle-track{width:240px}.toggle-thumb{width:100px}.toggle-thumb.detailed{left:137px}.result-card h3{font-size:1.1rem}.results-header h2{font-size:1.6rem}.auth-container{padding:20px 15px}}@media(max-width:320px){.header h1{font-size:1.6rem}.header p{font-size:.95rem}.header-auth{max-width:260px}.auth-buttons{gap:6px}.header-signin,.header-signup{padding:8px 10px;font-size:.8rem;min-height:36px}.upload-icon,.file-icon{font-size:2.5rem}.upload-area p{font-size:.95rem}.toggle-track{width:140px}.toggle-thumb{width:60px}.toggle-thumb.detailed{left:76px}.result-card h3{font-size:1.1rem}.results-header h2{font-size:1.6rem}}.drive-prompt-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out;padding:20px}.drive-prompt-content{background:#fff;border-radius:16px;padding:0;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease-out}.drive-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:16px}.drive-prompt-header h3{font-size:1.4rem;color:#1f2937;margin:0;display:flex;align-items:center;gap:10px}.close-prompt{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.close-prompt:hover{background:#f3f4f6;color:#374151}.drive-prompt-body{padding:0 24px 24px}.drive-prompt-body p{color:#6b7280;margin-bottom:24px;line-height:1.6;font-size:1rem}.drive-prompt-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.connect-drive-primary{background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;min-height:48px;-webkit-tap-highlight-color:transparent}.connect-drive-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4285f466}.skip-drive{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb;padding:14px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;min-height:48px;-webkit-tap-highlight-color:transparent}.skip-drive:hover{background:#e5e7eb;border-color:#d1d5db}@media(max-width:480px){.drive-prompt-modal{padding:15px}.drive-prompt-content{width:100%;max-width:none;border-radius:12px}.drive-prompt-header{padding:20px 20px 0}.drive-prompt-header h3{font-size:1.2rem}.drive-prompt-body{padding:0 20px 20px}.drive-prompt-actions{flex-direction:column;gap:10px}.connect-drive-primary,.skip-drive{width:100%;justify-content:center}}.toast-container{position:fixed;top:20px;right:20px;z-index:4000;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 4px 15px #00000026;display:flex;align-items:center;gap:10px;animation:slideInRight .3s ease-out;border-left:4px solid}.toast-success{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.toast-error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.toast-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.toast-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{font-weight:500;color:#374151;font-size:.9rem;line-height:1.4}@media(max-width:480px){.toast-container{left:20px;right:20px;max-width:none}.toast{padding:14px 16px}.toast-message{font-size:.95rem}}.version-update-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:3000;animation:slideInDown .5s ease-out}.version-update-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 20px;border-radius:25px;box-shadow:0 4px 15px #10b98166;display:flex;align-items:center;gap:8px;font-weight:500;font-size:.9rem}.version-icon{font-size:1.1rem}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:480px){.version-update-notification{left:20px;right:20px;transform:none}.version-update-content{justify-content:center}}.oauth-notification{position:fixed;top:20px;right:20px;left:20px;z-index:3000;animation:slideInRight .5s ease-out}.oauth-notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.oauth-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.oauth-content{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px #0003;min-width:280px}.oauth-icon{font-size:1.5rem;flex-shrink:0}.oauth-message{flex:1;font-weight:500;font-size:.95rem;line-height:1.4}.redirect-timer{font-size:.85rem;opacity:.9;margin-left:8px;flex-shrink:0}@media(min-width:769px){.oauth-notification{right:20px;left:auto;max-width:400px}.oauth-content{min-width:300px}.oauth-message{font-size:1rem}.redirect-timer{font-size:.9rem}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.qa-section{margin-top:40px;padding:30px;background:linear-gradient(135deg,#f8faff,#f0f4ff);border-radius:16px;border:2px solid #e5e7eb}.qa-section h3{font-size:1.4rem;color:#1f2937;margin-bottom:20px;display:flex;align-items:center;gap:10px}.qa-input-container{display:flex;gap:15px;margin-bottom:15px}.qa-input{flex:1;padding:12px 16px;border:2px solid #d1d5db;border-radius:10px;font-size:1rem;transition:all .3s}.qa-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.qa-input:focus:not(:disabled){outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qa-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.qa-button:disabled{background:#9ca3af;cursor:not-allowed}.qa-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.user-info{position:absolute;top:20px;right:20px;color:#ffffffe6;font-size:.9rem}.user-info button{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;margin-left:8px}.auth-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.auth-container{background:#fff;padding:40px;border-radius:16px;width:400px;max-width:90vw}.auth-container h2{margin-bottom:20px;text-align:center}.auth-container form{display:flex;flex-direction:column;gap:15px}.auth-container input{padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.auth-container button{padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.auth-container button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-container button[type=button]{background:#f3f4f6;color:#6b7280}.auth-divider{display:flex;align-items:center;margin:15px 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-divider span{padding:0 15px;color:#6b7280;font-size:.9rem}.google-auth-btn{background:#fff!important;color:#374151!important;border:2px solid #e5e7eb!important;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.google-auth-btn:hover{border-color:#d1d5db!important;background:#f9fafb!important}.google-icon{font-size:1.2rem}.sign-in-link{background:none;border:none;color:#667eea;text-decoration:underline;cursor:pointer;font-size:inherit}.auth-switch{margin-top:15px;text-align:center;font-size:.9rem;color:#6b7280}.auth-switch button{background:none;border:none;color:#667eea;text-decoration:underline;cursor:pointer;font-size:inherit}.qa-answer{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:12px;border:2px solid #10b981}.qa-answer h4{margin-bottom:10px;color:#065f46}.qa-source{margin-top:10px;font-size:.9rem;color:#6b7280}.app{padding:15px}.main{padding:25px}.header h1{font-size:2.5rem}.logo-container{flex-direction:column;gap:10px}.results-header{flex-direction:column;gap:20px;align-items:stretch}.upload-area{padding:40px 15px}.explanation-toggle{margin-bottom:25px;text-align:center}.toggle-label{display:block;font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.toggle-container{display:flex;justify-content:center;margin-bottom:8px}.toggle-track{position:relative;width:200px;height:40px;background:#f3f4f6;border-radius:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:2px solid #e5e7eb}.toggle-track:hover{border-color:#667eea}.toggle-thumb{position:absolute;top:2px;width:90px;height:34px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:17px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea4d}.toggle-thumb.simple{left:2px}.toggle-thumb.detailed{left:106px}.toggle-text{font-size:.9rem;font-weight:600;z-index:10;position:relative;transition:color .3s;color:#667eea}.toggle-tooltip{font-size:.85rem;color:#6b7280;font-style:italic}@media(max-width:768px){.app{padding:15px}.main{padding:25px}.header h1{font-size:2.5rem}.logo-container{flex-direction:column;gap:10px}.results-header{flex-direction:column;gap:20px;align-items:stretch}.upload-area{padding:40px 15px}.toggle-track{width:180px}.toggle-thumb.detailed{left:86px}}.stored-files-section{margin-top:30px;padding:25px;background:linear-gradient(135deg,#f8faff,#f0f4ff);border-radius:16px;border:2px solid #e5e7eb}.stored-files-section h3{font-size:1.4rem;color:#1f2937;margin-bottom:20px;display:flex;align-items:center;gap:10px}.files-list{display:flex;flex-direction:column;gap:15px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s}.file-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#667eea}.file-info{display:flex;flex-direction:column;gap:5px}.file-name{font-weight:600;color:#1f2937}.file-expiry{font-size:.85rem;color:#6b7280}.file-actions{display:flex;gap:10px}.download-btn,.drive-btn{padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s}.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b98166}.drive-btn{background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff}.drive-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4285f466}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s}.delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ef444466}.google-drive-section{margin-top:25px;padding:20px;background:linear-gradient(135deg,#fff8e1,#fff3c4);border-radius:12px;border:2px solid #fbbf24;text-align:center}.drive-connect-prompt h3{color:#92400e;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.drive-connect-prompt p{color:#78350f;margin-bottom:15px;font-size:.95rem}.connect-drive-btn{background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.connect-drive-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4285f466}.google-drive-connected{margin-top:20px;text-align:center}.drive-status{color:#059669;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.drive-email{font-weight:400;font-size:.9em}.disconnect-drive-btn{background:#ef4444;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.8em;cursor:pointer;transition:all .3s}.disconnect-drive-btn:hover{background:#dc2626;transform:translateY(-1px)}.results-actions{display:flex;gap:15px;align-items:center}.save-drive-btn{background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.save-drive-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4285f466}@media(max-width:768px){.results-actions{flex-direction:column;gap:10px}.file-item{flex-direction:column;gap:15px;align-items:stretch}.file-actions{justify-content:center}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-container{text-align:center;color:#fff;animation:fadeIn .8s ease-out}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-container h2{font-size:1.8rem;margin-bottom:10px;font-weight:600}.loading-container p{font-size:1rem;opacity:.9}.oauth-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999}.oauth-popup-content{text-align:center;color:#fff;max-width:400px;padding:40px;animation:fadeIn .8s ease-out}.oauth-popup-content h2{font-size:2rem;margin-bottom:20px;font-weight:600}.oauth-popup-content p{font-size:1.1rem;margin-bottom:10px;opacity:.9}.android-signin-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .5s ease-out;padding:20px}.android-signin-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:30px;max-width:400px;width:100%;text-align:center;color:#fff;box-shadow:0 20px 40px #0000004d;animation:slideUp .5s ease-out}.android-signin-header h2{font-size:1.8rem;margin-bottom:10px;font-weight:700}.android-signin-header p{font-size:1.1rem;opacity:.9;margin-bottom:25px}.android-signin-benefits{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.benefit-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.benefit-icon{font-size:1.5rem;flex-shrink:0}.benefit-item span:last-child{font-weight:500;font-size:1rem}.android-signin-actions{display:flex;flex-direction:column;gap:12px}.android-signin-btn,.android-signup-btn{background:#fff;color:#667eea;border:none;padding:16px 24px;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s;min-height:52px;-webkit-tap-highlight-color:transparent}.android-signin-btn:hover,.android-signup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.android-signup-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.android-skip-btn{background:none;color:#ffffffb3;border:none;padding:12px;font-size:.95rem;cursor:pointer;text-decoration:underline;transition:all .3s;-webkit-tap-highlight-color:transparent}.android-skip-btn:hover{color:#fff}.main.blurred{filter:blur(5px);pointer-events:none}@media(max-width:480px){.android-signin-overlay{padding:15px}.android-signin-content{padding:25px 20px;border-radius:16px}.android-signin-header h2{font-size:1.6rem}.android-signin-header p{font-size:1rem}.benefit-item{padding:10px 14px}.benefit-item span:last-child{font-size:.95rem}.android-signin-btn,.android-signup-btn{padding:14px 20px;font-size:1rem;min-height:48px}}.desktop-signin-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .5s ease-out;padding:20px}.desktop-signin-content{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 40px #0000004d;animation:slideUp .5s ease-out}.desktop-signin-header h2{font-size:2rem;margin-bottom:12px;font-weight:700;color:#1f2937}.desktop-signin-header p{font-size:1.2rem;color:#6b7280;margin-bottom:30px}.desktop-signin-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:35px}.desktop-signin-content .benefit-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8faff,#f0f4ff);border-radius:12px;border:2px solid #e5e7eb;transition:all .3s}.desktop-signin-content .benefit-item:hover{border-color:#667eea;transform:translateY(-2px)}.desktop-signin-content .benefit-icon{font-size:1.5rem;flex-shrink:0}.desktop-signin-content .benefit-item span:last-child{font-weight:500;font-size:1rem;color:#374151;text-align:left}.desktop-signin-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.desktop-signin-btn,.desktop-signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s;min-height:52px;-webkit-tap-highlight-color:transparent}.desktop-signin-btn:hover,.desktop-signup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.desktop-signup-btn{background:#fff;color:#667eea;border:2px solid #667eea}.desktop-signup-btn:hover{background:#667eea;color:#fff}.desktop-skip-btn{background:none;color:#6b7280;border:none;padding:12px 24px;font-size:.95rem;cursor:pointer;text-decoration:underline;transition:all .3s;-webkit-tap-highlight-color:transparent}.desktop-skip-btn:hover{color:#374151}@media(min-width:769px){.desktop-signin-content{padding:50px;max-width:600px}.desktop-signin-header h2{font-size:2.2rem}.desktop-signin-benefits{gap:25px;margin-bottom:40px}.desktop-signin-actions{gap:20px}}@media(max-width:768px){.desktop-signin-content{padding:30px 25px;border-radius:16px}.desktop-signin-header h2{font-size:1.8rem}.desktop-signin-header p{font-size:1.1rem}.desktop-signin-benefits{grid-template-columns:1fr;gap:15px}.desktop-signin-actions{flex-direction:column;gap:12px}.desktop-signin-btn,.desktop-signup-btn{width:100%;padding:14px 24px;font-size:1rem;min-height:48px}}.floating-signin{position:fixed;bottom:20px;right:20px;z-index:1000;animation:fadeIn .5s ease-out}.floating-signin-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s;display:flex;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent}.floating-signin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}@media(max-width:480px){.floating-signin{bottom:15px;right:15px}.floating-signin-btn{padding:10px 16px;font-size:.85rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.seo-content{margin-top:40px;padding:0}.seo-intro{text-align:center;margin-bottom:20px}.seo-intro p{font-size:1.2rem;color:#ffffffe6;line-height:1.6;max-width:600px;margin:0 auto}.seo-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 4px 15px #0000001a;border:2px solid #f3f4f6;transition:all .3s}.seo-section:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.seo-section h2{font-size:1.8rem;color:#1f2937;margin-bottom:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-section p{font-size:1.1rem;line-height:1.7;color:#374151;margin-bottom:15px}.how-to-steps{list-style:none;padding:0;counter-reset:step-counter}.how-to-steps li{counter-increment:step-counter;position:relative;padding:15px 0 15px 60px;font-size:1.1rem;line-height:1.6;color:#374151;border-bottom:1px solid #f3f4f6}.how-to-steps li:last-child{border-bottom:none}.how-to-steps li:before{content:counter(step-counter);position:absolute;left:0;top:15px;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.benefits-list{list-style:none;padding:0}.benefits-list li{position:relative;padding:12px 0 12px 40px;font-size:1.1rem;line-height:1.6;color:#374151;border-bottom:1px solid #f3f4f6}.benefits-list li:last-child{border-bottom:none}.benefits-list li:before{content:"✅";position:absolute;left:0;top:12px;font-size:1.2rem}.comparison-table{overflow-x:auto;margin-top:20px}.comparison-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.comparison-table th,.comparison-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #f3f4f6}.comparison-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:1.1rem}.comparison-table td{font-size:1rem;color:#374151}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:nth-child(2n){background:#f9fafb}.comparison-table tr:hover{background:#f0f4ff}@media(max-width:768px){.seo-section{padding:25px 20px;margin-bottom:25px}.seo-section h2{font-size:1.5rem}.seo-section p{font-size:1rem}.how-to-steps li{padding:12px 0 12px 50px;font-size:1rem}.how-to-steps li:before{width:35px;height:35px;font-size:1rem}.benefits-list li{padding:10px 0 10px 35px;font-size:1rem}.comparison-table th,.comparison-table td{padding:12px 16px;font-size:.9rem}.comparison-table th{font-size:1rem}}@media(max-width:480px){.seo-section{padding:20px 15px}.seo-section h2{font-size:1.3rem}.comparison-table th,.comparison-table td{padding:10px 12px;font-size:.85rem}}.verification-modal{position:fixed;bottom:20px;right:20px;width:400px;max-width:calc(100vw - 40px);background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 30px #0003;z-index:1500;animation:slideInRight .3s ease-out}@media(max-width:768px){.verification-modal{display:none}}.verification-container{background:transparent;border-radius:0;padding:0;max-width:none;width:100%;text-align:left;box-shadow:none;animation:none}.verification-header h2{font-size:1.2rem;color:#1f2937;margin-bottom:8px;font-weight:600}.verification-header p{color:#6b7280;margin-bottom:8px;font-size:.9rem;line-height:1.4}.verification-benefits{display:none}.verification-actions{margin-top:15px;display:flex;gap:10px}.verification-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s;-webkit-tap-highlight-color:transparent;flex:1}.verification-send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.email-sent-message{text-align:center}.email-sent-message p{color:#059669;font-weight:500;margin-bottom:15px;font-size:1rem}.verification-refresh-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s;width:100%;max-width:280px;min-height:52px;-webkit-tap-highlight-color:transparent}.verification-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98199}.verification-note{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.verification-note p{font-size:.9rem;color:#6b7280;font-style:italic}.user-details{display:flex;flex-direction:column;gap:8px;align-items:flex-end;background:#ffffff1a;padding:12px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-email{font-weight:500;color:#fff;font-size:.9rem}.user-status{font-size:.8rem}.verification-status{padding:4px 8px;border-radius:12px;font-weight:500;font-size:.75rem;text-align:center;width:100%}.verification-status.verified{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.verification-status.unverified{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.verification-status-container{display:flex;flex-direction:column;gap:8px;align-items:flex-end;width:100%}.verify-email-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s;-webkit-tap-highlight-color:transparent;width:100%;margin-top:4px}.verify-email-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b66}.user-info{display:flex;align-items:center;gap:15px}.desktop-only{display:none}@media(min-width:769px){.desktop-only{display:flex}.mobile-menu,.mobile-user-email{display:none}.desktop-menu{display:block}}.user-info button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;-webkit-tap-highlight-color:transparent}.user-info button:hover{background:#ffffff4d;transform:translateY(-1px)}@media(max-width:480px){.verification-modal{padding:15px}.verification-container{padding:25px 20px;border-radius:12px}.verification-header h2{font-size:1.4rem}.verification-benefits{padding:15px}.verification-send-btn,.verification-refresh-btn{padding:14px 24px;font-size:1rem;min-height:48px}}.auth-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out;padding:20px}.auth-modal-overlay.force-auth{background:#000000d9}.auth-modal-container{width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.auth-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.auth-header{display:flex;align-items:center;justify-content:space-between;padding:32px 32px 0;margin-bottom:8px}.auth-logo{display:flex;align-items:center;gap:12px}.auth-logo-img{width:32px;height:32px;border-radius:50%}.auth-logo h1{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.auth-close{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;cursor:pointer;transition:all .2s ease}.auth-close:hover{background:#e5e7eb;color:#374151}.force-auth-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;display:flex;align-items:center;gap:16px;margin:0 -1px}.force-auth-icon{font-size:2rem;flex-shrink:0}.force-auth-banner h3{font-size:1.1rem;font-weight:600;margin:0 0 4px}.force-auth-banner p{font-size:.9rem;opacity:.9;margin:0;line-height:1.4}.auth-main{padding:24px 32px 32px}.auth-title{text-align:center;margin-bottom:32px}.auth-title h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.02em}.auth-title p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:8px;font-size:.9rem;animation:shake .5s ease-in-out}.error-icon{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.input-group{position:relative}.input-group input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fafafa;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.input-group input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.auth-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #667eea66}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{position:relative;text-align:center;margin:24px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.auth-divider span{background:#fff;color:#6b7280;padding:0 16px;font-size:.9rem;position:relative}.google-auth-btn{background:#fff;border:2px solid #e5e7eb;color:#374151;padding:14px 20px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.google-auth-btn:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px)}.google-auth-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.auth-switch{text-align:center;padding-top:16px;border-top:1px solid #f3f4f6}.auth-switch p{color:#6b7280;font-size:.95rem;margin:0}.auth-switch button{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:none;transition:color .2s ease}.auth-switch button:hover{color:#5a67d8;text-decoration:underline}.forgot-password-link{text-align:center;margin-top:16px}.forgot-password-btn{background:none;border:none;color:#667eea;font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .2s ease}.forgot-password-btn:hover{color:#5a67d8}.forgot-password-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeIn .3s ease-out;padding:20px}.forgot-password-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000026;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.forgot-password-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;margin-bottom:16px}.forgot-password-header h3{font-size:1.4rem;font-weight:700;color:#1f2937;margin:0}.forgot-password-header .close-btn{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;cursor:pointer;transition:all .2s ease}.forgot-password-header .close-btn:hover{background:#e5e7eb;color:#374151}.forgot-password-modal p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0 24px 24px}.forgot-password-modal form{padding:0 24px 24px;display:flex;flex-direction:column;gap:20px}.forgot-password-modal .input-group{position:relative}.forgot-password-modal .input-group input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fafafa;box-sizing:border-box}.forgot-password-modal .input-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.reset-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px}.reset-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #667eea66}.reset-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.reset-success{padding:24px;text-align:center}.reset-success .success-icon{font-size:3rem;margin-bottom:16px;display:block}.reset-success h4{font-size:1.3rem;font-weight:700;color:#1f2937;margin:0 0 12px}.reset-success p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0 0 24px}.back-to-signin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.back-to-signin:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea66}@media(max-width:480px){.forgot-password-overlay{padding:15px}.forgot-password-modal{border-radius:16px}.forgot-password-header{padding:20px 20px 0}.forgot-password-header h3{font-size:1.2rem}.forgot-password-modal p{margin:0 20px 20px}.forgot-password-modal form{padding:0 20px 20px}.forgot-password-modal .input-group input{padding:14px 16px}.reset-submit,.back-to-signin{padding:14px 20px}.reset-success{padding:20px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.auth-modal-overlay{padding:15px}.auth-modal-content{border-radius:16px}.auth-header{padding:24px 24px 0}.auth-main{padding:20px 24px 24px}.auth-title h2{font-size:1.5rem}.force-auth-banner{padding:20px 24px}.input-group input{padding:14px 16px}.auth-submit,.google-auth-btn{padding:14px 20px}}.footer{margin-top:40px;padding:30px 0;border-top:2px solid rgba(255,255,255,.2);text-align:center}.footer-content{display:flex;flex-direction:column;gap:20px;align-items:center}.footer-links{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.footer-link{background:none;border:none;color:#fffc;font-size:1rem;cursor:pointer;transition:all .3s;text-decoration:underline;padding:5px 10px}.footer-link:hover{color:#fff;transform:translateY(-1px)}.footer-text p{color:#fff9;font-size:.9rem;margin:0}.page-container{background:#fff;border-radius:20px;padding:0;box-shadow:0 20px 40px #0000001a;animation:fadeInUp .8s ease-out;max-width:800px;margin:0 auto;overflow:hidden}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 40px;display:flex;align-items:center;gap:20px}.back-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px}.back-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.page-header h1{font-size:2.2rem;font-weight:700;margin:0}.page-content{padding:40px;line-height:1.7}.page-content h2{font-size:1.8rem;color:#1f2937;margin-bottom:20px;font-weight:700}.page-content h3{font-size:1.4rem;color:#374151;margin:30px 0 15px;font-weight:600}.page-content p{font-size:1.1rem;color:#4b5563;margin-bottom:15px}.page-content ul{margin:15px 0 25px 20px}.page-content li{font-size:1rem;color:#4b5563;margin-bottom:8px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.feature-card{background:linear-gradient(135deg,#f8faff,#f0f4ff);border:2px solid #e5e7eb;border-radius:16px;padding:25px;text-align:center;transition:all .3s}.feature-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.feature-icon{font-size:3rem;margin-bottom:15px;display:block}.feature-card h3{font-size:1.3rem;color:#1f2937;margin:0 0 12px;font-weight:600}.feature-card p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}@media(max-width:768px){.footer{margin-top:30px;padding:25px 0}.footer-links{gap:20px}.footer-link{font-size:.9rem}.page-header{padding:25px;flex-direction:column;align-items:flex-start;gap:15px}.page-header h1{font-size:1.8rem}.page-content{padding:30px 25px}.page-content h2{font-size:1.6rem}.page-content h3{font-size:1.2rem}.page-content p{font-size:1rem}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:20px}}@media(max-width:480px){.footer-links{flex-direction:column;gap:15px}.page-header{padding:20px}.page-header h1{font-size:1.6rem}.page-content{padding:25px 20px}.back-btn{padding:8px 12px;font-size:.9rem}}.founder-section{background:linear-gradient(135deg,#f8faff,#f0f4ff);border:2px solid #e5e7eb;border-radius:16px;padding:25px;margin:20px 0}.founder-section h4{font-size:1.3rem;color:#1f2937;margin:0 0 15px;font-weight:600}.founder-section p{font-size:1rem;color:#4b5563;line-height:1.6;margin-bottom:15px}.founder-section p:last-child{font-style:italic;color:#667eea;font-weight:500;border-left:4px solid #667eea;padding-left:20px;margin-top:20px}@media(max-width:768px){.founder-section{padding:20px}.founder-section h4{font-size:1.2rem}}.update-toast{position:fixed;top:20px;right:20px;z-index:10000;transform:translate(100%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.update-toast.show{transform:translate(0);opacity:1;animation:slideInBounce .6s cubic-bezier(.34,1.56,.64,1)}.update-toast-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:18px 22px;border-radius:16px;box-shadow:0 12px 40px #667eea4d,0 4px 16px #0000001a;display:flex;align-items:center;gap:14px;max-width:380px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.update-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff26;border-radius:50%;animation:rotateIcon 2s linear infinite}.update-icon svg{width:18px;height:18px}.update-text{flex:1}.update-title{font-size:15px;font-weight:600;margin-bottom:2px;letter-spacing:-.01em}.update-subtitle{font-size:13px;opacity:.9;font-weight:400;line-height:1.3}.update-actions{display:flex;align-items:center;gap:8px}.reload-btn{background:#ffffffe6;color:#667eea;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.reload-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.reload-btn:active{transform:translateY(0)}.dismiss-btn{background:#ffffff1a;color:#fff;border:none;font-size:20px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;font-weight:300}.dismiss-btn:hover{background:#fff3;transform:scale(1.1)}@keyframes slideInBounce{0%{transform:translate(100%) scale(.8);opacity:0}60%{transform:translate(-8px) scale(1.02);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.update-toast{top:15px;right:15px;left:15px}.update-toast-content{max-width:none;padding:16px 18px}.update-title{font-size:14px}.update-subtitle{font-size:12px}}